body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #707070; margin: 0; padding: 0; }
#home { background: #ffffff top repeat-x url('../images/bg.jpg'); }
#subpage { background: #ffffff top repeat-x url('../images/bg_subpage.jpg'); }
/********************************************************************************************** GLOABAL STYLES */

h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
small { font-size: 11px; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
p { padding: 15px 0px 15px 0px; line-height: 21px; }
.fleft { float: left; }
.fright { float: right; }
.alignright { float: right; margin: 3px 0px 10px 10px; border: 8px #ebebeb solid; }
.alignleft { float: left; margin: 3px 10px 10px 0px; border: 8px #ebebeb solid; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#content ul, ol { position: relative; margin: 10px 0px; }
#content ul li, ol li { padding: 5px 0 0 5px; margin: 0 0 0 30px; }
#content ul li { list-style-type: disc; }
#content ol li { list-style-type: decimal; }
#content table { width: 500px; border-collapse: collapse; margin-top: 10px; }
#content table tr th { background-color: #5B5B5B; color: #FFF; padding: 5px; text-align: center; border: 1px #d6d6d6 solid; }
#content table tr td { padding: 5px; text-align: left; }
#main-main-container { width: 960px; margin: 0px auto 0px auto; display: block; }
/********************************************************************************************** Header */
#header { position: relative; display: block; width: 960px; height: 106px; margin: 0px auto; background: top center no-repeat url('../images/header_bg.jpg'); z-index: 10; }
.logo { position: absolute; width: 960px; height: 81px; top: 0px; left: 0px; background: top left no-repeat ;/*url('../images/logo.png');*/ }
/********************************************************************************************** Menu */
#menu_wrap { position: relative; display: block; padding: 20px; margin: 0px auto; z-index: 100; }
/********************************************************************************************** Banner */
#banner_wrap { position: static; display: block; width: 960px; height: 441px; margin: 0px auto; background: top center no-repeat url('../images/banner_bg.jpg'); z-index: 1; }
#tagline_wrap { position: static; display: block; width: 960px; height: 114px; margin: 0px auto; text-align: center; padding-top: 20px; background: top center no-repeat url('../images/tagline_bg.jpg'); }
#subpage_tagline_wrap { position: static; display: block; width: 960px; height: 114px; margin: 0px auto; text-align: center; padding-top: 20px; background: top center no-repeat url('../images/tagline_subpage.jpg'); }
#subpage_tagline_wrap .dark { }
/********************************************************************************************** Slider -> Banner */	
#main-container .js { overflow: hidden; zoom: 1; }
#main-container .carousel, #main-container .carousel .carousel-wrap { margin: 0; border: 0; position: relative; }
#main-container .js .carousel-wrap { display: inline-block; vertical-align: middle; width: 960px; margin: 6px 0px 0px 0px; background-color: #FFF; }
.IE #main-container .js .carousel-wrap { display: inline; }
#main-container .carousel ul { margin: 0; padding: 0; }
#main-container .js ul li { overflow: hidden; display: inline; float: left; width: 960px; height: 400px; text-align: center; }
#main-container .carousel .carousel-control { display: none; }
#main-container .carousel .disabled, #main-container .carousel .disabled:hover { }
#main-container .carousel div { margin: 0; padding: 0; border: 0; }
#main-container .carousel ul { padding: 0; list-style: none; }
#main-container .carousel ul li { position: relative; width: 960px; margin: 0; }
#main-container div.center-wrap { text-align: center; }
#main-container div.center-wrap div { margin: -5px 0 0 0; }
#main-container div.center-wrap a { cursor: pointer; padding: 0px 5px; font-size: 12px; }
#main-container div.center-wrap a.active { cursor: pointer; }
/********************************************************************************************** Posts */

.post { padding: 0 0 15px 0; margin: 0 0 20px 0; border-bottom: 1px #D9D9D9 solid; }
/**********************************************************************************************  Content */
#content_wrap { position: relative; display: block; width: 960px; margin: 0px auto; background: top left repeat-y url('../images/content_bg.jpg'); }
#content_wrap_portfolio { position: relative; display: block; width: 960px; margin: 0px auto; }
#content { display: block; width: 570px; float: left; padding-top: 0; padding-right: 40px; padding-bottom: 0; padding-left: 0; }
.content_box_left { width: 240px; padding: 15px; margin: 10px 10px 20px 0px; float: left; background-color: #ebebeb; border: 1px #dcdcdc solid; line-height: 21px; }
.content_box_right { width: 240px; padding: 15px; margin: 10px 0 20px 10px; float: right; background-color: #ebebeb; border: 1px #dcdcdc solid; line-height: 21px; }
/**********************************************************************************************  Portfolio */
#portfolio_menu { display: block; width: 960px; height: 46px; padding-top: 6px; background: #ffffff top no-repeat url('../images/portfolio-menu.jpg'); }
#portfolio_menu ul { display: block; padding: 0px 10px; margin: 0px auto; width: 450px; }
#portfolio_menu ul li { display: inline; }
#portfolio_menu ul li a { display: block; float: left; padding: 2px 10px; }
#portfolio_menu ul li a.on { }
#content_portfolio { display: block; width: 960px; padding: 20px 40px 0 0; float: left; }
#content_portfolio .project-box { display: inline; position: relative; width: 289px; float: left; margin-bottom: 40px; background: no-repeat url('../images/shadow-thum.jpg') 10px 197px; line-height: 20px; margin-left: 25px; }
#content_portfolio .project-box h2 { padding-bottom: 8px; }
#content_portfolio .project-box a img { padding: 4px; border: 1px solid #CCC; margin-bottom: 5px; }
#content_portfolio .project-box a:hover img { padding: 4px; border: 1px solid #737373; z-index: 80; }
/********************************************************************************************** Sidebar */
#sidebar { display: block; width: 310px; float: right; }
.clear { display: block; width: 960px; clear: both; height: 1px; }
ul.news li { padding: 15px 0px; border-bottom: 1px #c0bfbf solid; }
ul.contact_info li { padding: 15px 0px 0px 0px; line-height: 21px; }
/********************************************************************************************** Contact Form */
span.red { color: #F00; }
.message { display: block; width: 90%; padding: 10px; margin: 0px auto; color: #FFF; background-color: #86A762; border: 1px #999 solid; text-align: center; font-size: 16px; }
#commentForm { width: 563px; background-color: #FFFFFF; }
#commentForm label.error { width: 250px; text-align: left; color: #F00; font-size: 12px; }
#commentForm label.error { display: block; }
#commentForm input.submit:hover { background-color: #000000; }
table.quote-form { margin: 20px 0px; }
table.quote-form tr td { border: 0px!important; background-color: #FFFFFF!important; }
table.quote-form tr td.field-name { width: 150px; padding: 12px; text-align: right; }
table.quote-form input, table.quote-form select, table.quote-form textarea { width: 330px; background-color: #F2F2F2; border: 1px #C5C5C5 solid; padding: 5px; }
table.quote-form select { width: 342px; background-color: #F2F2F2; }
table.quote-form textarea { width: 330px; height: 200px; background-color: #F2F2F2; border: 1px #C5C5C5 solid; padding: 5px; }
table.quote-form .submit { width: 79px; height: 30px; display: block; border: 0px; padding: 0px; background-color: #2E3138; color: #FFF; cursor: pointer; }
table.quote-form .submit:hover { background-color: #000; }
/********************************************************************************************** Footer */


#footer_wrap { margin: 20px auto; position: relative; display: block; background: top center no-repeat url('../images/bg_footer.jpg'); width: 960px; text-align: center; }
#footer_menu { position: relative; display: block; padding: 25px 5px 0px 5px; margin-bottom: 10px; }
#footer_menu a { padding: 0px 10px; }