/*
Vertical Template 
http://www.templatemo.com/preview/templatemo_328_vertical
*/

body {
	margin: 0px;
	padding: 0px;
	color: #555;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
	background-color: #212324;
	background-image: url(../images/templatemo_body.jpg);
	background-repeat: repeat;
}

a, a:link, a:visited { 
	color: #b50000;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

p { 
	margin: 0 0 15px 0;
	padding: 0;
}

img { border: none; }

h1, h2, h3, h4, h5, h6 {
	color: #fff;
}

h1 { 
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 5px 0;
}

h2 { 
	font-size: 28px;
	font-weight: normal;
	padding-bottom: 20px;
	margin: 0 0 30px 0;
	font-weight: normal;
	background: url(../images/templatemo_divider.jpg) repeat-x bottom;
}

h3 { 
	font-size: 20px;
	margin: 0 0 30px 0;
	padding: 0;
	padding: 0;
	font-weight: normal;
}

h4 {
	font-size: 16px;
	margin: 0 0 30px 0;
	padding: 0;
}

h5 { 
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { 
	display: inline-block; 
	border: 1px solid #292929; 
	padding: 9px; 
	margin-bottom: 10px; 
	background: #000; 
}

.image_fl { 
	float: left; 
	margin: 3px 20px 0 0; 
}

.image_fr { 
	float: right; 
	margin: 3px 0 0 20px;
}

blockquote { 
	font-style: italic; 
	margin: 0 0 0 10px;
}

cite { 
	font-weight: bold; 
	color:#ccc; 
}

cite span { 
	color: #ccc; 
}

em { 
	color: #ccc; 
}

.templatemo_list { 
	margin: 20px 0 20px 20px; 
	padding: 0; 
	list-style: none; 
}

.templatemo_list li { 
	background: transparent url(../images/templatemo_list.png) no-repeat; 
	margin:0 0 20px; 
	padding: 0 0 0 20px; 	
	line-height: 1em; 
}

.templatemo_list li a { 
	color: #fff; 
}

.templatemo_list li a:hover { 
	color: #ff4301; 
}

.btn_more a {
	display: inline-block;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	padding: 2px 15px 2px 0;
	text-decoration: none;
}

.btn_more a:hover {
	padding-right: 20px;
	text-decoration: none;
}

.col_340 { width: 340px; } 
.col_400 { width: 400px; }
.col_280 { width: 280px; }

.service_list { 
	margin: 0 0 0 15px; 
	padding: 0; 
	list-style: none; 
}

.service_list li { 
	margin: 0; 
	padding: 0; 
}

.service_list li a { 
	font-size: 16px;
	display: block;
	height: 25px;
	margin-bottom: 20px;
	padding-left: 40px;
	text-decoration: none;
}

.service_list li .service_one { background: url(../images/onebit_08.png) center left no-repeat; }
.service_list li .service_two { background: url(../images/onebit_11.png) center left no-repeat; }
.service_list li .service_three { background: url(../images/onebit_17.png) center left no-repeat; }
.service_list li .service_four { background: url(../images/onebit_21.png) center left no-repeat; }
.service_list li .service_five { background: url(../images/onebit_12.png) center left no-repeat; }
.service_list li .service_six { background: url(../images/onebit_19.png) center left no-repeat; }

#contact_form {  
	padding: 0;
	width: 340px;
}

#contact_form form { 
	margin: 0px;
	padding: 0px;
}

#contact_form form .input_field { 
	width: 240px;
	padding: 5px;
	color: #fff;
	background: #000;
	border: 1px solid #292929;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
}

#contact_form form label { 
	display: block;
	width: 100px;
	margin-right: 10px;
	font-size: 14px;
}

#contact_form form textarea { 
	width: 328px;
	height: 80px;
	color: #fff;
	padding: 5px;
	background: #000;
	border: 1px solid #292929;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
}

#contact_form .submit_btn {
	padding: 5px 14px;
	background: #000;
	border: 1px solid #292929;
	color: #555;
	font-weight: bold;
	margin: 10px 0px;
} 

/* gallery */

#gallery_container { 
	clear: both; 
	margin: 0; 
	padding: 0; 
} 

#gallery_container li {
	float: left;
	width: 220px;
	display: block; 
	padding: 0;
	margin: 0 25px 25px 0;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

#gallery_container .odd { 
	margin: 0 0 40px 0; 
}

#gallery_container li img { 
	width: 200px; 
	height: 100px; 
	padding: 9px; 
	border: 1px solid #292929; 
	background: #000; 
}
/* end of gallery */