/* General Settings */
*{margin: 0; padding: 0;}
img { border: 0; }
body{
background-color: #ff6600;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-variant:normal;
letter-spacing:normal;
color:#666;
}
p { margin-bottom: 15px; text-align: left; line-height:18px; }
a{ color:#ff6600; text-decoration: none; font-weight: bold; }
a:hover{ color:#ff6600; text-decoration: underline; font-weight: bold; }
a { outline: none; }
a.right{ float: right; margin-top: 5px; }
/* Titles */
h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
color: #ff6600;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
text-transform: uppercase; 
}
/* Quote Form Slider */
#slidebx_container{
width: 100%;
border-bottom: 5px solid #ffad00;
}
#slidebx { background:#fff; text-align:center; }
#slidebx_tab { 
width: 950px; 
text-align: right;
margin-left:auto;
margin-right:auto;
}
#top_slider_info{
width: 950px;
margin-left:auto;
margin-right:auto;
padding: 25px;
background-color: #fff;
}
/* Containers */
#container, #slidebox_main_container {
width: 1000px;
margin-left:auto;
margin-right:auto;
}
#slidebox_main_container { width: 100%; }
/* Header */
#header{
width: 952px;
height: 320px;
float: left;
padding: 0 24px;
background: url('images/content_bg.jpg') repeat-y top center;
}
#header_left{ width: 616px; float: left; }
#header_right{ width: 336px; float: left; }
#rss_subscribe{
width: 300px;
height: 114px;
float: left;
background: url('images/rss_subscribe_bg.jpg') no-repeat bottom center #ff6600;
padding: 121px 16px 0 20px;
}
#header_subscribe{
width: 298px;
height: 59px;
float: left;
background: url('images/subscribe_header_bg.jpg') no-repeat top center;
padding: 8px 9px 0 29px;
}
/* Search Box and Subscribe By Email */
.search, .subscribe {
width: 298px;
height: 35px;
background: url('images/search_subscribe_bg.jpg') no-repeat center;
float: left;
}
.search .s, .subscribe .s {
float: left;
margin: 10px 0 0 12px;
border: 0;
width: 245px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #cd6a19;
}
.search .go, .subscribe .go {
float: right;
padding: 3px 6px 0 0;
outline: none;
}
/* END */
#logo{
width: 616px;
float: left;
background-color: #ff6600;
}
#menu, #footer_menu{
width: 616px;
height: 51px;
float: left;
background: url('images/gradient_bg.jpg') repeat-x top left #e05d04;
}
#menu_bottom{
width: 16px;
height: 15px;
clear: left;
background: url('images/bottom.jpg') no-repeat top center;
}
/* content */
#content{
width: 1000px;
float: left;
background: url('images/content_bg.jpg') repeat-y top center;
}
#content_left{ width: 640px; float: left; }
#content_right{ width: 340px; float: right; }
ul, ol{ padding: 5px 25px 20px 25px; }
li{ padding: 0 0 10px 0; }
/* Main Header Image */
.image_wrapper, .image_wrapper_port{
width: 600px;
float: left;
padding-left: 40px;
margin: 10px 0 10px 0;
}
.image_wrapper_port{ margin: 10px 0 40px 0; }
.image_top, .image_bottom{
width: 600px;
height: 12px;
float: left;
background: url('images/indent_top.jpg') no-repeat top center;
}
.image_bottom{ background: url('images/indent_bottom.jpg') no-repeat top center; }
.image_main{
width: 548px;
float: left;
padding: 10px 26px;
background: url('images/indent_bg.jpg') repeat-y top center;
}
/* Section */
.section, .section_port{
width: 591px;
float: left;
padding: 15px 25px 10px 24px;
}
.section_port{ padding: 15px 25px 0 24px; }
.section_title_area{
width: 551px;
float: left;
}
.section_title{
float: left;
padding: 12px 20px;
background: url('images/gradient_bg.jpg') repeat-x top left #e05d04;
color: #fff;
}
.section_title h1, .section_title h1 a{ color: #fff; }
.section_title_bottom{
width: 16px;
height: 15px;
clear: left;
background: url('images/bottom.jpg') no-repeat top center;
}
.section_content{
width: 550px;
float: left;
padding: 5px 0 0 41px;
}
/* Sidebar */
.sidebar{
width: 315px;
float: right;
margin-bottom: 25px;
}
.sidebar_title_area{
width: 291px;
float: right;
padding: 0 24px 0 0;
}
.sidebar_title{
width: 251px;
float: right;
padding: 12px 20px;
background: url('images/gradient_bg.jpg') repeat-x top left #e05d04;
color: #fff;
}
.sidebar_title h1{ color: #fff; font-size: 18px; }
.sidebar_title a, .sidebar_title a:hover{ color: #fff; }
.sidebar_title_bottom{
width: 16px;
height: 15px;
float: right;
background: url('images/bottom_sidebar.jpg') no-repeat top center;
}
.sidebar_menu, .client_slideshow, .social_puzzle{
width: 240px;
float: left;
padding: 0 65px 0 10px;
}
.sidebar_menu ul {
width: 240px;
float: left;
margin: 0 0 7px 0;
padding: 0;
list-style: none;
font-size: 12px;
}
.sidebar_menu li {
margin: 0px;
padding: 7px;
border-bottom: 1px solid #ccc;
color: #999;
}
.sidebar_menu li a{ display: block; }
p.date{ margin-bottom: 0; font-size: 11px; }
#creditfooter{ display: none; }

.social_puzzle ul {
width: 240px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.social_puzzle li { width: 80px; float: left; margin: 0; padding: 0; }
.social_puzzle li a{ display: block; margin: 0; }

.facebook_fanbox{ width: 240px; float: left; padding: 0 60px 0 15px; }

.social_puzzle a.sp_dl, .facebook_fanbox a.fbfb_tut{ 
display: block;
text-align: center;
font-size: 11px; 
font-weight: normal; 
margin: 10px 0 0 0; 
}

/* Home Page */
/* Slideshow */
#slideshow{
width: 548px;
float: left;
}
#slideshow_controls{ width: 548px; float: left; }
/* See IE6 for IE Fix */
.slide{ float: left; height: auto; }
#mySlides{
width: 548px;
height: 312px;
float: left;
overflow: hidden;
}
#myController{ float: left; padding: 0; }
#myController span{
float: left;
cursor:pointer;
text-align:center;
font-size: 14px;
font-weight: bold;
color: #e05d04;
padding: 4px 8px;
margin-right: 2px;
}
#myController span:hover{ background-color: #e05d04; color: #fff; }
#jFlowSlide{ float: left; }
#myController span.jFlowSelected { background-color: #e05d04; color: #fff; }
.jFlowPrev, .jFlowNext {
color:#e05d04;
cursor:pointer;
float:right;
font-size:32px;
line-height:22px;
text-align: left;
width:25px;
padding: 0 2px;
}
.jFlowNext { text-align: right; }
.jFlowPrev:hover, .jFlowNext:hover{ color: #ff6600; }
.slide{ width: 548px; height: 312px; position: relative; top: 0; }
.slideshow_info { 
width: 548px;
bottom: 0;
float:left;
position:absolute;
z-index:8;
}
.slideshow_info a, .slideshow_info a:hover{ 
display: block;
color: #fff;
background: url('images/gradient_bg.jpg') repeat-x top left #e05d04;
padding: 10px 15px 12px 10px; 
}
.slideshow_info a:hover{ text-decoration: none; }
span.client{
display: block;
font-size: 17px;
color: #fff;
}
span.project{
display: block;
font-size: 11px;
color: #fff;
font-weight: normal;
}
/* END Slideshow */
.specialty_service{
width: 550px;
float: left;
padding: 5px 0 15px 0;
}
.specialty_service img{ float: left; margin-right: 15px; }
.specialty_service h2{ font-size: 15px; }
a.link_right, a:hover.link_right{
float: right;
text-align: right;
}
/* Portfolio */
.port_item {
width: 270px;;
height: 154px;
float: left;
overflow: hidden;  
position: relative; 
border: 2px solid #fff;
}
.cover {
position: absolute;  
top: 0;  
left: 0;  
display: block;
z-index: 2;
}
.detail {
display: block;
position: relative;
width: 250px;
height: 154px;
background: url('images/port_thumb_bg.jpg') repeat-x top center #d75c08;
text-align: center;
display: table-cell;
vertical-align: middle;
color: #fff;
font-size: 12px;
padding: 0 10px;
}
.detail a, .detail a:hover{ color: #fff; }
.detail h2 {
font-size: 16px;
line-height: 19px;
color: #fff;
text-transform: none;
}
span.project_type{
font-size: 12px;
color: #fff;
display: block;
margin-bottom: 15px;
}
/* Clients */
ul.clients{ padding: 5px 0 10px 20px; margin: 0; }
ul.clients li{ 
width: 265px;  
float: left; 
padding: 0 0 5px 0; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
}
/* Services */
ul.services{ padding: 5px 0 40px 30px; margin: 0; }
ul.services li{ 
width: 260px;  
float: left; 
padding: 0 0 5px 0; 
font-size: 14px;
}
/* Sitemap */
ul.sitemap{ padding: 5px 15px 20px 15px; }
ul.sitemap li{ 
padding: 10px; 
border-bottom: 1px solid #ccc;
display: block;
}
/* Testimonials */
.testimonial, .testimonial_last{
width: 520px;
float: left;
padding: 22px 0 25px 25px;
background: url('images/quotes.jpg') no-repeat top left;
margin: 5px 0 30px 0;
border-bottom: 1px solid #ddd;
}
.testimonial_last{ border: 0; margin: 5px 0 15px 0; }
.testimonial img, .testimonial_last img{ float: right; }
/* Footer */
#footer{
width: 952px;
float: left;
padding: 0 24px;
background: url('images/content_bg.jpg') repeat-y top center;
}
#footer_left{ width: 616px; float: left; }
#footer_right{ width: 336px; float: left; }
#footer_menu_top{
width: 16px;
height: 15px;
clear: left;
background: url('images/top.jpg') no-repeat top center;
}
#footer_search{
width: 298px;
height: 43px;
float: left;
background: url('images/search_footer_bg.jpg') no-repeat top center;
padding: 24px 9px 0 29px;
margin-top: 15px;
}
#footer_bottom{
width: 952px;
min-height: 55px;
float: left;
background: url('images/footer_bottom.jpg') no-repeat top center #ff6600;
padding-bottom: 20px;
}
#footer_rss{
float: right;
padding: 8px 24px 0 0;
}
#footer_bottom_info{
float: left;
padding: 33px 0 0 25px;
font-size: 11px;
color: #b24a03;
}
#footer_bottom_info a, #footer_bottom_info a:hover{ font-size: 11px; color: #b24a03; font-weight: normal; }
/* END Footer */