/* MAIN STYLES

-------------------------------------------*/

* { margin: 0; padding: 0; }



body,html {

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#444;

	margin:0;

	padding:0;

	background:#000 url(images/bk_body.jpg) 50% 0 no-repeat;

	line-height:130%;

}



ul {

	list-style:none;

}



a {

	color:#ac7600;

	text-decoration:none;

}



a img{

	border:none;

}



a:hover {

	color:#999;

	text-decoration:none;

}



a:focus {

	outline:none;

}



p {

	margin:0.8em 0;

}



h2 {

	color:#333;

	text-transform:uppercase;

	font-size:18px;

	padding-bottom:10px;

}



#colLeft h2, #colLeft h3 {

	text-transform:none;

	padding:5px 0;

}



#colRight h2 {

	font-size:16px;

	border-bottom:1px solid #efefef;

	padding-bottom:5px;

	padding-top:0;

	margin-bottom:5px;

}



#colRight h3 {

	font-size:12px;

}



h2.home {

	border-bottom:1px solid #efefef;

	margin-bottom:10px;

	padding-bottom:6px;

}



h3 {

	font-size:16px;

}



h4 {

	font-size:10px;

	line-height:95%;

}



h1 {

	font-size:26px;

	font-weight:normal;

	color:#333;

	display:block;

	border-bottom:1px solid #efefef;

	padding-bottom:10px;

	margin-bottom:15px;

}

h1, h2, h3 {

	line-height:100%;

}





 /* LAYOUT STRUCTURE

--------------------------------------------------*/

#wrapper {

	margin:35px auto 0;

	width:960px;

	background:#fff url(images/bk_wrapper.jpg) 0 0 no-repeat;

	padding-bottom:1px;

}





#header {

	height:100px;

	position:relative;

	border-bottom:1px solid #E2E2E2;

	background:url(images/bk_header.jpg) 0 100% repeat-x;
	
	z-index:2;

}



#content {

	padding:20px;

	border-bottom:12px solid #B7DCF1;

	min-height:500px;

	padding-top:0;
	
 	z-index:1;

}



.columns {

	background:url(images/bk_rightcol.jpg) 625px 0 repeat-y;

}



#footer {

	clear:both;

	background:url(images/bk_footer.jpg) 100% 0 no-repeat;

	padding:20px 0 10px 0;

	width:960px;

	height:80px;

	margin:1px auto;

	color:#fff;

	position:relative;

}



/* HEADER ELEMENTS 

--------------------------------------------------*/

/* -- logo --*/

#logo {

	position:absolute;

	top:30px;

	left:20px;

	

}



#logo h1 {

	padding:0;

	background:none;

	border:none;

}



#logo h1 a, #logo h1 a:hover{

	background:url(images/logo_top.png) 0 0 no-repeat;

	width:391px;

	height:75px;

	text-indent:-9000px;

	display:block;

	text-decoration:none;

	border:none;

}



/*

#topMenu {

	position:absolute;

	right:20px;

	top:64px;

	border-left:1px solid #ccc;

}



#topMenu li {

	float:left;

	padding:0 15px;

	border-right:1px solid #ccc;

}



#topMenu li a {

	color:#666;

	font-size:14px;

	font-weight:bold;

	text-decoration:none;

}



#topMenu li a:hover, #topMenu li.selected a {

	color:#000;

}


*/

ul#topMenu {
	float:left;
	font-size:1.1em;
	right:20px;
	list-style:none outside none;
	margin:0;
	padding:0;
	position:absolute;
	top:45px;
	background:url(images/nav_bg.gif) repeat-x;
	border:solid 1px #ccc;
	border-right:0;
	/*--Bottom right rounded corner--
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border: 5px;*/
	
}
ul#topMenu li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topMenu li a {
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
	color:#333333;
	float:left;
	font-size:15px;
	font-weight:bold;
	height:16px;
	padding:12px 9px;
	line-height:18px;
}
ul#topMenu li:hover a, ul#topMenu li a:hover { background:#E5E5E5; }
ul#topMenu a.home {
	 
	/*width: 78px; */
}
ul#topMenu a.products {
	 
	/*width: 117px; */
}
ul#topMenu a.sale {
	 
	/*width: 124px; */
}
ul#topMenu a.community {
	 
	/*width: 124px; */
}
ul#topMenu a.store {
	 
	/*width: 141px; */
}


ul#topMenu li .sub {
	position: absolute;	
	top: 42px; left: 0;
	background: #E5E5E5;
	padding: 20px 20px 20px;
	float: left;
	border: solid 1px #CCCCCC;
	border-top:0;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topMenu li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topMenu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topMenu .sub ul li {
	width: 100%;
	color: #fff;
	
}
ul#topMenu .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topMenu .sub ul li h2 a {
	padding: 5px 0 5px 15px;
	background-image: none;
	color: #000;
	font-weight:bold;
	
}
ul#topMenu .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: transparent;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #000;
	font-size:12px;
	font-weight:normal;
	border:0;
	border-left:1px solid #CCCCCC;
	line-height:normal;
}
ul#topMenu .sub ul li a:hover {color: #333; text-decoration:underline;}

