/* CSS Document */

/*  GENERAL START  */
body {
	margin:0;
	padding:0;
	color:#8D8D8D;
	font:normal 12px/24px Verdana, Arial, Helvetica, sans-serif;	
	background-color:#737373;
}
div, p, a, img, ul, h1, h2, h3, h4, h5, h6, form, input, select, textarea {
	margin:0;
	padding:0;
}
html
	{
		overflow-y:scroll;
	}
img {
	border:none;
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
	outline:none;
}
ul{
	list-style:none;
}
input, select {
	font:12px/14px Arial, Helvetica, sans-serif;
}
.spacer{
	width:auto;
	line-height:0;
	font-size:0;
}
/* GENERAL MISLENIOUS START */
.floatleft{
	float:left;
	width:auto;
}
.floatright{ 
	float:right;
	width:auto;
}
a.viewmore{
	width:144px;
	height:39px;
	font:normal 16px/39px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	display:block;
	background:url(../images/more-button.gif) no-repeat 0 0;
	text-align:center;
}
a.viewmore:hover{
	background-position:bottom;
}
/* GENERAL MISLENIOUS END */
/*  GENERAL END  */
/* TOP CONTANER START */
#topcontaner{
	background:url(../images/top-bodybg.gif) repeat-x 0 0 #7c1305;
	padding-top:10px;
	border-bottom:1px solid #fff;
	color:#fff;
}
#topmain{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#topmain a.previous{
	background:url(../images/previous.gif) no-repeat 0 0;
	width:27px;
	height:28px;
	display:block;
	position:absolute;
	left: 0;
	top: 215px;
	text-indent:-500000px;
}
#topmain a.next{
	background:url(../images/next.gif) no-repeat 0 0;
	width:27px;
	height:27px;
	display:block;
	position:absolute;
	left: 970px;
	top: 215px;
	text-indent:-500000px;
}
#maincont{
	width:900px;
	margin:0 auto;
	background:url(../images/logo-navbg.jpg) no-repeat 0 0;
	padding:0 30px;	
}
.logopanel{
	overflow:hidden;
	height:100%;	
	padding:35px 0 30px;
}
.logopanel a.logo{
	width:200px;
	height:46px;
	float:left;
	display:block;
	padding:0;
	margin:0;
}
/* NAV START */
ul.nav{	
	color:#374232;
	background-color:inherit;	
	font:normal 14px/35px Verdana, Arial, Helvetica, sans-serif;
	width:360px;
	float:right;	
}
ul.nav li{
	float:left;
	margin:0 3px;
	width:auto;
}
ul.nav li a{
	float:left;
	background-color:inherit;
	color:#374232;
	background-image:none;	
	display:block;
	width:auto;
}
ul.nav li a span.left{
	float:left;
	background-image:none;
	width:auto;
}
ul.nav li a span.left span.right{
	padding:0 15px;
	display:block;
	background-image:none;
	float:left;
	cursor:pointer;
	width:auto;
}

