/* General =====================================================*/
* { margin: 0; padding: 0; }
body { color: #434343; font: 14px/21px Arial,Helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; font-weight: 400; }
a { color: #42be5c; text-decoration: none; outline: none; }
a:hover { color: #42be5c; text-decoration: underline; }
input, select, textarea { border: 1px solid #ccc; font: 400 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #434343; }
img, a img { border: 0px solid #ccc; padding: 0px ; }
p { color:#999999;
font-size:12px;
padding:2px 0 2em; }
.inputerror { border: 1px solid #333; }
#submiterror { color: #900; font-weight: 900; border: 1px solid #ccc; background-color: #fff; padding: 2px 4px; }
.clear { clear: both; }
.left, .float { float: left; }
img.float, a img.float { margin: 0 20px 0 0; }
.right { float: right; }
ul, li {
    list-style-type: none;
}

/*-----------------------------topnav------------------*/
#topnav{
clear:both;
width: auto;
height:25px;
color: #416271;
background-color:#ededed;
border-bottom: 1px solid #cccccc;
}
.copyright{
float:left;
padding-left:10px;
padding-top:0px;
}
.top_links{
float:right;
padding-right:15px;
padding-top:3px;
font-size:12px;
}
.top_links a{
text-decoration:none;
color: #999;
padding-left:10px;
}
.top_links a:hover{
text-decoration:underline;
color: #999;
}
.social_links{
float:right; 
padding-right:15px;
}
.social_links a{
text-decoration:none;
color: #999;
padding-left:10px;
}

.wrapper { width: 960px; margin: 0 auto; }
.container { width: 960px; height:100%; margin: 0 auto; background:#fff;}

#push {height:200px;}
#upper-footer { background: #000 url(images/portfolio-bg.gif) repeat-x top left; float: left;clear:both; margin: 30px 0 0 0; width: 100%; 
   bottom:0;
   height:200px;   /* Height of the footer */
}
	#upper-footer #upper-footer-header { width: 960px; }
	#upper-footer #upper-footer-header #portfolio { width: 460px;  height: 25px; margin: -18px 0 0 0; position: relative; padding: 23px 0 0 140px; }

	#upper-footer .portfolio-sum a img {  padding: 9px; border: 1px solid #504a46; margin: 0 15px 0 0; } 
	#upper-footer .portfolio-sum a { padding: 9px; border: 0px solid #504a46; margin: 0 15px 0 0; } 
	#upper-footer .about { float: left;  padding: 10px 0 20px; margin: 10px 0; width: 900px; }
	#upper-footer .about h4 { color: #a39689; font-size: 12px; font-weight: 900; }
	#upper-footer .about h4 a { text-decoration: underline; color: #fff; }
	#upper-footer .about h4 a:hover { text-decoration: none; color: #000; }
	
#footer_base { background: #000000;; float: left; width: 100%; height: 44px; border-top: 1px solid #1a1919; }
#footer_base a {
	color: #CCCCCC;
    font-weight: normal;
	margin: 0px;
	font-size:14px;	
	padding: 0px 0px 5px 0px;
	}
	
	#header{
width:960px;
height:90px;
background:#fff;
}
#logo{
padding:15px 0 0 0px;
float:left;
}
#navigation{
padding:25px 0 0 0px;
float:right;
}
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	height: 200px;
	color: #fff;
	margin: 20px auto 0px;
	padding: 0px;
	}
	
#footer p {
	color: #CCCCCC;
    font-weight: normal;
	margin: 0px;	
	padding: 0px 0px 5px 0px;
	}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
	}
	
#credit left a {
	color: #CCCCCC;
	text-decoration: none;
	}	

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color:#333333;
	}
	
#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#footer ul li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	}

#footer ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}
	
#footer ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}
	
#footer ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
#footer h2 {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer h2 a {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer .widget {
	background: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border: none;
	}

.footer1 a img, .footer2 a img, .footer3 a img {
	border: none;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	}
.footer1 h2, .footer2 h2, .footer3 h2 {
	color:#cacaca;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}	
.footer1 a, .footer2 a, .footer3 a {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}	
.footer1 a:hover, .footer2 a:hover, .footer3 a:hover {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:	underline;
	}	
	
.footer1 {
	width: 220px;
	float: left;
	margin: 20px 0 0 0;
	padding: 20px 20px 5px 0px;
	}
	
.footer2 {
	width: 220px;
	float: left;
	margin: 20px 0 0 0;
	padding: 20px 20px 5px 0px;
	}
	
.footer3 {
	width: 220px;
	float: left;
	margin: 20px 0 0 0;
	padding: 20px 20px 5px 0px;
	}
	
.footer5 {
	width: 230px;
	color:#cacaca;
	float: right;
	margin: 20px 0 0 0;
	padding: 20px 0px 20px 0px;
	}
	
.footer5 a img {
	border: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	}
	
#thirdrow{
clear:both;
border-top:1px solid#cacaca;
padding: 10px 0 0px 0px;
margin: 0px 0 0px 0px;}

.leftcolumn { 
 color: #666;
 border: 0px solid #ccc;
 margin: 0px 15px 0px 0px;
 width: 604px;
 height:300px;
 float: left;
 text-align:justify;
}
.leftcolumn h3{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#42BE5C;margin:0;padding:0 0 0 10px;}
.leftcolumn p{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#666666;margin:0 0 20px 0;padding:0 0 0 10px;text-align:justify;}
.leftcolumn a:link{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#42BE5C;margin:0 0 20px 0;}
.leftcolumn a:hover{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#42BE5C;margin:0 0 20px 0;text-decoration:underline;}
.leftcolumn a:link{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#42BE5C;margin:0 0 20px 0;}
#left_ticker { 
 color: #666;
 background:#fff;

 padding: 2px;
 width: 602px;
 height:20px;
 float: left;
 text-align:justify;
}
#featured_pre { 
 border: 0px solid #ccc;
 padding: 6px;
 width: 175px;
 float: left;
 text-align:justify;
}
#featured_pre h1 { 
 color: #fff;
 font-size: 15px;
}
#featured_pre p { 
 color: #fff;
 font-size: 12px;
 margin: 4px 0 0 0;
}
#featured_video { 
 height:311px;
 border: 1px solid #fff;
 padding: 6px;
 margin-top:2px;
 width: 400px;
 float: left;
 text-align:justify;
}
.rightcolumn { 
 float: left;
 color: #666;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0 10px 0 10px;
 width: 250px;
 display: inline;
}
.rightcolumn h1 { 
 color: #42be5c;	
 font-size: 18px;
 margin: 0 0 13px 0;
}
.rightcolumn h2 { 
 color: #42be5c;	
 font-size: 13px;
 margin: 0 0 13px 0;
}
.latest_news {
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0 0px 15px 0;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	width: 320px;
	height: 55px;	
	}
html>body .latest_news {
 /* ie5win fudge ends */
	clear:both;
		}
.latest_news h1 {
	font-size: 14px; 
	line-height: 14px; 
	margin: 0px 0 5px 0px; 
	color: #42be5c;		
	}
.latest_news h2 {
	font-size: 14px; 
	line-height: 14px; 
	margin: 0px 0 5px 0px; 
	color: #42be5c;		
	}	
.latest_news p {
	font-size: 11px; 
	line-height: 11px; 
	margin: 0px 0 0 0px; 
	color: #666;	
	}
.latest_news img {
	float:left;
	width:32px;
	height: 32px;
	margin-right: 5px;
	border: 1px solid #cacaca;	
	}
.recommend {
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0 0px 15px 0;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	width: 320px;	
	}
html>body .recommend {
 /* ie5win fudge ends */
	clear:both;
		}
.recommend h1 {
	font-size: 14px; 
	line-height: 14px; 
	margin: 0px 0 5px 0px; 
	color: #42be5c;		
	}
.recommend h2 {
	font-size: 14px; 
	line-height: 14px; 
	margin: 0px 0 5px 0px; 
	color: #42be5c;		
	}
.recommend h3 {
	font-size: 11px; 
	line-height: 14px; 
	margin: 0px 0 5px 0px; 
	color: #666;		
	}		
.recommend p {
	font-size: 11px; 
	line-height: 14px; 
	margin: 0px 0 0 0px; 
	color: #666;	
	}
.recommend img {
	float:left;
	width:32px;
	height: 32px;
	margin-right: 5px;
	border: 1px solid #cacaca;	
	}	
#boxes { 
	float: left;
	color: #666;
	width:960px;
	border-top:1px solid#cacaca;
	padding: 10px 0 0px 0px;
	margin: 0 0 20px 0px;


}

#boxes h1 {
	font-size: 13px; 
	line-height: 13px;  
	margin: 5px 0px 5px 0px; 
	color: #42be5c;	
		
	}
#boxes p{ 
 	color: #666;
	margin: 0 0 10px 0;
}

/* Box 1*/	
#box1 {
	float: left;
	padding:5px;
	border:1px solid#cacaca;
	margin: 0px 12px 0px 0;
	background: #fff;
	width: 138px; /* ie5win fudge begins */	
	height:60px;
	}


#box1_line{
	margin:5px 0px 5px 0px;
	border-bottom: 2px solid #42BE5C;
}
	
#box1 img {
	float:left;
	margin:0 0 0 0px;
	width:138px;
	height:60px;
	background-color:#fff;
	}	
/* Box 1 End */	
#box5 {
	float: left;
	margin: 0px 0px 0px 0;
	padding:5px;
	border:1px solid#cacaca;
	background: #fff;
	width: 138px; /* ie5win fudge begins */
	height:60px;
	}
#box5 h1 {
	font-size: 13px; 
	line-height: 13px;  
	margin: 5px 0px 5px 0px; 
	color: #666666;	
	text-align:right;
		
	}
#box5_line{
	margin:5px 0px 5px 0px;
	border-bottom: 2px solid #42BE5C;
}
	
#box5 img {
	float:left;
	margin:0 0 0 0px;
	width:138px;
	height:60px;
	background-color:#fff;
	}	
/* Box 1 End */

#contact-area {
	width: 230px;
	margin-top: 0px;
}
#contact-area h2 {
	color:#42be5c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 215px;
	font-family: Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 20px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #42be5c;
}

#contact-area input.submit-button {
	width: 227px;
	float: left;
}

label {
	float: left;
	text-align: left;
	margin-right: 0px;
	width: 230px;
	padding-top: 0px;
	font-size: 0.9em;
}
.leftcolumn { 
 color: #666;
 border: 0px solid #ccc;
 margin: 0px 15px 0px 0px;
 width: 602px;
 height:100%;
 float: left;
 text-align:justify;
}

#leftcontent h1{ 
color:#42BE5C;
font-size:18px;
margin-bottom:10px;
}
#leftcontent h2{ 
color:#42BE5C;
font-size:14px;
margin-bottom:10px;
font-weight:500;
}
#leftcontent li{ 
list-style-type:square;
margin:0 0 0 20px;
}
#leftcontent ul{ 
margin:0 0 20px 0;
}
#leftcontent p{ 
clear:both;
 color: #666;
font-size:12px;
line-height:14px;
margin: 10px 0 10px 0;
}
#leftcontent img{ 
float:right;
border: 1px solid #cacaca;
padding: 5px;
margin: 0 1px 10px 0;
}


/* ----------------------------------- */
/* MENU
/* ----------------------------------- */
#menu {
	height: 78px;
	background: transparent url(_images/main-top.gif) left bottom no-repeat;
	padding-left: 30px;
	padding-top: 20px;
}
	#menu li {
		float: left;
		list-style: none;
		height: 40px;
		margin-right: 35px;
		line-height: 12px;
		padding-top: 8px;
		display: inline;
	}
	#menu li a {
		font-size: 16px;
		text-decoration: none;
	}
	#menu li a span {
		font-size: 9px;
		text-transform: uppercase;
		display: block;
		padding-top: 3px;
	}
	
	#menu a:link, #menu a:visited {
		color: #3a3933;
	}
	#menu a:hover, #menu a:active {
		color: #42BE5C;
	}
	
	#menu a:link span, #menu a:visited span {
		color: #807f77;
	}
	#menu a:hover span, #menu a:active span {
		color: #3a3933;
	}
	
	#menu-portfolio {
		background: transparent url(_images/icon-portfolio.gif) 0 0 no-repeat;
		padding-left: 40px;
	}
	#menu-services {
		background: transparent url(_images/icon-services.gif) 0 0 no-repeat;
		padding-left: 20px;
	}
	#menu-about {
		background: transparent url(_images/icon-about.gif) 0 0 no-repeat;
		padding-left: 20px;
	}
	#menu-blog {
		background: transparent url(_images/icon-blog.gif) 0 0 no-repeat;
		padding-left: 20px;
	}
	#menu-contact {
		background: transparent url(_images/icon-contact.gif) 0 0 no-repeat;
		padding-left: 20px;
		margin-right: 0 !important;
	}
