@charset "UTF-8";

/* CSS Document */

body {

	font-family: Arial, Helvetica, Verdana, Sans-serif;

	font-size: 16px;

	color: #333333;

	text-align: center;

	margin-top: 0px;

}



#apDiv1 {

	position:absolute;

	left: auto;

	top:101px;

	width:75px;

	height:30px;

	z-index:1;

}



h1 
{
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#1657cf;
}

h2 
{
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#1657cf;
	font-weight:bold;
}

h3 
{
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#444444;
}

h4 
{
	font-size:32px;
	font-family:Impact, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#313031;
}

h5 
{
	font-size:32px;
	font-family:Impact, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#1657cf;
}

h6 
{
	font-size:24px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#1657cf;
}


#content p {

	margin: 0;

	padding: 0;

	padding-bottom: 15px;

}



#page-container {

	padding: 0px;

	width: 800px;

	margin: auto;

	text-align: left;

	background-color:#FFFFFF;

	background: url(images/bg-drop.png) 

}



/* Main Navigation */



#main-nav { height: 50px; }

#main-nav dl { margin: 0; padding: 0; }



/* IE5 Mac Hack \*/ 

#main-nav { padding-left: 11px; } 

/*/ 

#main-nav { padding-left: 11px; overflow: hidden; } 

/* End Hack */



#main-nav dt { float: left; }



#main-nav dt a {

	display: block;

	height: 0px !important;

	height /**/:50px; /* IE 5/Win hack */ 

	padding: 50px 0 0 0;

	overflow: hidden;

	background-repeat: no-repeat;

}



#main-nav dt a:hover {

	background-position: 0 -50px;

}



#main-nav dt#about,

#main-nav dt#about a { width: 71px; background-image: url(images/nav/about.gif); }



#main-nav dt#services,

#main-nav dt#services a { width: 84px; background-image: url(images/nav/services.gif); }



#main-nav dt#portfolio,

#main-nav dt#portfolio a { width: 95px; background-image: url(images/nav/portfolio.gif); }



#main-nav dt#contact,

#main-nav dt#contact a { width: 106px; background-image: url(images/nav/contact.gif); }



body.about dt#about,

body.about dt#about a,

body.about dt#about a:hover,

body.services dt#services,

body.services dt#services a,

body.services dt#services a:hover,

body.portfolio dt#portfolio,

body.portfolio dt#portfolio a,

body.portfolio dt#portfolio a:hover,

body.contact dt#contact,

body.contact dt#contact a,

body.contact dt#contact a:hover {

	background-position: 0 -100px;

}



body.about #header {

	height: 150px;

	background: #db6d16

		    url(images/headers/about.jpg);

}



#content-header {

	margin-top: 20px;

	margin-right: 30px;

	margin-left: 20px;

	line-height: 18px;

	

}



#test {

	width: 550px;

	height: 280px;

	line-height: 18px;

	background-color:#FFFF99;

	background-image:url(images/test.png);

}



#test2 {

	width: 550px;

	height: 350px;

	line-height: 18px;

	background-color:#FFFF99;

	background-image:url(images/test2.png);

}



#gap {

	height: 20px;

}



#content {

	margin: auto;

	line-height: 18px;

	width: 710px;

}



#content4 {

	margin-top: 20px;

	margin-right: 50px;

	margin-left: 50px;

	line-height: 18px;

}



#content5 {

	margin-top: 20px;

	margin-right: 30px;

	margin-left: 50px;

	line-height: 18px;

}



#content2 {

	margin-botton: 20px;

	line-height: 18px;

}



#content3 {

	width: 500px;

	margin-top: 20px;

	margin-right: 30px;

	margin-left: 100px;

	line-height: 18px;

	background-color:#2770AA;

}





#content .padding {

	padding: 25px;

}





#content2 .padding {

	padding: 25px;

	margin-botton: 20px;

}



#sidebar-a {

	float: right;

	width: 280px;

	line-height: 18px;

}



#sidebar-a .padding {

	padding: 25px;

}



.shadow-one { 

	position: absolute; 

	padding-top: 100px; 

	padding-left: 100px; 

	} 

	

	.corner-a { 

	position: absolute; 

	right: 0; 

	top: 0; 

	width: 100px; 

	height: 100px; 

	background: url(images/shadow.png) 

	right top no-repeat; 

	} 

	.corner-b { 

	position: 

	absolute; 

	left: 0; 

	bottom: 0; 

	width: 100px; 

	height: 100px; 

	background: url(images/shadow.png) 

	left bottom no-repeat; 

	} 

	

	.shadow-two { 

	background: url(images/shadow.png) 

	right bottom no-repeat; 

	} 

	

	.shadow-three { 

	position: relative; 

	left: -100px; 

	top: -100px; 

	background: url(images/shadow.png) left top no-repeat;

	} 

	

	.shadow-four { 

	position: relative; 

	left: 50px; 

	top: 50px; 

	} 





#footer {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	margin: auto;

	padding: 15px;

	line-height: 24px;

	width: 730px;

	height: 260px;

	background-image:url(images/footer-bg.jpg);

}



#seo {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#999999;

	margin: auto;

	padding: 15px;

	line-height: 24px;

	width: 730px;

	text-align:center;

	height: 8px;

}



a.seo 

{color:#999; text-decoration:none;} 





#footer a {

	color: #FFFFFF;

	text-decoration: none;

}



#footer a:hover {

	color: #FFFFFF;

}



#footer #altnav {

	clear: both;

	width: 350px;

	float: right;

	text-align: right;

	padding-top: 13px;

}



#footer #copyright {

	padding-top: 13px;

}





html, body {

	margin: 0;

	padding: 0;

}