/* HOVER */
ul.nav li a:hover, ul.nav li a.active{
	background:url(../images/nav_middleacti.gif) repeat-x left top;
	float:left;
	width:auto;

}
ul.nav li a:hover span.left, ul.nav li a.active span.left{
	background:url(../images/nav_leftacti.gif) no-repeat left top;
	float:left;
	width:auto;
}
ul.nav li a:hover span.left span.right, ul.nav li a.active span.left span.right{
	background:url(../images/nav_rightacti.gif) no-repeat right top;
	padding:0 15px;
	display:block;
	float:left;
	cursor:pointer;
	color:#fff;
	background-color:inherit;
	width:auto;
}
ul.nav li a.active,  ul.nav li a.active span.left, ul.nav li a.active span.left span.right{
	cursor:text;

}
/* NAV END */
/* HEADER CONTANER START */
#header{
	padding:58px 0 29px 0;
	background:url(../images/header.jpg) no-repeat 100% 19px;	
}
#header h2{
	font:normal 36px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding-bottom:20px;
}
#header p{
	font:normal 14px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	width:530px;
	padding-bottom:18px;
}
/* HEADER CONTANER END */
/* TOP CONTANER END */
/* MID CONTANER START */
#midcontaner{
	background:url(../images/body-midbg.gif) repeat-x 0 0 #fff;
	color:#9B9B9B;
}
#midmain{
	width:960px;
	padding:22px 0 28px;
	margin:0 auto;
}
/* TEXTPANEL START */
.textpanel{
	width:960px;
	margin-bottom:0px;
}
.textpanel div.top{	
	height:4px;
	line-height:0;
	font-size:0;
	width:960px;
}
.textpanel div.topmid{
	background:url(../images/topbg.gif) repeat-x 0 0;
	height:4px;
	line-height:0;
	font-size:0;
	width:952px;
	float:left;
}
.textpanel div.top span.topleft{
	width:4px;
	height:4px;
	background:url(../images/textpan-top-left.gif) no-repeat 0 0;
	display:block;
	float:left;
}
.textpanel div.top span.topright{
	width:4px;
	height:4px;
	background:url(../images/textpan-top-right.gif) no-repeat 0 0;
	display:block;
	float:right;

}
.textpanel div.bot{	
	height:4px;
	line-height:0;
	font-size:0;
	width:960px;
}
.textpanel div.botmid{
	background:url(../images/botbg.gif) repeat-x 0 100%;
	height:4px;
	line-height:0;
	font-size:0;
	width:952px;
	float:left;
}
.textpanel div.bot span.botleft{
	width:4px;
	height:4px;
	background:url(../images/textpan-bottom-left.gif) no-repeat 0 0;
	display:block;
	float:left;
}
.textpanel div.bot span.botright{
	width:4px;
	height:4px;
	background:url(../images/textpan-bottom-right.gif) no-repeat 100% 0;
	display:block;
	float:right;
}
.textpanel div.mid{
	border-left:1px solid #DEF1D9;
	border-right:1px solid #DEF1D9;
	width:920px;
	background-color:#fff;
	color:#8C8C8C;
	padding:18px 7px 20px 31px;
	overflow:hidden;
	height:100%;
}
.textpanel div.mid div.steps{
	width:298px;
	float:left;
	background:url(../images/step-devider.gif) no-repeat 100% 50%;
}
.textpanel div.mid div.steps h2{
	background:url(../images/numberbg.gif) no-repeat 0 0;
	font:normal 30px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#630d05;
	background-color:inherit;
	padding:0 0 15px;
}
.textpanel div.mid div.steps h2 span{
	color:#fff;
	background-color:inherit;
	padding:0 30px 0 16px;
}
.textpanel div.mid div.steps p{
	width:233px;
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#8C8C8C;
	background-color:inherit;
}
.textpanel div.mid div.second{
	width:277px;
	float:left;
	background:url(../images/step-devider.gif) no-repeat 100% 50%;
	padding:0 0 0 21px;
}
.textpanel div.mid div.three{
	width:236px;
	float:left;
	background-image:none;
	padding:0 0 0 21px;
}
/* TEXTPANEL START */
/* FEATURED START */
.textpanel div.mid div.featured img{ float: left; padding: 0 5px 5px 0; }
.textpanel div.mid div.featured p.highlight{ font-size:13px; font-weight: 600; padding:0; margin:0; }
.textpanel div.mid div.featured{
	width:543px;
	float:left;
}
.textpanel div.mid div.featured h2{
	font:normal 30px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#630d05;
	background-color:inherit;
	padding-bottom:22px;
}
.textpanel div.mid div.featured p{
	width:542px;
	padding-bottom:25px;
}
.textpanel div.mid div.recent{
	width:308px;
	float:right;
	background:url(../images/featured-devider.gif) no-repeat 0 50%;
	padding:0 0 0 36px;
}
.textpanel div.mid div.recent h2{
	font:normal 30px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#630d05;
	background-color:inherit;
}
.textpanel div.mid div.recent ul{
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	width:294px;
	margin-bottom:0;	
}
.textpanel div.mid div.recent ul li{
	background:url(../images/news-devider.gif) no-repeat 50% 100%;
	padding:18px 0;
}
.textpanel div.mid div.recent ul li span{
	background:url(../images/right-icon.gif) no-repeat 0 0;
	padding:0 0 0 29px;
}
.textpanel div.mid div.recent ul li span a{
	color:#8D8D8D;
	background-color:inherit;
}
.textpanel div.mid div.recent ul li span a:hover{
	color:#000;
	background-color:inherit;
}
.textpanel div.mid div.recent ul li.nodevider{
	background-image:none;
}

/* FEATURED END */
a.readmore{
	width:145px;
	height:41px;
	font:normal 18px/41px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	display:block;
	background:url(../images/readmore-button.gif) no-repeat 0 0;
	text-align:center;
}
a.readmore:hover{
	background-position:bottom;
}
a.morebut{
	margin-top:23px;
}
/* MID CONTANER END */
/* FOOTER CONTANER START */
#footercontaner{
	border: 0;
	padding:0;
	background: #737373 url(../images/footerbg.gif) repeat-x 0 0;
}
#footer{
	width:930px;
	margin:0 auto;
	padding:35px 0px 32px 40px;
	overflow:hidden;
	height:100%;
}
#footer div{
	width:537px;
	float:left;
	overflow:hidden;
	height:100%;
}
#footer div ul{
	font:normal 13px/15px Arial, Helvetica, sans-serif;	
}
#footer div ul li{
	float:left;
	width:auto;
	padding:0 15px 15px 15px;
	background:url(../images/footer-devider.gif) no-repeat 0 5%;
}
#footer div ul li a{
	color:#fff;
	background-color:inherit;
}
#footer div ul li a:hover{
	color:#68C0D0;
	background-color:inherit;
}
#footer div ul li.nodevider{
	background-image:none;
	padding:0 15px 0 0;
}
#footer div p{
	clear:both;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#C9C9C9;
	background-color:inherit;
	padding:0;
}
#footer div p a{
	color:#C9C9C9;
	background-color:inherit;
}
#footer div p a:hover{
	color:#68C0D0;
	background-color:inherit;
}
#footer img.footlogo{
	width:177px;
	height:41px;
	display:block;
	float:right;
	margin:14px 0 0;
}
/* FOOTER CONTANER END */

/* custom Blocks for Blog Posts */
.textpanel div.mid div.featured ul.blog{
	width: 543px;
}
.textpanel div.mid div.featured ul.blog li{
    float: left;
	list-style: none;
	margin: 0px 0 25px 0;
}
.textpanel div.mid.featured ul.blog li.divider{
  width: 542px;
  background-image: url(../images/news-devider.gif);
}
.textpanel div.mid div.featured ul.blog li h2{
  padding-bottom: .22em;
}
.textpanel div.mid div.featured ul.blog li p{ float:left; }
.textpanel div.mid div.featured ul.blog li p.postdate a{
	color: #8c8c8c;
}
.textpanel div.mid div.featured ul.blog li p.postdate a:hover,.textpanel div.mid div.featured ul.blog li p.comments a:hover{
	color: #0CF;
	text-decoration: underline;
}
.textpanel div.mid div.featured ul.blog li p.comments a{
	display: inline;
	padding: 2px 5px;
	color: #8c8c8c;
}
.textpanel div.mid div.featured ul.blog li a.readmore{
    float: left;
}
.textpanel div.mid div.featured ul.blog li.divider span.botleft{
	width:4px;
	height:4px;
	background:url(../images/textpan-bottom-left.gif) no-repeat 0 0;
	display:block;
	float:left;
}

/* ### Sidebar right ### */

div.recent ul h2{
	margin: 10px 0 10px;
	padding-top: 9px;
	padding-bottom: 10px;
}

/* ### about us page ### */

.textpanel div.mid div.featured div{
  margin-bottom: 25px;
  padding:0px;
}
.textpanel div.mid div.featured div.privacy{
  margin: 0px;
  float:left;
  width:
}

/* ### Portfolio content  ### */

.textpanel div.mid div.featured{
  float: left;
  width: 542px;
}
.textpanel div.mid div.featured ul.portfolio{
  float: left;
  width: 542px;
}
.textpanel div.mid div.featured ul.portfolio li{
  float: left;
  padding-bottom: 30px;
}
.textpanel div.mid div.featured ul.portfolio img{
  float: left;
  padding: .25em;

}
.textpanel div.mid div.featured ul.portfolio li h2{
  font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#630d05;
  margin:0;
  padding:0;
}
.textpanel div.mid div.featured ul.portfolio li p,.textpanel div.mid div.featured ul.portfolio li h2{
  float: right;
  width: 300px;
}
.textpanel div.mid div.featured ul.portfolio li a{
  color: #8c8c8c;
  float: left;
  text-decoration: underline;
}
.textpanel div.mid div.featured ul.portfolio li a:hover{
  color: #0CF;
  float: left;
  text-decoration: underline;
}


/* #### contact-Address #### */

.textpanel div.mid ul.contact{
    width: 600px;
	float: left;
    }
.textpanel div.mid ul.contact li{
  float: left;
  padding-right: 5px;
  padding-bottom: 50px;
}
.textpanel div.mid ul.contact li h2{
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 500;
  color:#630d05;
}
.textpanel div.mid ul.contact li p{
   width: 270px;
}
.textpanel div.mid ul.contact div.bookmarking{
  clear: right;
  float: left;
}
.textpanel div.mid div.googleMap{
  float: right;
}


/* #### Services #### */

.textpanel div.mid div.featured ul.services{
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textpanel div.mid div.featured ul.services li{
  float: left;
  text-align: justify;
  padding-bottom: 10px;
}
.textpanel div.mid div.featured ul.services li a{
  float: left;
  display: block;
  margin: 4px auto;
  padding: 2px 6px;
  color: #8c8c8c;
  text-decoration: underline;
}
.textpanel div.mid div.featured ul.services li a:hover{
  display: block;
  color: #0CF;
  text-decoration: underline;
}

/* Company's privacy & policies */
.textpanel div.mid div.privacy{
    width: 100%;
    text-align: justify;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 95%;
    color: #8c8c8c;
}
.textpanel div.mid div.privacy h2{
	font:normal 30px/52px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#630d05;
	background-color:inherit;
	padding:0px;
	margin:0px;
	float:left;
}
.textpanel div.mid div.privacy p{
  font-size: 14px/1.2;
  line-height: 1.5em;
  color: #8c8c8c;
  padding-bottom: 1em;
}
.textpanel div.mid div.privacy h2.sub-headings{
  font-weight: 500;
}
.textpanel div.mid div.privacy{
  float: left;
  width: 920px;
  margin:0px;
  padding:0px;
}
.textpanel div.mid div.privacy h2{
  float: left;
  width: 920px;
  margin:0px;
  padding:0px;
}


#maincont ul#slideshow
	{
		float:left;
		margin:27px 0 0 0;
		padding:0px;
		width:900px;
		display:block;
	}
#maincont ul#slideshow li
	{
		float:left;
		margin:0px;
		padding:0px;
		width:900px;
		display:block;
	}
#maincont ul#slideshow li
	{
		float:left;
		margin:0px;
		padding:0px;
		width:900px;
		display:block;
	}
#maincont ul#slideshow li p.slideshowcontent
	{
		float:left;
		margin:39px 0 0 0;
		padding:0px;
		width:550px;
		display:block;
	}
#maincont ul#slideshow li p.slideshowcontent span.readmore
	{
		float:left;
		margin:0px;
		padding:0px;
		width:559px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:22px;
		color: #ffffff;
		
	}
#maincont ul#slideshow li p.slideshowcontent span.normalcontent
	{
		float:left;
		margin:12px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color: #ffffff;
		width:559px;
	}
	
	#maincont ul#slideshow li p.slideshowcontent span.subheading
	{
		float:left;
		margin:0px;
		padding:0px;
		width:559px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		color: #eed1c3;
		
	}

#maincont ul#slideshow li p.slideshowcontent a.viewmore{
	width:144px;
	height:39px;
	font:normal 16px/39px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	display:block;
	background:url(../images/more-button.gif) no-repeat 0 0;
	text-align:center;
	float:left;
	margin:10px 0 0 0;
}
#maincont ul#slideshow li p.slideshowcontent a.viewmore:hover{
	background-position:bottom;
}
#maincont ul#slideshow li P.templateimg
	{
		float:left;
		margin:25px 0 0 0;
		padding:0px;
		width:345px;
		display:block;
	}
/* Easy Slider */

	#slider{width:100%; margin:0px; padding:0px; float:left; position:relative}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1000px;
		height:254px;
		overflow:hidden;
		outline:0px;
		border:0px;
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:27px;
		height:27px;
		position:absolute;
		z-index:200;
		left:30px;
		top:140px;
		text-indent:-9999px;
		background:url(../images/previous.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/next.gif) no-repeat 0 0;
		left:275px;
		}
	
#container{	
		margin:0px;
		position:relative;
		text-align:left;
		width:100%;
		padding:0px;
		float:left;
		border:0px;
		}	
/* // Easy Slider */

#left-menu {
  float:left;
  margin-right:18px;
 padding:0px;
 width:292px;
}


.left-menu-strip {
 color:#8d8d8d;
 background-color:#f1f1f1;
 background-image:url(../images/arrow_1.png);
 background-repeat:no-repeat;
 display:block;
 text-decoration:none;
 background-position:10px 16px;
 vertical-align:middle;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top:8px;
 padding-bottom:8px;
 padding-left:30px;
 border-style:solid;
 border-width:0px 0px 1px 0px;
 border-color:#c9c9c9;
 margin-bottom:10px;
 } 
 
 .left-menu-strip a:link {color:#8d8d8d; text-decoration:none;} 
 .left-menu-strip a:visited {color:#8d8d8d; text-decoration:none;} 
 .left-menu-strip a:active {color:#8d8d8d; text-decoration:none;} 
 a.left-menu-strip:hover {color:#8d8d8d; text-decoration:none;} 
 
 .left-submenu {
  color:#7e7e7e;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  font-weight:regular;
  background-image:url(../images/sub_arr_1.jpg);
  background-repeat:no-repeat;
  background-position:12px 7px;
  vertical-align:middle;
  display:block;
  padding-left:28px;
  padding-top:2px;
  padding-bottom:2px;
  border-style:solid;
  border-color:#c9c9c9;
  border-width:0px 0px 1px 0px;
  }
  
.left-submenu a:link { color:#7e7e7e; text-decoration:none;}
.left-submenu a:visited { color:#7e7e7e; text-decoration:none;}
.left-submenu a:active{ color:#7e7e7e; text-decoration:none;}

 a.left-submenu:hover {
  color:#a2a2a2;
background-image:url(../images/ar-1.jpg);
  background-repeat:no-repeat;
    }
	
.recent_projects {
 border-color:#e7e7e7;
 border-width:2px;
 border-style:solid;
 margin-bottom:10px;
 }