/*
Theme Name: Broadway Mechanical Contractors, Inc.
Theme URI: http://www.bmc.com/
Description: Custom CMS Theme.
Version: v1
Author: Design by Scott Johnson and developed by Adam Shen.
Tags: skyblue, custom header, fixed width, center, one columns, widgets, footer widgets
*/
@charset "utf-8";
/* resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address,cite{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* font normalizing, in %, starts at 10.
10-77  11-85  12-93  13-100  14-108  15-116  16-123.1  17-131  18-138.5  19-146.5  20-153.9  21-161.6  22-167  23-174  24-182  25-189  26-197 */
body{font:13px/1.231 Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;color:#333;}
select,input,button,textarea,button{font:99% Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
table{font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
h1{font-size:153.9%;font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
h2{font-size:138.5%;font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
h3{font-size:123.1%;font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
h4{font-size:108%;}
h5{font-size:100%}
h6{font-size:100%;}


/* base setting */
html{height:100%;background:#eee url(_assets/ui/bg_main.png) repeat-x;overflow-y:scroll;}
body{}

a{color:#238459;text-decoration:none;}
a:hover{color:#fff;background-color:#238459;text-decoration:none;}
a:active {outline:none;}
sup,sub{position:relative;vertical-align:0;font-size:smaller}
sup{bottom:0.3em;}
sub{top:0.3em;}
small{color:#238459;font-size:85%;}
p{margin:.6em 0;font-size:93%;}
.hr{border-top:#e6e4dd solid 1px;}
.hr hr{display:none}
object{margin:1em auto}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;}
.alignright{float:right;}
/* clearfix */
.clear{clear:both;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/* container */
#container {width:872px;margin:24px auto;padding:11px 0;text-align:left;background-color:#fff;-moz-border-radius:11px;-khtml-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 18px;-webkit-box-shadow:rgba(0,0,0,.5) 0 2px 18px;-khtml-box-shadow:rgba(0,0,0,.5) 0 2px 18px;box-shadow:rgba(0,0,0,.5) 0 2px 18px;}

/* header */
#header{overflow:hidden;height:1%;padding:2px 0 0 21px}
#header .logo{float:left;display:block;margin-right:10px;}
#header h1{font-weight:normal;font-size:123.1%;color:#29844c;margin-top:60px;float:left;}
	/* top nav */
#topNav{float:right;width:280px;margin:9px 0 20px 0;}
#topNav li{float:left;width:140px; margin-bottom:3px}
#topNav li a{color:#238459;display:inline-block;padding:4px 14px;font-size:93%;width:77px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
#topNav li a{display:block;}
#topNav li a:hover{color:#238459;text-decoration:none;background-color:#ffcc00;}
#topNav li a.active {cursor:default;color:#fff;background:url(_assets/ui/bg_button_active.png) repeat-x;}

/* content */
#content{border-top:3px solid #ffcc00;background:url(_assets/ui/bg_content.png) right top repeat-x;min-height:568px}
#content h2{color:#238459;margin:20px 0 5px 0;font-size:167%;font-weight:normal;}
#content .hightlight {font-size:123.1%;color:#29844c;}
#content .breadcrumb a,#content .breadcrumb strong {padding:0 5px;}
.padding{padding:7px 17px 5px 17px}
.shadow5{-moz-box-shadow:rgba(0,0,0,.25) 0 0 5px;-webkit-box-shadow:rgba(0,0,0,.25) 0 0 5px;-khtml-box-shadow:rgba(0,0,0,.25) 0 0 5px;box-shadow:rgba(0,0,0,.25) 0 0 5px;}
.shadow10{-moz-box-shadow:rgba(0,0,0,.25) 0 0 10px;-webkit-box-shadow:rgba(0,0,0,.25) 0 0 10px;-khtml-box-shadow:rgba(0,0,0,.25) 0 0 10px;box-shadow:rgba(0,0,0,.25) 0 0 10px;}

	/* home page */
#content .cta, #cformsform .sendbutton{display:inline-block;font-weight:normal;padding:2px 10px;width:100px;text-align:center;color:#fff;background:url(_assets/ui/bg_button_active.png) repeat-x;border:2px solid #fff;
							-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
							-moz-box-shadow:rgba(0,0,0,.25) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.25) 0 0 3px;-khtml-box-shadow:rgba(0,0,0,.25) 0 0 3px;box-shadow:rgba(0,0,0,.25) 0 0 3px;}
#list {float:left;display:inline;width:355px;margin:10px 13px 3px 13px;}
#list h3,#legacy h3{background:url(_assets/ui/bg_tab.png) repeat-x;margin:0;font-weight:normal;color:#29844c;padding:8px 10px;border-bottom:1px solid #cecece;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;}
#list .box,#legacy .box{background-color:#f4f4f4;overflow:hidden;min-height:178px;padding:2px 7px;-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;}

#cformsform ol,#cformsform li {margin:0;padding:0;}
#cformsform .cf-fs1 {float:left;display:inline;width:215px;}
#cformsform .cf-sb {float:left;display:inline;padding:82px 0 0 16px;margin:0;}
#usermessagea, #usermessageb, #cformsform .cf_li_text_err {color:#ff6600;font-size:77%;margin:0;padding:0;}
#usermessageb {clear:both;}
#cformsform fieldset{padding:6px 0 0;outline:none;border:none}
#cformsform legend, #list .cf_hidden, #list label, #usermessagea ol, #usermessageb ol{display:none;}
#cformsform input{margin:0 0 9px 0;width:200px;padding:5px 6px;font-weight:bold;color:#999;}
#cformsform input.submit{margin-left:7px;cursor:pointer;}

#legacy {float:right;display:inline;width:478px;margin:10px 13px 3px 0;}
#legacy img{float:left;margin-right:8px;-moz-box-shadow:rgba(0,0,0,.25) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.25) 0 0 3px;-khtml-box-shadow:rgba(0,0,0,.25) 0 0 3px;box-shadow:rgba(0,0,0,.25) 0 0 3px;}
#legacy p{line-height:1.5em;}
#legacy .years{font-style:italic;font-weight:bold;line-height:normal;}
#legacy a {padding:0 5px;display:inline-block;float:right;}

		/* home scroll */
#homescroll {position:relative;height:336px;overflow:hidden;z-index:30;}
#homescroll .scrollNav {position:absolute;bottom:5px;display:block;z-index:215;right:5px;font-size:85%;color:#fff;}
#homescroll .scrollNav a {display:inline-block;width:27px;height:30px;background:url(_assets/ui/ui_home_slidenav.png) no-repeat;}
#homescroll .scrollNav a.forward {background-position:-39px 7px}
#homescroll .scrollNav a.forward:hover {background-position:-39px -23px;}
#homescroll .scrollNav a.backward {background-position:0 7px;}
#homescroll .scrollNav a.backward:hover {background-position:0 -23px;}
#homescroll .scrollNav .tabs {display:none}
#homescroll .scrollNav .disabled {visibility:hidden!important;}

#homescroll .images {position:absolute;width:873px;height:336px;float:left;}
#homescroll .images div {display:none;position:absolute;top:0;left:0;height:336px;z-index:100;}
#homescroll .images img {position:relative;z-index:101;}

#homescroll .itembg {position:absolute;width:100%;top:253px;left:0;background-color:#000;height:83px;z-index:110;
										opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);}
#homescroll .images div dl {color:#fff;position:relative;top:-78px;z-index:150;height:183px;width:766px;padding:0 10px;overflow:hidden;margin:0;}
#homescroll .images div a {color:#fff;text-decoration:underline;}
#homescroll .images div a:hover {text-decoration:none;background-color:transparent;color:#fff!important;}
#homescroll .images div dt {text-indent:0;font-size:138.5%;margin-bottom:0px;}
#homescroll .images div dt span {font-size:14px;}
#homescroll .images div dd {text-indent:0;margin:0;}
#homescroll .images div dd p {margin:0;line-height:120%;}

	/* project single  */
#single .boxgrid{width:838px;height:491px;margin:0px;float:left;overflow:hidden;position:relative;}
#single .boxgrid img{position:absolute;top:0;left:0;border:0;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#single .cover{float:left;position:absolute;top:381px;left:0;background:#000;height:115px;width:100%;}
#single .boxcaption {padding:5px 10px;position:absolute;top:381px;left:0;height:115px;margin:0;color:#fff;}
#single .boxcaption dt {text-indent:0;font-size:153.9%;margin-bottom:8px;}
#single .boxcaption dt span {font-size:16px}
#single .boxcaption dd {text-indent:0;font-size:93%; margin:0;}
#single .scrollNav {height:18px;padding:4px 0;border-top:1px solid #ffcc00;position:absolute;right:0px;bottom:0;width:100%;display:block;z-index:15;font-size:85%;color:#fff;text-align:center;background-color:#000;
			-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);opacity:.9;}
#single .scrollNav a {color:#fff;text-decoration:underline;display:inline-block;padding:0 8px;}
#single .scrollNav a:hover {color:#ffcc00;text-decoration:underline;background-color:transparent;}
#single .scrollNav span { position:absolute;right:10px;padding-right:15px;background: url(_assets/ui/ui_up_arrow.gif) right center no-repeat;}
.project h2 span {font-size:65%}

	/* project list */
.project h3 {padding:20px 0 5px 0;font-weight:normal;color:#29844c;}
.project ul {margin:0;padding:0}
#featured {margin:0 0 10px 0;padding:0;clear:both;}
#featured li {float:left;width:135px}
#featured img {display:block;position:relative;z-index:50;margin-bottom:4px}
#featured a b {visibility:hidden;position:absolute;z-index:20;width:125px;height:43px;text-align:center;padding-top:40px;}
#featured a {font-size:85%;display:block;padding:5px;height:115px;}
#featured a:hover {background-color:#ffe553;color:#238459;
			-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
			-moz-box-shadow:rgba(0,0,0,.5) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 3px;-khtml-box-shadow:rgba(0,0,0,.5) 0 0 3px;box-shadow:rgba(0,0,0,.5) 0 0 3px;}
#featured a:hover b {visibility:visible;z-index:100;background-color:#000000;opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);color:#FFFFFF;}

#sortlist {height:40px;position:relative;z-index:900;padding:8px 0;clear:both;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#sortlist ul.sort {position:absolute;width:197px;overflow:hidden;background:url(_assets/ui/bg_greenlong.png) left center repeat-x;border:2px solid #fff;
			-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
			-moz-box-shadow:rgba(0,0,0,.5) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 3px;-khtml-box-shadow:rgba(0,0,0,.5) 0 0 3px;box-shadow:rgba(0,0,0,.5) 0 0 3px;}
#sortlist .sorter {padding:8px 0 8px 12px;margin-right:12px;color:#fff;font-size:108%;display:block;background:url(_assets/ui/ui_dropdown.gif) right center no-repeat;}
#sortlist .sorter:hover {background-color:transparent;}
#sortlist ul ul {margin:0;padding:0;margin-bottom:8px;}
#sortlist ul ul a {padding:2px 12px;color:#fff;font-size:100%;display:block;}
#sortlist ul ul a:hover {color:#29844c;background-color:#ffe553;}
#accordion {min-height:500px;}
#accordion .heightlight {background-color:#eee;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#accordion h4 {color:#29844c;text-decoration:underline;clear:both;cursor:pointer;font-weight:normal; margin:3px 0 3px 5px ;padding:8px 0 3px 30px;background:url(_assets/ui/ui_acc.png) left 4px no-repeat;}
#accordion .active {color:#000;text-decoration:none;cursor:default; background-position:left -68px;}
#accordion ul {overflow:hidden;height:auto;margin:0;padding:0;}
#accordion ul li {clear:none;float:left;width:106px;height:120px;padding:0 0 5px 30px;}
#accordion ul img {position:relative;z-index:50;margin-bottom:4px}
#accordion ul a b {visibility:hidden;color:#fff;position:absolute;z-index:20;width:96px;height:45px;text-align:center;padding-top:20px;font-weight:bold;}
#accordion ul a {font-size:85%;display:inline-block;padding:5px;height:98px;}
#accordion ul a:hover {background-color:#ffe553;color:#238459;
			-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
			-moz-box-shadow:rgba(0,0,0,.5) 0 0 3px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 3px;-khtml-box-shadow:rgba(0,0,0,.5) 0 0 3px;box-shadow:rgba(0,0,0,.5) 0 0 3px;}
#accordion ul a:hover b { visibility:visible;z-index:100;background-color:#000000;opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);color:#FFFFFF;}

	/* Services */
#tabcontainer {margin-top:26px;padding-bottom:10px;width:842px;background-color:#eee;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#tabcontainer .tabs {position:relative;display:block;margin:0 0 0 20px;padding:0;overflow:hidden;height:47px;}
#tabcontainer .tabs li{float:left;margin:0;}
#tabcontainer .tabs a {display:inline-block;font-size:123.1%;padding-left:23px;color:#000;}
#tabcontainer .tabs a {display:block;}
#tabcontainer .tabs a:hover {text-decoration:none;background-color:transparent;color:#29844c!important;}
#tabcontainer .tabs a span {display:block;height:29px;font-weight:bold;padding:18px 23px 0 0;}
#tabcontainer .tabs a.current {display:block;cursor:default;font-size:123.1%;padding-left:23px;color:#29844c;background:url(_assets/ui/ui_tabs.png) left top no-repeat}
#tabcontainer .tabs a.current span {display:block;height:29px;font-weight:bold;padding:18px 23px 0 0;background:url(_assets/ui/ui_tabs.png) right top no-repeat;}

#tabcontainer .panes {margin:0px 10px;padding:21px 24px;background-color:#fff;-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#tabcontainer .panes h3 {font-size:116%;color:#29844c;font-weight:normal;}
#tabcontainer .panes ul {margin:0 0 0 15px;padding:0;list-style:disc;}
#tabcontainer .image {display:inline;float:right;width:376px;margin:12px 0 12px 12px;overflow:hidden;height:1%;}
#tabcontainer .image a:hover {margin:0;padding:0;background-color:transparent;}
#tabcontainer .image img {display:block;}
#tabcontainer .image span {display:inline-block;padding:4px 30px 5px 8px;margin-right:20px;color:#fff;float:right;background:#4c4c4c url(_assets/ui/ui_enlarge.gif) 60px center no-repeat;
			-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-radius-bottomright:8px;border-radius-bottomleft:8px;}
#tabcontainer .overlay {display:none;background-color:#fff;width:800px;height:620px;padding:25px;background:url(_assets/ui/ui_overlay_bg.png) no-repeat;}
#tabcontainer .overlay .close {background:url(_assets/ui/ui_overlay_close.png) no-repeat;position:absolute;right:-2px;top:-2px;cursor:pointer;height:31px;width:30px;}

	/* facility */
#facilitycontent {float:left;width:590px}
#facilitygallery {float:right;width:197px;padding:0 0 0 16px;background:url(_assets/ui/ui_failitygallery.png) left center no-repeat;min-height:706px;}
#facilitygallery strong {color:#238459;font-size:93%;text-indent:3px;}
#facilitygallery dl {margin:10px 0 3px 0;padding:0;}
#facilitygallery dt {margin:0;padding:0;}
#facilitygallery img {display:block;padding:0;margin:0;max-width:189px!important;height:90px;}
#facilitygallery a {border:4px solid #fff;padding:0;display:block;}
#facilitygallery a:hover {border:4px solid #ffcc00;}

	/* contact us */
.contactinfo {margin:0;padding:13px 0 0 0;overflow:hidden;height:1%;}
.contactinfo li {float:left;width:180px;}
.contactinfo li.email {width:400px}
.contactinfo h3 {font-size:108%;}
.contactinfo address {font-style:normal;padding-bottom:10px;font-size:108%;}
.contactinfo small {color:#000;}
.contactinfo p {margin:0;padding:0;font-size:108%;}
#map {color:#676767;font-size:11px;margin-top:28px;width:838px;height:412px}

	/* about us */
.aboutus h3 {margin-top:27px;padding:22px 0 20px 0;border-top:1px solid #ccc;font-weight:normal;color:#29844c;}
.aboutus ul {margin:0;padding:0;}
.aboutus li {clear:both;overflow:hidden;height:1%;padding:10px 0;}
.aboutus li img {float:left;margin:0 40px 0 10px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 4px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 4px;-khtml-box-shadow:rgba(0,0,0,.5) 0 0 4px;box-shadow:rgba(0,0,0,.5) 0 0 4px;}
.aboutus li h4 {padding-top:2px;margin:0;}
.aboutus li .title {margin-top:0;}
.aboutus li a.more-link {float:right;padding:0 5px; margin-right:30px}
 /* about us bio */
.biolarge {float:left;width:200px;margin-right:20px;margin-top:10px;}
.biocontent {float:left;width:590px;line-height:140%;}

/* footer */
#footer {width:830px;margin:0 auto;text-align:left;}
#footerNav {overflow:hidden;height:1%;margin:0;padding:0;}
#footerNav li{float:left;padding:0 8px;font-size:93%;border-left:1px solid #666;}
#footerNav li a{color:#444;text-decoration:none; display:inline-block;border-bottom:1px dotted #eee;}
#footerNav li a:hover{text-decoration:none;background-color:transparent;border-bottom:1px dotted #444;}
#footerNav .alpha{padding-left:0; border:none;}
#footer cite {clear:both;display:block;font-size:77%;font-style:normal;padding-top:5px;}

/* other */
.debug {font-size:77%;padding:.6em;margin:.6em;border:1px dotted #c3c3c3}