@charset "utf-8";
/* CSS Document */
h1,h2,h3,p,h4,ul,figure{margin:0px; padding:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section,div {display: block;}

body {
font-family: Arial, Helvetica, sans-serif;
color: #333;
/*min-width: 960px;*/

background:url(../images/main.jpg) repeat;
/*position: relative;*/
font: 100%/1.125em Arial, Helvetica, sans-serif;
/*color: black;*/
margin:0px;
}


#main{

font-size: 12px;
font-style: normal;
/*background:url(../images/main.jpg) repeat-x 50% 0%;*/
width:100%;
/*margin:0 auto;*/
/*background-color:#0066CC;*/
}

#main header{height: 170px;border: none;position: relative;/*height: 251px;*//*border-bottom: 2px solid black;*/z-index: 99;width:940px;margin:0 auto;}
header .logo {margin-top:30px;float:left;}
header .primary{/*margin-top:58px;*/margin-top:92px;margin-left:33px;float:left;}



/*******************************MENU************************************/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	background: url(../images/menu.png) repeat 0% 0%;
	width: 170px; /* left offset of submenus need to match (see below) */
	padding: 5px 0 9px 0;
	position: absolute;
	top: -999em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
/**********************************/
top:			50px;
/**********************************/
	/*top:			66px;*/ /* match top ul list item height */
	left:			2px;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	padding: 5px 0 5px 0;
	left:			120px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/* Our skin for dropdown menu */
.sf-menu {
	float: right;
}

.sf-menu a {
	text-decoration: none;
	color: #fff;
}

.sf-menu li {
/**********************CHANGE****************/	
background: url(../images/menu-divider1.png) no-repeat 0% 10px;

/**********************CHANGE****************/	
	/*background: url(../images/menu-divider.png) no-repeat 0% 10px;*/
	padding: 0 0 0 2px;
	
}

.sf-menu li:first-child {
	background: none;
}

	.sf-menu li a {
		width: 105px;
		
	/**********************CHANGE****************/	
		/*height: 66px;*/height: 37px;
		/**********************CHANGE****************/	
		overflow: hidden;
		display: block;			
			line-height: 18px;
			font-size: 13px;
			color: #fff;
			font-weight:bold;
			padding-top:14px;
			padding-left:10px;
	}
	/*
		.sf-menu li a  {
			display: block;
			padding: 14px 0 0 0;
			line-height: 18px;
			font-size: 13px;
			color: #fff;
			font-weight:bold;
		}*/
		.sf-menu li ul li a{ font-weight:normal;}
		
		.sf-menu li a span {
			display: block;
			line-height: 18px;
			font-size: 11px;
			color: #767676;
		}

.sf-menu li li {
	background: url(../images/menu-line.png) no-repeat 50% 0%;
	padding: 1px 0 0 0;
}

.sf-menu li li:first-child {
	background: none;
	padding: 0;
}

	.sf-menu li li a {
		background: url(../images/menu-act.png) no-repeat 50% -27px;
		width: 140px;
		height: auto;
		overflow: hidden;
		padding: 4px 11px 5px 19px;
		line-height: 18px;
		font-size: 13px;
		color: #fff;
	}

.sf-menu li li li {
	background: url(../images/menu-line.png) no-repeat 50% 0%;
	padding: 1px 0 0 0;
}

.sf-menu li li li:first-child {
	background: none;
	padding: 0;
}

	.sf-menu li li li a {
		background: url(../images/menu-act.png) no-repeat 50% -27px;
		width: 88px;
		height: auto;
		overflow: hidden;
		padding: 4px 11px 5px 19px;
		line-height: 18px;
		font-size: 13px;
		color: #fff;
	}

.sf-menu li:hover > a, .sf-menu li.sfHover > a,
.sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu li.current-menu-item > a {
	background: url(../images/menu.png) repeat 0% 0%;
	outline: 0;
}

.sf-menu li li:hover > a, .sf-menu li li.sfHover > a,
.sf-menu li li > a:focus, .sf-menu li li > a:hover, .sf-menu li li > a:active, .sf-menu li li.current-menu-item > a {
	background: url(../images/menu-act.png) repeat-y 50% 0%;
	outline: 0;
}

