@charset "UTF-8";
/******************************************************************************************************

										Market Hardware Core CSS

/******************************************************************************************************/

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address { margin: 0; padding: 0; text-indent: 0; border: none; outline: none; list-style: none; text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit; }
table, td, tr, tbody, thead, th, caption { border-spacing: 0; border: none; border-collapse: separate; vertical-align: top; text-align: left; font-weight: normal; }

/* typography */
body { font-size: 0.75em /* 12px */; background: #b3bdd0; color: black; font-family: Arial, Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; color: #333; text-align: center; padding-bottom: 30px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 1.5em /* 18px */; }
h2 { font-size: 1.3em /* 15px */; }
h3 { font-size: 1.2em /* 14px */; }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

a, a:visited { color: #00a0df; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

/******************************************************************************************************

											Custom Styles

/******************************************************************************************************/

#wrapper { width: 963px; margin: 0 auto; background: #fff url(../images/bg_wrapper.gif) top left repeat-y; text-align: left; position: relative; }
.wrapper-inner { background: url(../images/bg_wrapper_inner-new.jpg) 3px 0 no-repeat; }
#branding { height: 126px; }
#branding h1 { width: 363px; height: 96px; display: block; float: left; margin-left: 72px; margin-top: 18px; overflow: hidden; }
#branding h1 a { display: block; height: 100%; background: url(../images/logo.png) top left no-repeat; text-indent: -9999em; }
#branding p { position: absolute; top: 20px; right: 0; width: 300px; height: 68px; background: url(../images/bg_contact.png) top right no-repeat; text-align: right; }
#branding p strong { color: #fff; font-size: 2.5em; display: block; padding: 18px 5px 6px; }
#branding p a { display: block; padding-right: 7px; color: #fff; text-decoration: none; }
#main { background: url(../images/bg_main.gif) top right repeat-y; width: 100%; overflow: hidden; }
.main-top { background: url(../images/bg_main_top.jpg) right 197px no-repeat; width: 100%; overflow: hidden; }
.main-bot { background: url(../images/bg_main_bot.jpg) bottom right no-repeat; width: 100%; overflow: hidden; }
#content { width: 663px; float: right; padding: 247px 0 15px; }
#content h2 { color: #b20d11; }
#content h3.inline-header { color: #c9282d; margin-bottom: 0; }
#content ul { padding: 0; list-style-type: none; margin: 0; padding-right: 40px; }
#content ul li { padding: 0 0 19px 11px; background: url(../images/bullet.gif) 0 0.7em no-repeat; }
#content h2 { color: #b20d11; margin-bottom: 20px; font-size: 16px; letter-spacing: 0.5px; }
#content h3 { margin-bottom: 18px; letter-spacing: 0.5px; }
#content h1 { color: #b20d11; margin-bottom: 20px; font-size: 16px; letter-spacing: 0.5px; font-weight: bold; }
#content h2 { margin-bottom: 5px; letter-spacing: 0.5px;   font-weight: bold; }


#content p { margin-bottom: 18px; padding-right: 40px; }
#content p.affiliations { padding-top: 6px; }
#content p.affiliations a { padding: 0 6px; }
#sidebar { width: 252px; float: left; padding: 24px 0 95px; }
ul#navigation { list-style-type: none; border-top: 1px solid #46577d; border-bottom: 1px solid #b1c2e8; margin-left: 19px; padding: 0; }
ul#navigation li { display: block; border-top: 1px solid #b1c2e8; border-bottom: 1px solid #46577d; font-weight: bold; letter-spacing: 0.1px; }
ul#navigation li a { color: #fff; display: block; padding: 6px 21px 7px 21px; }
ul#navigation li a:hover,
ul#navigation li.selected a, 

.home #navigation #nav-home a,
.about #navigation #nav-about a,
.residential #navigation #nav-residential a,
.commercial #navigation #nav-commercial a,
.project #navigation #nav-project a,
.client #navigation #nav-client a,
.articles #navigation #nav-articles a,
.contact #navigation #nav-contact a { color: #00a8e1; background: #e0e6e6 url(../images/bg_navigation_item.gif) top left repeat-x; text-decoration: none; }



ul#callout { list-style-type: none; margin-left: 18px; padding: 10px 0 0 0; }
ul#callout li { background: #fff url(../images/bg_sidebar_box.gif) top left repeat-x; margin-bottom: 5px; border: 1px solid #4d74ca; }
ul#callout li div { padding: 12px 15px 10px 33px; }
ul#callout li h3 { font-size: 1.25em; color: #00a8e1; }
ul#callout li p a { color: #333; }
ul#callout li.callout-contact div { background: url(../images/ico_contact.png) 3px 3px no-repeat;}
ul#callout li.callout-metro div { background: url(../images/ico_metro.png) 3px 3px no-repeat; padding-top: 21px; padding-left: 31px; }
ul#callout li.callout-comments div { background: url(../images/ico_comments.png) 3px 3px no-repeat; padding-top: 17px; padding-left: 28px; }
ul#callout li.callout-comments h3,
ul#callout li.callout-comments p { display: inline; }
div#extra { text-align: center; padding-top: 15px; margin-left: 19px; }
div#extra h3 { font-weight: bold; font-size: 1.3em; }
div#extra h3.extra-service  { display: block; color: #f2d4d4; padding-bottom: 8px; }
div#extra h3.extra-guarantee  { display: block; color: #d2ddf4; padding-bottom: 29px; }
#footer { font-size: 0.8333em; text-align: center; padding: 0 0 15px; line-height: 2; }
#footer p { letter-spacing: 0.1px; }
.trane-logo { display: inline; float: right; padding: 0 5px;}


.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 10px 10px; padding: 5px; background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
blockquote p { padding-left: 10px; }

/* forms */
form, fieldset, input { margin : 0; padding : 0; }
form { width: 40em; margin-left: 5px; }
#content form p { font-size: 100%; padding: 2px; margin: 0; margin-bottom: 0px; clear:both }

/* fieldset styling */
fieldset { margin: 1em 0; padding: 1em; border : 1px solid #dbcccc }

/* legend styling */
legend { font-weight: bold; color: #b20d11; }

/* style for  labels */
label { float: left; width: 14em; }

/* style for required labels */
label .required { font-size: 0.9em; font-style: normal; color: red; }
label.error, input.submit { color: #F00; margin: 5px 0 0 0; }
input { width: 225px; }
input.radio, input.submit { width: auto; }
textarea { width: 225px; height: 100px; padding:0; }

/* submit */
form div input, form div button { width: 100px; margin-top:5px; margin-left: 297px; padding: 0 .25em; background-color: #b20d11; color: #fff; text-transform: uppercase; font-size: 90%; }