/*
Credit: http://www.templatemo.com
*/

/* 
Sandbox Template 
http://www.templatemo.com/preview/templatemo_289_sandbox 
*/
body {
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	line-height: 1.5em;
	background-color: #ffffff;
	background-image: url(images/templatemo_body.jpg);
	background-repeat: repeat;
	background-position: top
}

.home { background-image: url(images/templatemo_home_body.jpg) } 

a, a:link, a:visited { color: #cfcd60; text-decoration: none; }
a:hover { color:#9CF; text-decoration: underline; }

p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 24px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}
img { border: none; }

h1, h2, h3, h4, h5, h6 {
	color: #FFF;
	font-weight: normal;
}
h1 {
	font-size: 100px;
	margin: 0 0 30px 0;
	padding: 5px 0;
	text-align: center;
	color: #000;
}
h2 { font-size: 28px; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 {
	font-size: 36px;
	margin: 0 0 10px;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner {
	clear: both;
	background-image: url(exit.PNG);
}
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

a.more { color: #FFF; font-weight: bold; /* text-shadow: 1px 1px 1px #666 */ }
a.more span { font-weight: bold; font-size: 18px }
a.more:hover { color: #CF0; text-decoration: none; }
a.more:hover span { font-weight: bold; margin-right: 5px;  }


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

.image_wrapper { display: inline-block; border: 1px solid #333; padding: 8px; background: #444; margin-bottom: 5px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#000; }
cite span { color: #333; }
em { color: #CCC; }

.tmo_list { margin: 15px 0 15px 15px; padding: 0; list-style: none; }
.tmo_list li { color: #cfcd60; background: transparent url(images/templatemo_list.png) no-repeat scroll 0 3px; margin:0 0 10px; padding: 4px 0 4px 25px; 	line-height: 1em; }
.tmo_list li a { color: #cfcd60; }
.tmo_list li a:hover { color: #9CF; }

#templatemo_outer_wrapper { width: 100%; background: url(images/templatemo_header.jpg) top repeat-x }
#templatemo_wrapper {
	width: 1020px;
	background: url(images/templatemo_main.jpg) top center no-repeat;
	font-size: 36px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#templatemo_header {
	width: 980px;
	height: 120px;
	font-size: 36px;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

#site_title a {
	float: left;
	display: block;
	width: 260px;
	background: url(images/logo.png) no-repeat center top;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 12px;
}
#header_right { float: right;  padding-top: 10px; display: inline-block; }

/* menu */
#templatemo_menu { float: right; width: 600px; height: 120px }
#templatemo_menu ul { margin: 0; padding: 0; list-style: none; }
#templatemo_menu ul li { padding: 0; margin: 0; display: inline; }
#templatemo_menu ul li a { float: left; display: block; width: 120px; height: 60px; font-size: 14px; padding: 60px 0; color: #666; text-decoration: none; font-weight: bold; text-align: center; outline: none; background: url(images/templatemo_menu.png) top center no-repeat }
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
}

/* end of menu */

#templatemo_main { clear: both; width: 1020px }

#featured_project { width: 900px; height: 390px; padding: 25px 60px; margin-bottom: 30px; }

#featured_project_box { width: 900px; height: 390px; padding: 25px 60px; margin-bottom: 30px; background: url(images/templatemo_featured_box.png) no-repeat center; }

#featured_project h1 { color: #31302e; font-weight: bold; /* text-shadow: 1px 1px 1px #b0ada7; margin-bottom: 40px */}
#featured_project .fp_img { width: 380px; height: 180px; float: left; position: relative; padding: 10px; }
#featured_project .fp_img img { width: 380px; height: 180px }
#featured_project .fp_img span { width: 400px; height: 200px; position: absolute; top: 0; left: 0; background: url(images/templatemo_featured_work.png) }


#fp_content { float: right; width: 380px; font-size: 18px; line-height: 22px }
#fp_content p { margin-bottom: 20px; color: #333 }
#fp_content a { color: #31302e; /* text-shadow: 1px 1px 1px #b0ada7 */ }
#fp_content a span { font-weight: bold; font-size: 24px }
#fp_content a:hover { text-decoration: none; color: #6e7410; /* text-shadow: 1px 1px 1px #a4ab3d */ }
#fp_content a:hover span { font-weight: bold; font-size: 24px;  }


#content_title_box {
	width: 820px;
	height: 225px;
	padding: 60px 100px 0;
	margin-bottom: 40px;
	color: #000;
	font-size: 18px;
	line-height: 30px;
	background: url(images/templatemo_content_title_box.png) no-repeat center;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#content_title_box h1 {
	color: #31302e;
	font-weight: bold; /* text-shadow: 1px 1px 1px #b0ada7; */
	margin-bottom: 25px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
}

#templatemo_content { clear: both; width: 980px; padding: 0 20px 40px }
#templatemo_content h2 { /* text-shadow: 1px 1px 1px #333; */ margin-bottom: 25px }
#templatemo_content p {
	margin-bottom: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
}


.content_box { padding-bottom: 20px; margin-bottom: 20px; background: url(images/hr_divider.jpg) bottom repeat-x }
.cb_last { padding-bottom: 0; margin-bottom: 0; background: none }
.col_w300 {
	width: 400px;
	float: left;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.col_w640 {
	width: 800px;
	float: left;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
}
.col_last { margin-right: 0 }
.col_first { margin-left: 40px; }


.service_box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #FFF;
}
.sb_last { padding: 0; margin: 0; border: none }
.service_box img {
	float: left;
	width: 400px;
	height: 600px
}
.service_box .right {
	float: right;
	width: 500px;
	font-size: 12px;
}
.service_box ol li { list-style: decimal-leading-zero; margin-bottom: 5px }


#news_box { margin: 0; padding: 0; list-style: none }
#news_box li { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #FFF }
#news_box li .date { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 11px }

#news_box .last { margin-bottom: 0; padding: 0; border-bottom: none }
#news_box p { margin-bottom: 0 }
#news_box h6 a { color: #cfcd60; font-weight: normal }
#news_box h6:hover { color: #9CF; text-decoration: underline }

/* gallery */
#gallery { clear: both; }
#gallery .gallery_box { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #FFF }
#gallery .gallery_box .left {
	float: left;
	width: 500px
}
#gallery .gallery_box .left img {
	width: 200px;
	height: 130px
}
#gallery .gallery_box .right {
	float: right;
	width: 260px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
}
/* end of gallery */


#contact_form { width: 440px;  padding: 0; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { color: #fff; width: 350px; padding: 5px; background: #181818; border: 1px solid #444 }
#contact_form form label { display: block; color: #ccc; width: 100px; margin-right: 10px; font-size: 14px; }

#contact_form form textarea { font-family: Arial, Helvetica, sans-serif; color: #fff; width: 450px;  height: 200px; padding: 5px; background: #181818; border: 1px solid #444 }
#contact_form .submit_btn { padding: 8px 12px; margin-right: 100px; color: #fff; background: #111; border: 1px solid #444; }

#templatemo_footer {
	clear: both;
	width: 980px;
	height: 73px;
	text-align: center;
	background: url(images/templatemo_footer.jpg) bottom center no-repeat;
	padding-top: 120px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
p1 {
	font-size: 36px;
}
p1 {
	font-size: 100px;
}
.p1 {
	font-size: 36px;
	color: #F00;
}
.p1 {
	font-size: 24px;
}
p2 {
}
.o {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
#templatemo_outer_wrapper #templatemo_wrapper #templatemo_main #content_title_box h1 {
	font-size: 36px;
	font-family: Tahoma, Geneva, sans-serif;
}
pp {
	font-size: 12px;
}
pp {
	font-size: 12px;
}
pp {
	font-size: 12px;
}
pp {
	font-size: 12px;
}
.pp {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
.pp {
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}
pp {
	font-size: 12px;
}
pp {
	font-size: 12px;
}
pp {
	font-size: 12px;
}
#templatemo_wrapper #templatemo_main #content_title_box p .pp {
	font-size: 12px;
}
pp {
	font-size: 12px;
}
po {
	font-size: 12px;
}
po {
	font-size: 12px;
}
.po {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 12px;
}
.po {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 12px;
}
.po {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 12px;
}
.po {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 12px;
}
.po {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 12px;
}
#templatemo_wrapper #templatemo_main #content_title_box p .pp {
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 14px;
}
.po {
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
}
po {
	font-size: 14px;
}
#templatemo_wrapper #templatemo_main #content_title_box h1 .pp .po {
	font-size: 16px;
}
#templatemo_wrapper #templatemo_main #content_title_box h1 .pp .po {
	font-size: 16px;
}
#templatemo_wrapper #templatemo_main #content_title_box h1 .po .po {
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
}
.po {
	font-size: 16px;
}
#templatemo_outer_wrapper #templatemo_wrapper #templatemo_content .content_box.cb_last .col_w640 #gallery .gallery_box .right h5 {
	font-size: 24px;
	font-family: Tahoma, Geneva, sans-serif;
}
new {
	font-size: 36px;
	color: #000;
}
#templatemo_menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	z-index: 1000;
}