#hedearWrapper{
	margin:0px;
	height:70px; 
	width:100%; 
	top:0px;
	left:0;
    background:url(../img/header_bg.png) top left repeat-x;
	position:relative; 
}
#hedear{
	margin:0 auto; 
	height:70px; 
	width:960px; 
	top:0px;
	left:0;
	z-index:1;
	position:relative; 
}
.logo{
	width:312px;
	height:108;
	margin:0;
	padding:0px;
	float:left;
	top:15px;
	left:-5px;
	position:absolute;
}
.navMenu{
	width:auto;
	height:38px;
	margin:0px;
	top:50px;
	right:0px;
	position:absolute;
}
.navMenu ul{
	margin:0px;
	padding:0px; 
	width:auto;
	height:49px;
	z-index:50;
}
.navMenu ul li{
	list-style:none;
	text-decoration:none; 
	margin:0px 0px 0 0;
	float:left; 
	}
.navMenu ul li a{
	list-style:none;
	text-decoration:none; 
	padding:9px 0px;
	margin:0 1px 0 0px;
	width:90px;
	height:auto;
	float:left; 
	color:#676666;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../img/nenu-over.jpg) left top repeat-x;
	border:1px solid #ebedeb;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px #e9e9eb;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.navMenu ul li a:hover{	background:url(../img/nenu-li-bg.jpg) left top repeat-x;color:#fff;	text-shadow:1px 1px #2a2a2a;
}
.navMenu ul li a.current{background:url(../img/nenu-li-bg.jpg) left top repeat-x;color:#fff;	text-shadow:1px 1px #2a2a2a;} 

#footerWrapper{
	width:100%; 
	height:auto;
	bottom:0px; 
	left:0px; 
	position:fixed;
	background:url(../img/footer_bg.png) bottom left repeat-x;
}
#footer{
	width:960px;
	height:110px; 
	margin:0 auto; 
	bottom:0px; 
	position:relative;
}
.footer a{	color:#7c7b7b; text-decoration:none;}
.footer a:hover{color:#FFFFFF; text-decoration:underline;}
.footer_bottom{
	width:960px;
	height:46px; 
	margin:0 auto; 
	bottom:0px; 
	float:left;
}
.footer_top{
	width:960px;
	height:64px; 
	margin:0 auto;
	bottom:0px; 
	position:relative;
}
.services-wrapper{
	margin:0px;
	padding:0px;
	width:960px;
	height:130px;
	bottom:0px;
	position:absolute;
	}
.services-category{
	margin:0px;
	padding:4px;
	width:472px;
	height:122px;
	float:left;
	}	
.architectural{
	margin:0px;
	padding:12px 12px;
	width:440px;
	height:96px;
	background:#e3e3e3;
	float:left;
	border:solid 1px #FFFFFF;	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}
.architectural:hover,.anmation3d:hover{background:#dfdddd; border:dotted 1px #666666;}	
.anmation3d{
	margin:0px;
	padding:12px 12px;
	width:440px;
	height:96px;
	background:#e3e3e3;
	float:right;
	border:solid 1px #FFFFFF;	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}	
.services-category h2{
	margin:0px 0 5px 0px;
	padding:0px 0 5px 0px;
	text-align:left;
	width:330px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom:dotted 1px #4d4d4d;
	display:block;
	}	
.services-category p{
	margin:0px 0 0px 0px;
	padding:0px 0 0px 0px;
	text-align:left;
	float:left;
	width:330px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	overflow-y: scroll;
	overflow-x: hidden;
	}
.more{
	margin:0px 0 0 0px;
	padding:0px 0 0 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/more.png) center left no-repeat;
	color:#4d4d4d;
	float:left;
		text-decoration:none;
	}
.more:hover{
	margin:0px;
	padding:0px 0 0 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/more-over.png) center left no-repeat;
	text-decoration:underline;
	color:#FF0000;
	}					
.footer_bottom p{	
    margin:0px;
	padding:18px 0 0 0px;
	color:#9e9c9c;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
 }
.footer_bottom a{
	color:#fff;
	text-decoration:none;
	} 
.footer_bottom a:hover{
	color:#9e9c9c;
	text-decoration:underline;
	} 	
/*.blog{margin:0px; padding:0px; width:27px; height:27px; background:url(../images/blog.png) top left no-repeat;}
.facebook{margin:0px; padding:0px; width:27px; height:27px; background:url(../images/facebook.png) top left no-repeat;}
.linkedin{margin:0px; padding:0px; width:27px; height:27px; background:url(../images/linkedin.png) top left no-repeat;}
.tiwtter{margin:0px; padding:0px; width:27px; height:27px; background:url(../images/twitter.png) top left no-repeat;}*/



/******************************************Slider CSS********************/
#carousel_container {
float:left; /* important for inline positioning */
width:470px; /* important (this width = width of list item(including margin) * items shown */ 
overflow:hidden;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:470px; /* important (this width = width of list item(including margin) * items shown */
background:#fff;
overflow:hidden;
}

#carousel_ul {
position:relative;
left:0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:470px; /* important */
overflow:hidden;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:100px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:120px;
background: #fff;
margin:0px;

}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 

}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 

}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;

}