@charset "UTF-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {
	height: 100%;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


body > #wrap {
	height: auto; min-height: 100%;
}


body {
	background-attachment: fixed;
	background-image: url(../images/bg_image_grated.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
}


#header {
	width: 959px;
    margin-left: auto; 
	margin-right: auto;
}
	
	
/* Top nav bar styles begin here*/

#nav_main {
	font-family: Helvetica, Verdana, Arial;
	font-size: 18px;
	width: 960px;
	height: 40px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/bg_topnav.jpg);
	background-repeat: repeat-x;

}
 
#nav_main ul, div#nav_main li {
	display:inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#nav_main a:link {
	float:left;
	line-height:18px;
	color:#3399cc;
	font-weight:bold;
	margin: 12px 10px auto 10px;
	text-decoration: none;
}


#nav_main a:visited {
	float:left;
	line-height:18px;
	color:#3399cc;
	font-weight:bold;
	margin: 12px 10px auto 10px;
	text-decoration: none;
}


#nav_main a:hover {
	float:left;
	line-height:18px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 12px 10px auto 10px;
	text-decoration: none;
}


#nav_main a:active {
	float:left;
	line-height:18px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 12px 10px auto 10px;
	text-decoration: none;
}


#nav_main #currentpage a{
	float:left;
	line-height:18px;
	color:#ffffff;
	font-weight:bold;
	margin: 12px 10px auto 10px;
	text-decoration: none;
	
}

 /* Top nav bar styles end here*/
 
 
 
 /* Left nav bar styles begin here*/
 
	#leftNav dt { 
		border-bottom: 1px; 
		border-bottom-color:#CCCCCC; 
		border-bottom-style:solid; 
		padding: 5px; 
		margin: 2px;
	}
	
	#leftNav dt a:link {
		font-weight:bold; 
		font-family: Helvetica; 
		font-size: 18px; 
		color: #3399cc; 
		text-decoration:none; 
	}
	
	#leftNav dd ul li { 
		font-family: Verdana, Arial, sans-serif; 
		font-size: 14px; 
	}
	
	#leftNav dl { 
		width: 185px; 
	}
	
	#leftNav dl,dd { 
		margin: 0; 
	}
	
	#leftNav dd a:link { 
		color: #3399cc; 
		text-decoration:none; 
	}
	
	#leftNav dd a:hover { 
		color: #3399cc; 
		text-decoration:underline; 
	}
	
	#leftNav dd a:visited { 
		color: #333333; 
		text-decoration:none; 
	}
	
	#leftNav ul { 
		list-style: none; 
		padding: 0px 0px 0px 5px; 
		margin: 0px 0px 10px 0px;
	}
 
 /* Left nav bar styles end here */
 
 
 
 /* Font attributes begin here */
 

div#button {
	background:url(../images/bg_button_blue.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid #336699;
	margin: 0 10px 0 0;
	padding: 5px 5px 2px 5px;
	color:#ffffff;
	font-weight:bold;
	overflow:hidden;
	float:left;
	white-space:nowrap;
}


div#button a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}


div#button a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}


div#button a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #cccc99;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}


div#button a:active {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #cccc99;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}


#main a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: none;
}


#main a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}


#main a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
}


#main a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
}
  

#portfolioFeature a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: none;
	font-size: 18px;
}


#portfolioFeature a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-size: 18px;
}


#portfolioFeature a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
	font-sizesize: 18px;
}


#portfolioFeature a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
	font-size: 18px;
}

#portfolioFeatureLast a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: none;
	font-size: 18px;
}


#portfolioFeatureLast a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-size: 18px;
}


#portfolioFeatureLast a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
	font-sizesize: 18px;
}


#portfolioFeatureLast a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
	font-size: 18px;
}

#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: none;
}


#footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}


#footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
}


#footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
}

 
 /* Font attributes end here */
 
 
 /* Global CSS begins here */
 
#topbar {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1px;
	height: 11px;
	background-image: url(../images/bg_image_header_bluebars.jpg);
	background-repeat: no-repeat;
}


#logo {
	width:950px;
	height:102px; 
	margin-left:auto; 
	margin-right:auto;
	padding:50px 0 0 10px;
	clear:both;
	background-color:#FFFFFF;
}  

#main {
	padding-bottom:125px; /* must be same height as the footer */
	width:960px; 
	margin-left:auto; 
	margin-right:auto;
	clear:both;
}  


#pageTitle {
	width:940px;
	margin: 0 10px 25px 10px;
	border-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 30px;
	font-family: Helvetica;
	color:#cccc99;
	font-weight:bold;
	clear:both;
} 


#contentWrapperDefault {
	width:940px;
	margin: 0 10px 0px 10px;
}

