html, body
{

}



body
{
margin:0;
background:url(../images/background.png) repeat-x #fff;
font-family:Arial, Helvetica, sans-serif;
}

a
{
color:#498ac6;
}

#mainwrapper
{
position: relative;
text-align: left;
width: 800px;

height:auto !important;
margin:0 auto 0;
min-height:100%;

color:#777;

font-family:Arial;
font-size:14px;
}

#content
{
padding: 24px 0 32px 0;
}

#home-content
{
padding: 24px 0 32px 110px;
}

#home-content div.slide
{
float: left;
width:40%;
text-align: center;
}

#home-content div.slide h2
{
color: #4986ad;
font-size: 18px;
padding: 12px 0;
}

#home-content div.slide p
{
margin: 0 0 12px 0;
padding: 0 24px;
}

#home-sidebar
{
float: right;
padding: 24px 80px 12px 0;
}

#header
{
width:800px;
text-align:left;

display: inline;
}

#text
{
padding: 12px 0 0 0;

float: left;
}

#footer
{
color:#999;

font-size:14px;

text-align: center;

clear: both;

z-index: 100;

padding: 64px 0 0 0;
}

.footer-2
{
margin:5px 0 0 0;
font-size:10px;
}

.footer-1
{
}

#footer a
{
padding:0px 6px;

color:#999;

text-decoration:none;
}

img
{
border:0;
}

div.text
{
padding:24px 0 12px 0;
}

h1
{
padding:0;
margin:0;

font-weight:normal;
font-size:32px;

color:#13388b;
color:#555;
}

h2.homepage
{
display: inline;
padding: 0 0 12px 0;
}

h2
{
padding:0 0 6px 0;
margin:0;

font-weight:normal;
font-size:24px;

color:#13388b;
color:#555;
}

h3
{
padding:0;
margin:0;

font-weight:normal;
font-size:18px;

color:#555;
}

.boxes
{
padding: 8px 0 32px 0;
}

.boxes img
{
padding:0 10px 0 0;
}

.smaller
{
font-size:11px;
color:#aaa;
}

.pList img
{
padding:8px 0 0 0;
}

.example-site
{
width:800px;
height:140px;

padding:26px 0;

border-top:1px dashed #ccc;
}

.example-site h3
{
position:absolute;
margin:10px 0 0 280px;
font-size:18px;
font-weight:normal;
}

.example-site .image
{
background:url(../images/portfolio/image-bg.png) no-repeat 0px 0px;
padding:10px 10px 10px 10px;
}

.example-site .description
{
width:500px;

position:absolute;
margin:46px 0 0 280px;
color:#aaa;
}

.example-site .checklist
{
width:300px;
position:absolute;
margin:14px 0 0 480px;
text-align:right;
font-size:12px;
font-style:italic;
color:#ddd;
}

#contactForm
{
width:320px;

font-size:12px;
color:#999;

padding: 12px 0 0 100px;
}

form h2
{
margin:0 0 16px 0;
}

form input
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

margin:3px 6px 0 0;
padding:4px;

border:2px solid #ccc;

-moz-border-radius:3px;
-webkit-border-radius:3px;

background:#fff;
}

form textarea
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

margin:3px 6px 0 0;
padding:6px;

border:2px solid #ccc;

-moz-border-radius:3px;
-webkit-border-radius:3px;

background:#fff;
}

form .sub
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

position:absolute;

margin:-42px 6px 0 0;
padding:4px;

border:2px solid #ccc;

-moz-border-radius:0px;
-webkit-border-radius:0px;

color:#13388b;

background:#fff;
}

form .image
{
margin:32px 0 0 330px;
padding:0;

border:0;
}







#contactInfo
{
position:absolute;
text-align:right;

margin:12px 0 0 520px;

background:#f9f9f9;

border:2px solid #ddd;

padding:10px 12px 12px 16px;
}

#contactPlease
{
margin:6px 0 20px 0;

font-size:12px;

color:#13388b;
}

#contactInfo h3
{
font-size:14px;
color:#666;
}

#pConImg
{
position:absolute;

margin:-2px 0 0 30px;
}

div.home-flash
{
border: 1px solid #ccc;
width: 530px;
}

.info-div
{
width: 600px;
padding: 12px 0 24px 0;
}

.info-div p
{
margin: 0;
padding: 0;
}

.info-div h3
{
margin: 0;
padding: 24px 0 4px;
}













#menu
{
float: right;
margin: 50px 0 0 0;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	
	color: #fff;

	padding: 4px 16px;
	
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #ccc;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li, #nav li ul li { /* popout items */
	width: 120px;
	background: #4f91bc;
	border: 1px solid #333;
	border-top: 0;
	font-size: 13px;
}

#nav li ul li:hover, #nav li ul li.sfhover { /* popout items, hover */
	background: #4680a5;
}




/*
Services Page
*/

div.services-ul ul
{
	list-style: none;
	
	font-size: 16px;
}

div.services-ul ul li
{
	padding: 6px 0;
}

div.footer-3
{
	display: none;
}

#home-content2
{
	
}

#home-content2 .slide
{
	margin: 12px 0 42px;
}

#home-content2 h2
{
	margin: 6px 0 0;
	
	font-size: 18px;
	
	color: #666;
}

#home-content2 p
{
	margin: 0;
	
	color: #999;
}

#home-content2 a:link, #home-content2 a:visited
{
	font-size: 18px;
	
	text-decoration: none;
}
#home-content2 a:hover
{
	
	text-decoration: underline;
	
}