/* CONTENT

---------------------------------------------*/

#latestPostsHome {

	display:block;

}



#latestPostsHome li {

	display:block;

	float:left;

	background:#FBFBFB url(images/bk_latest_box.jpg) 0 100% repeat-x;

	border:1px solid #DDD;

	padding:10px;

	margin-right:12px;

	width:275px;

	height:190px;

	position:relative;

	margin-bottom:20px;

}



#latestPostsHome li h3 a{

	color:#333;

	padding-bottom:6px;

	font-weight:normal;

	

}



#latestPostsHome li h3 a:hover{

	color:#ac7600;

	padding-bottom:6px;

	font-weight:normal;

	

}





#latestPostsHome li p img {

	float:left;

	margin-right:10px;

}



#latestPostsHome li span {

	display:block;

	position:absolute;

	bottom:10px;

	left:7px;

	color:#828282;

	font-size:11px;

}



#latestPostsHome li span img {

	vertical-align:middle;

	margin-right:3px;

}



#content ul#latestPostsHome li a.readmore {

	display:block;

	position:absolute;

	bottom:8px;

	right:10px;

	background:url(images/but_readmore.png) 0 0 no-repeat;

	width:66px;

	height:22px;

	text-indent:-9999px;

}



#homeColumns {

	display:block;

}



#homeColumns li {

	float:left;

	border-right:1px dashed #E0E0DA;

	padding:10px;

	padding-left:0;

	margin-right:11px;

	width:288px;

	position:relative;

}



#homeColumns li img {

	border:none;

}



#homeColumns li.last {

	margin-right:0;

	border:none;

}





#colLeft {

	float:left;

	width:590px;

	padding-top:25px;



}



#colRight {

	float:left;

	width:290px;

	padding-top:30px;

	margin-left:15px;

	padding-left:20px;

}



#colRight ul {

	margin-bottom:15px;

}



#colLeft ul li {

	display:block;

	background:url(images/bullet.jpg) 0 5px no-repeat;

	padding:2px 0 3px 15px;

}





#colRight ul#latestPosts li, #colRight ul#subCategs li, #colRight ul li  {

	border-bottom:1px solid #efefef;

	line-height:170%;

	padding:5px;

	background:#f9f9f9;

}



#colRight ul#latestPosts li a, #colRight ul#subCategs li a, #colRight ul li a{

	text-decoration:none;

}



#colRight ul#latestPosts li a:hover, #colRight ul#subCategs li a:hover, #colRight ul#latestPosts li:hover a, #colRight ul#subCategs li:hover a{

	color:#333;

}



#colRight ul#latestPosts li:hover, #colRight ul#subCategs li:hover, #colRight ul li:hover  {

	background:#fff;

}



#colRight ul#latestPosts li span {

	font-size:11px;

	color:#828282;

}



#colRight ul#latestPosts li span img {

	vertical-align:middle;

}



.rss {

	margin:0 0 10px;

	padding:5px 0 10px;

	border-bottom:1px solid #efefef;

}



.rss img {

	float:left;

	margin-right:15px;

	border:none;

}



.serviceColLeft, .serviceColRight {

	float:left;

	width:275px; 

	border-right:1px solid #efefef;

	border-bottom:1px solid #efefef;

	padding-right:15px;

	margin-top:22px;

	height:250px; /* here you can adjust the service box height to fit the content*/

	padding-bottom:25px;

	

}



.serviceColRight {

	float:left;

	width:255px; 

	padding-left:20px;

	padding-right:15px;

	border-right:none;

	

}



.serviceColLeft img , .serviceColRight img {

	float:left;

	margin-right:15px;

	margin-bottom:2px;

}





.blogItem img {

	padding:6px;

	border:1px solid #efefef;

	margin-bottom:5px;

}



.blogItem span img {

	padding:0;

	border:none;

	vertical-align:middle;

	margin:0 5px;

}



.blogItem span.action {

	position:absolute;

	bottom:10px;

	right:10px;

	font-weight:bold;

}



.blogItem, .blogItemSearch {

	padding-bottom:5px;

	border-bottom:1px solid #efefef;

	margin-bottom:20px;

}



.blogItem p img {

	padding:5px;

	border:1px solid #efefef;

} 



.blogItemSearch {

	margin-bottom:10px;

}



.more-link {

	display:block;

	background:url(images/but_readmore.png) 0 0 no-repeat;

	width:66px;

	height:22px;

	text-indent:-9999px;	

}



span.metadata {

	display:block;

	padding:5px 0;

	font-size:11px;

	color:#828282;

	border-bottom:1px solid #efefef;

}



span.metadata img {

	vertical-align:middle;

}



.search-terms {

	color:#000;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

}



/*COMMENTS

---------------------------------------------*/

#colLeft ul.commentlist {

	margin-bottom:10px;

}



#colLeft ul.commentlist li {

	background:none;

	border-bottom:1px solid #efefef;

	padding:5px 0;

	padding-left:40px;

}