#contentDefault {
	width:630px;
	padding: 0 25px 0 0;
	float:left;
	clear:both;
	padding-bottom:125px;
}


 #contentWrapperDefaultCol2 {
 	float:right;
	width:285px;
 }
 
  #contentDefaultCol2Subheader {
	width:285px;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666633;
 }
 
   #contentDefaultCol2 {
	width:285px;
 }

/* Global CSS ends here */


/* Home page CSS begins here */

#contentWrapperHome {
	width:900px;
	margin-left:10px;
	margin-right:10px;
	background-color: #d8d8bd;
	clear:both;
	padding: 20px;
	height:250px;
	border-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #999966;
} 

#contentWrapperHome2 {
	width:940px;
	margin-left:10px;
	margin-right:10px;
	margin-top:75px;
	margin-bottom:150px;
	height:125px;
} 

#contentHomeHeader {
	color: #999966;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
} 

#contentWrapperHomeLeft {
	float:left;
	width:320px;
	height: 200px;	
} 


#contentWrapperHomeRight {
	float:right;
	width:560px;
	margin-left:20px;
} 

#contentHomeSubheaderRight {
	float:left;
	width:560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666633;
	font-style: normal;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
} 

#contentHomeSubheader {
	float:left;
	width:940px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666633;
	font-style: normal;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
} 


#contentHomeRight {
	float:left;
	width:560px;
	clear:both;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666633;
} 

#contactInfoHomeCol1 {
	float:left;
	clear:both;
	margin:0 25px 0 0;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
}

#contactInfoHomeCol2 {
	width:300px;
	float:left;
	white-space:nowrap;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
}

#socialButton {
	width:35px;
	float:left;
	white-space:nowrap;
	margin:0 15px 0 0;
}

/* Home page CSS ends here */




/* Portfolio CSS begins here */


#leftNav {
	float:left;
	padding-left:10px;
	width:210px;
	height:600px;
	clear:both;
} 

#contentWrapperPortfolio {
	float:left;
	width:690px;
	background-color: #d8d8bd;
	padding: 20px;
	border-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #999966;
} 


#contentWrapperPortfolio2 {
	width:730px;
	margin:0 0 0 220px;
} 

#portfolioFeature {
	float:left;
	width:200px;
	margin:25px 65px 0 0;
    padding-bottom:125px;
}


#portfolioFeature img {
	margin:5px 0 5px 0;
}

#portfolioFeatureLast {
	float:left;
	width:200px;
	margin:25px 0 0 0;
    padding-bottom:125px;
}

#portfolioFeatureLast img {
	margin:5px 0 5px 0;
}

#PortfolioHeader {
	color: #999966;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
} 

#contentWrapperPortfolioLeft {
	float:left;
	width:320px;
} 

#contentWrapperPortfolioRight {
	float:left;
	width:340px;
	margin-left:20px;
} 

#contentPortfolioSubheaderRight {
	float:left;
	width:340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666633;
	font-style: normal;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
} 

#contentPortfolioRight {
	float:left;
	width:340px;
	clear:both;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666633;
} 


#contentWrapperPortfolio2Col {
 	float:left;
	width:730px;
	padding-bottom:125px;
 }
 
 #contentWrapperPortfolio3Col {
 	float:left;
	width:730px;
	padding-bottom:125px;
 }
 
 
 #contentPortfolio3ColCol2 {
 	float:left;
	width:420px;
	pading:0 25 0 0;
 }
 
 #contentWrapperPortfolio3ColCol3 {
 	float:right;
	width:285px;
 }
 
  #contentPortfolio3ColCol3Subheader {
 	float:right;
	width:285px;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666633;
 }
 
   #contentrPortfolio3ColCol3 {
 	float:right;
	width:285px;
 }
 
/* Portfolio CSS ends here */



/* Contact CSS begins here */

input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
	background: #ffffff; 
	border: 1px solid #d8d8bd;
}

textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
	background: #ffffff; 
	border: 1px solid #d8d8bd;
}



.submit input
{
	background:url(../images/bg_button_blue.jpg);
	background-position: left top;
	border: 0px solid #336699;
	margin: 0 10px 0 0;
	padding: 5px 5px 2px 5px;
	color:#ffffff;
	overflow:hidden;
	float:left;
	white-space:nowrap;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	
}

.submit input:hover
{
	background:url(../images/bg_button_blue.jpg);
	background-position: left top;
	border: 0px solid #336699;
	margin: 0 10px 0 0;
	padding: 5px 5px 2px 5px;
	color:#cccc99;
	overflow:hidden;
	float:left;
	white-space:nowrap;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;

}

/* Contact CSS ends here */

#footer {
	/*position:relative;*/
	margin-top: -125px; /* negative value of footer height */
	margin-left:auto;
	margin-right:auto;
	padding:20px 10px 0 10px;
	height: 105px;
	width:940px;
	background-color:#FFFFFF;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	clear:both;
} 


/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */