@charset "utf-8";

/*

	CSS Document 

	CSS Credit: http://www.siancore.com/

*/



@import url(css/reset.css);



body {

	color:#ccc;

	font-family: Tahoma, Geneva, sans-serif;

	font-size:13px;

	background: #000;

}



a{	

	color: #FF6600;

	text-decoration: none;

}

a:hover {

	color: #b11f29; 

}

h1, h2, h3, h4, h5, h6{

	color: #b11f29;

	margin: 10px 0;

	padding: 5px;

}

h1{

	font-size: 30px;

	}

h2 {

	font-size: 24px;

}

h3 {

	font-size: 20px;

}

h4 {

	font-size: 18px;

}

h5 {

	font-size: 16px;

}

h6 {

	font-size: 14px;

}

p{

	margin: 0 0 10px 0;

}



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

/**  cascading  **/

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

.clear{

	clear: both;

}

.lefts {

	float: left;

}

.rights {

	float: right;

}

.button a {

	clear: both;

	display: block;

	width: 66px;

	height: 24px;

	padding: 3px 30px 0 2px;

	background:	url(img/templatemo_button.png) no-repeat;

	color: #ccc;

	font-weight: bold;

	font-size: 10px;

	text-align: center;

	text-decoration: none;

}

.button a:hover {

	background: url(img/templatemo_button_hover.png) no-repeat;

}



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

/** menu header **/

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

.header_wrapper {

	width: 100%;

	background: url(img/container_header.png) repeat-x top;

}

#header {

	width: 960px;

	height: 130px;

	margin: auto;

}

#header a[alt='Logo']{

	float: left;

	margin: 10px 0 0 0;

}

	

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

/** menu Menu   **/

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

.menu{

	float: right;

	height: 45px;

}

.menu ul{

	list-style: none;

	text-align: right;

}

.menu ul li{

	display: inline;

}

.menu ul li a{

	width: 100px; padding: 20px 0;

	font-size: 15px;

	text-decoration: none;

	color: #b11f29;	

	font-weight: bold;

	outline: none;

	display:block;

	text-align:center;

	float:left;

}

.menu li a:hover, .current{

	color: #fff;

	border-top: 6px solid #fff;	

}





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

/** slider **/

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

#slider {

	overflow: hidden;

	width: 980px;

	height: 240px;

	padding: 30px 4px;

	margin: 0 auto;

	background: url(images/slider_bg.png);

}





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

/** Content **/

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

#content, #content_blog{

	width: 960px;

	overflow:hidden;

	margin: 0 auto;

}

.left_content{

	width: 650px;

	overflow: hidden;;

	float: left;

}





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

/** Blog **/

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

.box_blog, .box_single{

	border-bottom: 1px dashed #ccc;

	margin: 0 0 30px 0;

	padding: 10px;

	overflow:hidden;

}

.box_blog img{

	float: left;

	width: 300px;

	height:auto;

	margin: 10px 20px 10px 0;

	border: 3px solid #ccc;

}

.box_single img{

	display: inline-block;

	clear:both;

	margin:auto;

	}



.author_comments{

	margin: 30px 0 0;

	clear: both;

	overflow:hidden;

}

.author_comments span{

	float:right;

}

.author_comments p{

	float:left;

}







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

/** Bands **/

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

.container_bands{

	overflow:hidden;

	background: url(images/templatemo_box_bg.png) center top repeat-x;

}

.box_bands {

	width: 299px;

	float:left;

	min-height: 130px;

	padding: 30px 0px;

	margin: 0 10px; 

}

.bkg_separe{

	background: url(img/vertical_divider.png) right top no-repeat;

}





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

/** content **/

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

.container_about_us{

	margin: 30px auto;

	background: url(images/hor_divider.png) repeat-x top;

}







.services_section {



	clear: both;



	padding-bottom: 30px;



	margin-bottom: 30px;



	border-bottom: 1px solid #0f1219;



	background: url(images/hor_divider.png) repeat-x bottom;



}







.services_section h4 {



	margin-bottom: 20px;



}







.services_section .left {



	float: left; 



	width: 150px;



}







.services_section .left img {



	border:1px solid #CCC;



	padding: 5px;



}







.services_section .services_content {



	clear: both; overflow:hidden;



	margin: 10px 0;



}







.right {



	float: right;



	width: 400px;



}











.post_section {



	clear: both;



	padding-bottom: 30px;



	margin-bottom: 30px;



	border-bottom: 1px solid #CCC;



	background: url(images/templatemo_divider.jpg) bottom repeat-x;	



}







.post_section .post_content {



	clear: both;



	margin: 10px 0;



}



.post_content .right {



	float: right; 



	width: 150px;



}







.post_content .right img {



	width: 140px;



	height: 140px;



}







.post_content .right img {



	border:1px solid #CCC;



	padding: 5px;



	background: #fff;



}







.post_content .left {



	float: left; 



	width: 380px;



}







.post_section p {



	text-align: justify;



	padding-bottom: 5px;



	margin-bottom: 8px;



}







.post_section .comment_tab {



	padding: 10px 0;



	margin: 40px 0 20px 0;



	border-bottom: 1px dashed #666;



	font-size: 20px;



	font-weight: bold;



}







/* gallery */



#gallery {



		width: 930px;



	}



	#gallery ul { list-style: none; margin: 0; padding: 0; }



	#gallery ul li {



		float: left;



		display: inline; 



		padding: 0;



		margin: 0;



		width: 270px;



		padding: 9px;



		margin: 0 20px 20px 0;



		background: #1b1f29;



		border: 1px solid #000;



	}



	#gallery ul img {



		width: 270px;



		height: 130px;



		border: none;



		margin-bottom: 10px;



	}



/* end of gallery */







#contact_form {



	float: left;



	padding: 20px 0 0 0;



}







#contact_form form {



	margin: 0px;



	padding: 0px;



	/*border:1px solid #e2d1be;



	padding: 20px 20px 10px 20px; */



}







#contact_form form .input_field {



	height: 18px;



	width: 230px;



}







#contact_form form label {



	display: block;



	font-size: 14px;	



}







#contact_form form textarea {



	width: 350px;



	height: 150px;



}







#contact_form form .submit_btn {



	margin-left: 113px;



}







/* end of content */









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

/** sidebar **/

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



.sidebar{

	width: 280px;

	float:right;

	padding: 100px 0 0;

}



.box {

	margin: 0 0 20px 0;

	padding: 0 0 20px 0;

	border-bottom: 1px dashed #CCC;	

}



#request_a_quote form {

	margin: 0;

	padding: 0;

}



#request_a_quote label {

	color: #fff;

}







.quote_input {



	height: 20px;



	width: 260px;



	padding-top: 5px;



	margin-bottom: 10px;



	color: #333;



	font-size: 12px;



	font-variant: normal;



	line-height: normal;



}







#submit_btn {



	float: right;



	cursor: pointer;



	width: 180px;



	height: 45px;



	font-size: 14px;



	text-align: center;



	vertical-align: bottom;



	white-space: pre;



	border: none;



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



}







#sidebar_featured_project {



	margin: 0 0 40px 0;

    border-bottom: 1px dashed #CCC;

	padding: 0;



	color: #CCC;



}







#sidebar_featured_project .left {



	float: left;



	width: 64px;



}







#sidebar_featured_project .right {



	float: right;



	width: 170px;



}







#sidebar_featured_project h6 {



	color: #b4cc31;



}







#news_section {



	margin: 0;



	padding: 0;



	color: #CCC;



}







.news_section h3 {



	color: #CCC;



}







.news_box  {



	margin-bottom: 10px;



	padding-bottom: 10px;



	border-bottom: 1px dashed #CCC;



}







.news_box a {



	color: #b4cc31;



}







/* end of sidebar */







/* end of content */







/* footer */

.footer_wrapper{

	width: 100%;

	min-height: 100px;

	margin-top: 30px;

	background: #181c26 url(images/hor_divider.png) repeat-x top;

	}

#footer{

	width: 960px;

	margin: auto;

	padding: 30px;

	text-align: center;

	color: #FF6600;

	}

#footer a:hover {

	text-decoration: none;

	}

#footer .footer_menu {

	margin: 0 0 10px 0;

	padding: 0px;

	list-style: none;

	}

.footer_menu li {

	margin: 0px;

	padding: 0 20px 0 0;

	display: inline;

	}

.footer_menu .last_menu {

	border: none;

	}	

/* end of footer */