/*************************************************************************/
/*                                GENERAL                                */
/*************************************************************************/

html { background: #424242 url(../images/bg-dots-dark-gray.png); height: 100%; font-family: "Myriad", "Myriad Pro", Arial, Sans-Serif;}

html, body { padding: 0px; margin: 0px;}

a:link { color: #c82413;}
a:visited { color: #c82413;}
a:hover { color: #c82413;}
a:active { color: #c82413;}

a img { border: 0px !important;}

.image-replaced-text { text-indent: -9999px;}

/* LAYOUT */

.wrapper-outer { width: 1024px; margin: auto;}
.wrapper-inner {}

/* LISTS */

.link-list-ul,
.link-list-inline-ul { padding: 0px; margin: 0px;}

.link-list-ul li,
.link-list-inline-ul li { display: block; float: left; padding: 0px; margin: 0px; padding-right: 10px; border-right: 1px solid black; margin-right: 10px;}

.link-list-ul li.last,
.link-list-inline-ul li.last { border-right: 0px !important; padding-right: 0px !important; margin-right: 0px !important;}

.link-list-inline-ul li { display: inline; float: none;}

.plain-list-ul {padding: 0px; margin: 0px; list-style: none;}
.plain-list-ul li {padding: 0px; margin: 0px;}

/* COLUMNS */

.col-left { width: 502px; float: left;}
.col-right { width: 502px; float: right;}

.col-left-fluid { width: 49%; float: left;}
.col-right-fluid { width: 49%; float: right;}

.col-1-of-3 { width: 328px; float: left;}
.col-2-of-3 { width: 328px; float: left; margin-left: 20px;}
.col-3-of-3 { width: 328px; float: right;}

.with-col-dividers .col-1-of-3 { width: 314.6666666666667px; float: left;}
.with-col-dividers .col-2-of-3 { width: 314.6666666666667px; float: left; margin-left: 20px; padding-left: 20px; border-left: 1px solid #cccccc;}
.with-col-dividers .col-3-of-3 { width: 314.6666666666667px; float: right; padding-left: 20px; border-left: 1px solid #cccccc;}

.col-1-of-4 { width: 248.5px; float: left;}
.col-2-of-4 { width: 248.5px; float: left; margin-left: 10px;}
.col-3-of-4 { width: 248.5px; float: left; margin-left: 10px;}
.col-4-of-4 { width: 248.5px; float: right;}

.col-1-of-5 { width: 196.8px; float: left;}
.col-2-of-5 { width: 196.8px; float: left; margin-left: 10px;}
.col-3-of-5 { width: 196.8px; float: left; margin-left: 10px;}
.col-4-of-5 { width: 196.8px; float: left; margin-left: 10px;}
.col-5-of-5 { width: 196.8px; float: right;}

/* FEATURE LISTS */
        
.feature { padding-bottom: 40px; }
.feature .header { padding-bottom: 20px; }
.feature .header .icon { float: left; text-align: center;}
.feature .header .title { float: right; margin: 0px;}
.feature .header .image-replaced-text { background-position: 0px 50%; background-repeat: no-repeat;}
.feature .feature-bullets ul { margin: 0px; padding: 0px; list-style: none; }
.feature .feature-bullets li { background-repeat: no-repeat; padding-left: 30px; padding-bottom: 5px;}

.features .feature .icon { }
.features .feature .title { width: 400px; height: 70px; }
.features .feature .description {width: 400px; float: right;  }

.description { padding: 0px; margin: 0px; }

.row { }

/* FORMS */

.form { display: block; width: 514px; margin-bottom: 15px; background: transparent url(../images/bg-dots-medium-gray.png) repeat; padding: 15px; }
.form label { float: left; width: 123px; font-weight: 700; color: #676767; font-size: 16px; clear: left; display: block; }
.form div.label-field-pair,
.form div.label-field-stack,
.form div.label-checkbox-pair { clear: both; float: none; zoom: 1px; }

.form div.label-field-pair input,
.form div.label-field-pair .radio-button-list { width: 385px; float: left; clear: right; margin-bottom: 4px; }
.form div.label-field-pair .radio-button-list table { width: 100% }
.form div.label-field-pair .radio-button-list label,
.form div.label-field-pair .radio-button-list input { width: auto; float: left; clear: none; margin-right: 5px; font-weight: 400; }

.form div.label-field-stack label { width: 513px; margin-top: 10px; }
.form div.label-field-stack select { width: 243px; float: left; clear: right; margin-top: 10px; margin-bottom: 4px; }
.form div.label-field-stack input,
.form div.label-field-stack textarea { width: 513px; clear: right; margin-top: 10px; }
.form div.label-field-stack .radio-button-list { clear: both; overflow: hidden; }
.form div.label-field-stack .radio-button-list label,
.form div.label-field-stack .radio-button-list input { width: auto; clear: none; float: left; margin-right: 5px; font-weight: 400; }

.form div.label-checkbox-pair label { width: 480px; float: right; clear: left; margin-bottom: 4px; }
.form div.label-checkbox-pair input { width: 23px; margin-top: 5px; }

.form .button { width: 513px; margin-top: 15px; display: block; clear: both; background: url(../images/dark-grey-fuzz.png); padding: 8px 0; }
.form .button input { margin-left: 188px; width: 136px; border: none; height: 22px; text-indent: -1000em; cursor: hand; background-color: transparent; background-image: url(../images/submit.png); background-repeat: no-repeat; background-position: center; }

.form-wide { width: 714px }
.form-wide label { width: 223px }
.form-wide div.label-field-pair input { width: 485px }
.form-wide div.label-field-stack select { width: 343px }
.form-wide div.label-checkbox-pair label { width: 685px }
.form-wide div.label-checkbox-pair input { width: 23px }
.form-wide div.label-field-stack label,
.form-wide div.label-field-stack input,
.form-wide div.label-field-stack textarea { width: 713px }
.form-wide div.label-field-pair2 label,
.form-wide div.label-field-pair2 input { width: 356px }

.action-links { display: block; padding: 2px 0; }
.action-links a { padding-right: 10px }

.SubmitCustomerCommentForm .LeftCell { padding: 5px; border-top: 1px solid #cccccc; }
.SubmitCustomerCommentForm .RightCell { padding: 5px; border-top: 1px solid #cccccc; }
.SubmitCustomerCommentForm .TopRow td { border-top: 0px; }

/* QUOTE */

.quote { margin-bottom: 20px; padding: 10px; border: 1px solid #cccccc; font-style: italic; background-color: White;}
.quote-body { padding-bottom: 20px;}
.quote-info { text-align: right; font-weight: bold; font-size: 12px;}

/* BACKGROUNDS */

.bg-dark {  background: url(../images/dark-grey-fuzz.png);  }

/*************************************************************************/
/*                         UNIVERSAL MASTERPAGE                          */
/*************************************************************************/

#universal-nav-and-content { background: white url(../images/bg-dots-light-gray-white-on-bottom.png) no-repeat 50% 0%;}

/* NAV */

#universal-nav { height: 39px;}

#universal-nav ul { padding: 0px; margin: 0px; list-style: none; padding-top: 15px; font-size: 14px;}
#universal-nav li,
#universal-nav li a,
#universal-nav li a span {  float: left; height: 24px; line-height: 24px;  display: block;}

#universal-nav li a { padding-left: 14px;}
#universal-nav li a span { padding-right: 14px; }
#universal-nav li.first a { padding-left: 0px;}

#universal-nav li.selected a { background:  url(../images/bg-universal-nav-left-cap.png) no-repeat 0% 0%; padding-left: 14px;}
#universal-nav li.selected a span { background:  url(../images/bg-universal-nav-right-cap.png) no-repeat 100% 0%;}

#universal-nav a:link { color: #808080; text-decoration: none;}
#universal-nav a:visited { color: #808080; text-decoration: none;}
#universal-nav a:hover { color: #808080; text-decoration: underline;}
#universal-nav a:active { color: #808080; text-decoration: none;}

#universal-nav li.selected a:link { color: #5d5d5d; text-decoration: none;}
#universal-nav li.selected a:visited { color: #5d5d5d; text-decoration: none;}
#universal-nav li.selected a:hover { color: #5d5d5d; text-decoration: underline;}
#universal-nav li.selected a:active { color: #5d5d5d; text-decoration: none;}

/* CONTENT */

#universal-content {  padding-bottom: 50px;}

/* FOOTER */

#universal-footer { height: 450px; background: transparent url(../images/bg-footer.png) repeat-x; color: #ededed; font-size: 14px;}
#universal-footer-inner { background: #e6e6e6 url(../images/bg-footer-inner.png) no-repeat 0% 100%; color: #555555;}
#universal-footer-bottom-cap { height: 4px; background: url(../images/bg-footer-bottom-cap.png) no-repeat; }
#universal-footer-copyright-info { padding-top: 20px;}
#universal-footer-copyright-info .link-list-ul { padding-top: 10px; font-size: 12px; color: #cecece;}
#universal-footer-copyright-info .link-list-ul li { border-right: 1px solid #cecece;}

.footer-list-ul { list-style-image:url(../images/bullet-footer.png); font-size: 14px;padding-left: 15px; }
.footer-list-ul li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cccccc;  }

.footer-contact-list-ul { margin: 0px; padding: 0px; list-style: none; }
.footer-contact-list-ul li { padding-bottom: 5px; padding-left: 20px;}

.icon-email { background: transparent url(../images/icon-mail.png) no-repeat 0px 4px;}
.icon-newsletter { background: transparent url(../images/icon-newsletter.png) no-repeat 0px 0px;}
.icon-blog { background: transparent url(../images/icon-blog.png) no-repeat 0px 0px;}
.icon-twitter { background: transparent url(../images/icon-twitter.png) no-repeat 0px 0px;}
.icon-facebook { background: transparent url(../images/icon-facebook.png) no-repeat 0px 0px;}

#universal-footer a:link { color: #555555; text-decoration: none;}
#universal-footer a:visited { color: #555555; text-decoration: none;}
#universal-footer a:hover { color: #555555; text-decoration: underline;}
#universal-footer a:active { color: #555555; text-decoration: none;}

#universal-footer-copyright-info a:link,
#universal-footer-copyright-info a:visited,
#universal-footer-copyright-info a:hover,
#universal-footer-copyright-info a:active { color: #cecece;}

/*************************************************************************/
/*                           PLATFORM MASTERPAGE                         */
/*************************************************************************/

/* HEADER */
#header { height: 165px;}
#header #header-top, #header #header-top .wrapper-inner { height: 104px;}
#header #nav { height: 61px; background: #434343 url(../images/bg-nav.png) repeat-x 50% 0%;}

/* NAV */
#nav ul, #nav li, #nav a { padding: 0px; margin: 0px; height: 61px; display: block;}
#nav ul li a{background: url(../images/sprite-nav.png) no-repeat 0% 0%;}
.nav-li { height: 61px; float: left;  display: block; color: White; text-indent: -9999px; }
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active { color: #ffffff;}

#nav #nav-li-1 a            { width: 83px; background-position: 0px 0px;}
#nav #nav-li-1 a:hover      { width: 83px; background-position: 0px -61px;}
#nav #nav-li-1.selected a   { width: 83px; background-position: 0px -61px;}
#nav #nav-li-2 a            { width: 134px; background-position: -83px 0px;}
#nav #nav-li-2 a:hover      { width: 134px; background-position: -83px -61px;}
#nav #nav-li-2.selected a   { width: 134px; background-position: -83px -61px;}
#nav #nav-li-3 a            { width: 135px; background-position: -217px 0px;}
#nav #nav-li-3 a:hover      { width: 135px; background-position: -217px -61px;}
#nav #nav-li-3.selected a   { width: 135px; background-position: -217px -61px;}
#nav #nav-li-4 a            { width: 134px; background-position: -352px 0px;}
#nav #nav-li-4 a:hover      { width: 134px; background-position: -352px -61px;}
#nav #nav-li-4.selected a   { width: 134px; background-position: -352px -61px;}
#nav #nav-li-5 a            { width: 135px; background-position: -486px 0px;}
#nav #nav-li-5 a:hover      { width: 135px; background-position: -486px -61px;}
#nav #nav-li-5.selected a   { width: 135px; background-position: -486px -61px;}
#nav #nav-li-6 a            { width: 134px; background-position: -621px 0px;}
#nav #nav-li-6 a:hover      { width: 134px; background-position: -621px -61px;}
#nav #nav-li-6.selected a   { width: 134px; background-position: -621px -61px;}
#nav #nav-li-7 a            { width: 135px; background-position: -755px 0px;}
#nav #nav-li-7 a:hover      { width: 135px; background-position: -755px -61px;}
#nav #nav-li-7.selected a   { width: 135px; background-position: -755px -61px;}
#nav #nav-li-8 a            { width: 134px; background-position: -890px 0px;}
#nav #nav-li-8 a:hover      { width: 134px; background-position: -890px -61px;}
#nav #nav-li-8.selected a   { width: 134px; background-position: -890px -61px;}

/* SUBNAV */
#subnav { padding-top: 5px;}
#subnav ul, #subnav li, #subnav a { padding: 0px; margin: 0px; height: 41px; display: block;}
#subnav ul li a{background: url(../images/buildinglink/sprite-nav-about.png) no-repeat 0% 0%;}
.subnav-li { height: 41px; float: left;  display: block; color: White; text-indent: -9999px; }
#subnav a:link,
#subnav a:visited,
#subnav a:hover,
#subnav a:active { color: #ffffff;}

#subnav #subnav-li-1 a            { width: 205px; background-position: 0px 0px;}
#subnav #subnav-li-1 a:hover      { width: 205px; background-position: 0px -41px;}
#subnav #subnav-li-1.selected a   { width: 205px; background-position: 0px -41px;}
#subnav #subnav-li-2 a            { width: 205px; background-position: -205px 0px;}
#subnav #subnav-li-2 a:hover      { width: 205px; background-position: -205px -41px;}
#subnav #subnav-li-2.selected a   { width: 205px; background-position: -205px -41px;}
#subnav #subnav-li-3 a            { width: 205px; background-position: -410px 0px;}
#subnav #subnav-li-3 a:hover      { width: 205px; background-position: -410px -41px;}
#subnav #subnav-li-3.selected a   { width: 205px; background-position: -410px -41px;}
#subnav #subnav-li-4 a            { width: 205px; background-position: -615px 0px;}
#subnav #subnav-li-4 a:hover      { width: 205px; background-position: -615px -41px;}
#subnav #subnav-li-4.selected a   { width: 205px; background-position: -615px -41px;}
#subnav #subnav-li-5 a            { width: 204px; background-position: -820px 0px;}
#subnav #subnav-li-5 a:hover      { width: 204px; background-position: -820px -41px;}
#subnav #subnav-li-5.selected a   { width: 204px; background-position: -820px -41px;}



/* CONTENT */
#content { padding-top: 43px;}

/*************************************************************************/
/*                               UTILITY                                 */
/*************************************************************************/

/* CLEARFIX */

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.group {
	display: inline-block;
}
 
html[xmlns] .group {
	display: block;
}
 
* html .group {
	height: 1%;
}

/* ROUND CORNERS */

.rounded-corners-5px {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.rounded-corners-10px {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.rounded-corners-15px {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}

.rounded-corners-20px {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}