#colLeft ul.commentlist li .avatar {

	float:left;

	width:32px;

	margin-left:-40px;

}



*html #colLeft ul.commentlist li .avatar {

	margin-bottom:-20px;

}



#colLeft ul.commentlist li.odd {

	background:#f9f9f9;

}



#colLeft ul.commentlist li .commentmetadata {

	font-size:11px;

	color:#999;

	border-bottom:1px solid efefef;

}



/* FOOTER

---------------------------------------------*/



.footerMark {

	position:absolute;

	top:10px;

	right:0;

}



/* HOME SLIDER

-----------------------------------------------*/



#slider {

	margin-bottom:20px;

	margin-top:20px;
 
}



* html #slider {

	padding-bottom:0;

}



#sliderFold {

	width:305px;

	padding:0;

	float:left;

}



#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{

	padding:13px 20px 0 84px;

	border-right:1px solid #b57201;

	border-bottom:1px solid #b57201;

	border-top:1px solid #fff;

	height:83px;

	position:relative;

	cursor:pointer;

}



 #sliderFold .sliderItemOnFirst {

 	border-top:1px solid #b57201;

 }



#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {

	border-right:none;

	background:url(images/bk_serv_active.jpg) 100% 0 repeat-y;

	

	

}



#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {

	font-size:16px;

	letter-spacing:-1px;

	padding-bottom:5px;

	text-transform:none;

	color:#333;

}



#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {

	line-height:120%;

	margin:0;

	padding:0;

}

.product-details {
	
	left:195px;
	
	position:absolute;
		
	top:57px;
	
}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{

	position:absolute;

	left:0;

	top:10px;

}



.sliderImg {

	background:#f5ae32 url(images/bk_blue_grad.jpg) 0 100% repeat-x;

	border:1px solid #ACD7EE;

	border-left:none;

	position:relative;

	float:left;

	padding:7px;

	height:376px;

}

.area-bt a {
	
	position: absolute;
	
	display:block;
	
	height:83px;
	
	width:200px;
}

.panel a.butDetails {

	display:block;

	position:absolute;

	width:157px;

	height:40px;

	background:url(images/but_slider.png) 0 0 no-repeat;

	text-indent:-9999px;

	right:3px;

	bottom:5px;

}



.panel img {

	border:1px solid #fff;
	
	

}	



.panel p.projName {

	color:#000000;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:18px 4px 0;

}







/* CAROUSEL

---------------------------------------------*/



.stepcarousel{

	float:left;

	position: relative; /*leave this value alone*/

	overflow: hidden; /*leave this value alone*/

	width: 600px; /*Width of Carousel Viewer itself*/

	height: 376px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left:0;

	top: 0;

}



.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	height:384px;

	position:relative;

}





/* FORMS

--------------------------------------------------*/



#searchform {

	position:absolute;

	top:13px;

	right:20px;

}



#searchform input#s {

	width:195px;

	background:url(images/bk_searchbox.jpg) 0 0 no-repeat;

	font-size:12px;

	font-style:italic;

	font-family:Arial, Helvetica, sans-serif;

	padding:4px 5px;

	border:none;

	color:#999;

}

#IEroot .block-search input.form-submit, #IEroot #searchform input#searchsubmit  {
	width: 25px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot #searchform input#searchsubmit  {
	width: 44px;
	text-indent: 0;
}


#searchform input#searchsubmit {

	width:25px;

	height:22px;

	background:url(images/bk_searchbut.jpg) 0 0 no-repeat;

	border:none;
	
	text-indent:-9999px;

}

.screen-reader-text {

	float:left;
	
	margin:3px 10px 0 0;
}


#searchform input {

	float:left;

}



form#contact label {

	display:block;

	padding:8px 0 2px;

	font-weight:bold;

}



form#contact input, form#contact textarea {

	border:1px solid #E5E5E5;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}



form#contact textarea {

	width:500px;

}



form#contact input.submit {

	border:none;

	width:147px;

	height:40px;

	text-align:center;

	padding-top:4px;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	margin-top:15px;

	background:url(images/bk_submit.jpg) 0 0 no-repeat;
	
	cursor:pointer;

}



.errormsg, .successmsg{

	background:#FEF4F1;

	border:1px solid #F7A68A;

	color:#DA4310;

	padding:10px;

}



.successmsg {

	background:#F5FAF1;

	border:1px solid #C2E1AA;

	color:#8FA943;

}



form#commentform label {

	display:block;

	padding:8px 0 2px;

	font-weight:bold;

}



form#commentform input, form textarea {

	border:1px solid #E5E5E5;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}





form#commentform textarea {

	width:500px;

}



form#commentform input#submit{

	border:none;

	width:157px;

	height:40px;

	text-align:center;

	padding-top:4px;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	margin-top:15px;

	background:url(images/bk_butpostcomm.jpg) 0 0 no-repeat;

	font-size:11px;

}







/* CLEARING

---------------------------------------------------*/

.clearfix:after {

    content: "."; 

    display:block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clear {

	clear: both;

}



.noclear {

	clear: none;

}