.sf-menu li li li:hover > a, .sf-menu li li li.sfHover > a,
.sf-menu li li li > a:focus, .sf-menu li li li > a:hover, .sf-menu li li li > a:active, .sf-menu li li li.current-menu-item > a {
	background: url(../images/images/menu-act.png) repeat-y 50% 0%;
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*******************************************************************************************************/

 
 /************************************************ALL CONTENT*******************************************/
 h1 {line-height: 1.2em;font-size: 24px;font-weight: 400;color: black;}
 h2 {line-height: 1.2em;font-size: 22px;font-weight: 400;color: black;}
h3 {line-height: 1.2em;font-size: 20px;font-weight: 400;color: black;}
h4 {line-height: 1.2em;font-size: 18px;font-weight: 400;color: black;}
 h2 a,h3 a {text-decoration: none;color: black;}
 h2 a:hover,h3 a:hover{color: #F55E25;}
 /*p {line-height: 22px;}*/
 h4{padding-bottom:20px;}
 nav ul, nav ol {list-style: none;}
 img {margin: 0;vertical-align: top;border: 0;-ms-interpolation-mode: bicubic;}
 a:hover, a:active {outline: 0;text-decoration: none;}
 .wp-pagenavi a:hover, .wp-pagenavi a:hover i,a{color: #F55E25; text-decoration:none;}
 .main-content .home-content{width:940px; margin-left:10px;margin-right:10px;height:auto;}
 h6 {margin: 0;padding: 0 0 18px 0;line-height: 18px;font-size: 13px;text-shadow: 1px 1px 0 #F3F3F3;color: black;}
 .padhead{padding-bottom:24px;}
 .padabout,.one_fourth ul{padding-bottom:18px;}
 
 .header-title p,.projectbox p,.about-content p{line-height: 18px;font-size: 13px;color: black;}
 .last{margin-right: 0 !important;clear: right;}
 

/************************************************ALL CONTENT*******************************************/




/**************************************banner*****************************************************************/
#main .banner{width:100%; height:452px;}
.banner .sliderbg{width:940px; height:410px; background-color:#ffffff; margin:0 auto; }
.banner .sliderbgimage{width:940px; margin:0 auto;}
.banner .slider{width:930px; height:400px; float:left; margin:5px 5px 5px 5px; /*background-color:#003399;*/}

/**************************************banner*****************************************************************/

/**************************************content*****************************************************************/
#main .content{background: url(../images/content.jpg) repeat 50% 0%;position: relative;width: 100%;z-index: 1;height:auto;padding: 41px 0 35px 0; }

.content .main-contenth{margin:0 auto;width: 960px;height:auto;/*background-color:#00CCCC;*/}
.content .main-content{margin:0 auto;width: 960px;height:auto;min-height: 515px;/*background-color:#00CCCC;*/}

/**************************************content*****************************************************************/




/**************************************HOME-CONTENT*****************************************************************/


.home-content .top-content{width: 100%;overflow: hidden;}
.home-content .top-content .box{background: none;float: left;width: 301px;line-height: 22px;font-size: 14px;color: black;}

.padright{padding-left:18px;}
.home-content .top-content .box img {float: left;margin: 4px 14px 0 0;}
.home-content .top-content .box h1 {line-height: 1.2em;font-size: 24px;font-weight: 400;color: black;}
.home-content .top-content .box h1 a {text-decoration: none;color: black;}
.home-content .top-content .box h1 a:hover{color: #F55E25;}
.home-content .top-content .box  p {overflow: hidden;padding: 12px 0 24px 0;}
a.link {position: relative;float: right;overflow: hidden;padding: 0;border: 1px solid #BCBCBC;text-decoration: none !important;color: black !important;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
a.link:hover {color: #F55E25 !important;}
a.link i ,.wp-pagenavi a i, .wp-pagenavi span i{background: url(../images/link.png) repeat 0% 0%;position: relative;float: right;height: 33px;overflow: hidden;padding: 0 19px;
border: 1px solid white;line-height: 32px;font-size: 13px;font-style: normal;text-shadow: 1px 1px 0 white;cursor: pointer;border-radius: 5px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;}

/**************************************HOME-CONTENT*****************************************************************/


/**************************************Project PAGE*****************************************************************/
.header-title {margin-bottom: 2.5em;}

.header-title h1{padding: 0 0 24px 0;}
.projectbox{width: 460px;float:left;
margin-top:0px;
margin-left:0px;
margin-right:10px;
margin-bottom:10px;
}

.projectbox .image-border {width: 460px;height: 288px;}
.projectbox img{border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;margin-top:0px;}
.right{margin-right:0px;}
.projectbox .folio-desc {margin: 0;padding: 14px 0 0 0;}
.projectbox p{padding-top:10px;}
.projectbox h2{font-size:20px;}
.home-content .project-content {width: 100%;overflow: hidden;}

.wp-pagenavi {width: 100%;text-align: center;}
.wp-pagenavi a, .wp-pagenavi span {position: relative;display: inline-block;height: 35px;overflow: hidden;margin: 0 3px;padding: 0;border: 1px solid #BCBCBC;
text-decoration: none !important;color: black !important;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.wp-pagenavi span.current {border: none;}
.wp-pagenavi span.current i {background: none;border: none;height: 35px;line-height: 34px;}
.wp-pagenavi a i, .wp-pagenavi span i {padding:0 15px;border:none;}

/**************************************Project PAGE*****************************************************************/






/*************************************CONTACT US********************************************************************/
input[type="text"], textarea {background: #F3F3F3;border: 1px solid #E5E5E5;padding: 6px 0 6px 5px;}

 .one_third {margin-right:40px;float: left;width:300px;}
 .one_third h2{padding-bottom:15px;}
 div.form {width: 100%;margin: 0;padding: 0 0 30px 0;}
 div.form p {width: 100%;padding: 0 0 8px 0;overflow:hidden;}
 div.form input[type="text"] {background:url(../images/bg.png) repeat 0% 0%;width: 251px;height: 19px;padding: 5px 5px 5px 5px;line-height: 1.5em;border: none;font-family: Arial, Helvetica, sans-serif;font-size: 13px;text-shadow: 1px 1px 0 #EBEBEB;color: black;}
 div.form .watermark {color: #888;}
 div.form textarea {background: url(../images/bg.png) repeat 0% 0%;width: 251px;height:130px;overflow: auto;padding: 5px 5px 5px 5px;
resize: none;line-height: 1.5em;border: none;font-family: Arial, Helvetica, sans-serif;font-size: 13px;text-shadow: 1px 1px 0 #EBEBEB;color: black !important;}
div.form input[type="submit"] {background: url(../images/submit.png) repeat 0% 0%;width: 92px;height: 38px;margin: 9px 0 0 0;padding: 0;line-height: 38px;border: none;font-size: 13px;font-weight: normal;text-align: center;text-shadow: 1px 1px 0 #EBEBEB;cursor: pointer;color: black;}
div.form input[type="submit"]:hover {color: #F55E25;}
.infopad{padding-bottom:10px;}
.contact-info {width: 100%;overflow: hidden;padding: 0 0 40px 0;line-height: 18px;font-size: 13px;text-shadow: 1px 1px 0 #EBEBEB;color: black;}
.contact-info small {float: right;padding: 0 33% 0 0;font-size: 13px;}

.two_third{}
.map {width: 600px;height:500px;/*overflow: hidden;*/margin: 0 0 30px 0;}
/*************************************CONTACT US********************************************************************/



/******************************************About Us***********************************************************/
.home-content .about-content {width: 100%;overflow: hidden;}
.about-content img{float:left;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-right:20px;}

.about-content p{padding-bottom:18px; color:#000;}
.one_fourth{margin-right:35px;;float: left;width:206px;}
.about-content .one_fourth ul li {background: url(../images/marker.png) no-repeat 0% 8px;margin: 0;padding: 0 0 7px 9px;list-style: none;line-height: 18px;
font-size: 13px;text-shadow: 1px 1px 0 #EDEDED;color: black;}
.about-content ul li {background: url(../images/marker.png) no-repeat 0% 8px;margin: 0;padding: 0 0 7px 9px;list-style: none;line-height: 18px;
font-size: 13px;text-shadow: 1px 1px 0 #EDEDED;color: black;}
/******************************************About Us***********************************************************/
















/***************************FOOTER*******************************************************************/

footer {background: url(../images/body.jpg) repeat 50% 0%;width: 100%;min-height: 86px;overflow: hidden;padding: 35px 0 0 0; position:absolute;}
.footercontent{width:940px; margin:0 auto;/*background:#00CC99;*/height:100px;padding:0px 10px 0px 10px;}
.footer{float:left;}
.footer nav {overflow: hidden;padding: 0 0 18px 0;/*float:left;*/width:470px;}
.footer nav ul li {float: left;margin: 0;padding: 0 20px 0 0;list-style: none;line-height: 18px;font-size: 13px;color: #636160;}
.footer nav ul li a:hover,.footer nav ul li.current-menu-item a {color: white;text-decoration:none;}
.footer nav ul li a{text-decoration:none;color: #636160;}
.widget-footer {float: right;width:135px;}
.widget-footer ul {float: right;margin: 0;padding: 0;}
.widget-footer ul li {float: left;height: 28px;margin: 0;padding: 0 0 0 5px;list-style: none;}
.widget-footer ul li a {float: left;height: 28px;}
footer p {padding: 0;line-height: 22px;font-size: 14px;text-shadow: none;color: #636160;}


/***************************FOOTER**********************************************************************/
.spp{
display:block;
width:285px;
float:left;
padding:10px;
}
.spp img:hover{
background:url(../images/loading.gif) no-repeat center;
z-index:99;

}
.spp h2 a{ text-align:center}

.sf-menuf {overflow: hidden;padding: 0 0 18px 0;/*float:left;*/width:470px;}
.sf-menuf ul li {float: left;margin: 0;padding: 0 20px 0 0;list-style: none;line-height: 18px;font-size: 13px;color: #636160;}
.sf-menuf ul li a:hover,.footer nav ul li.current-menu-item a {color: white;text-decoration:none;}
.sf-menuf ul li a{text-decoration:none;color: #636160;}

/*********************Footer Page**********************/
.aa {
display:block;
position:absolute;
z-index:9999;
margin-top:-284px;
width: 460px;
height: 288px;





}
.aa:hover {

background:url(magnify.png) 50% 50% no-repeat;
cursor:pointer;
-webkit-transition: all .01s ease-in-out;

width: 460px;
height: 288px;


}


/*********************Front Page**********************/