@charset "utf-8";
/* CSS Document */
/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */
/* ***Document Wide Positioning*** */
body { background: #231F20 url(../images/build/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 900px; }
#container { float: left; width: 900px; }
#telexpert-logo { float: left; padding: 18px 0px 10px 0px; }
#bg-content { background: url(../images/build/bg-content.jpg) repeat-y; float: left; width: 850px; margin: 0px 0px 0px 50px; }
#bg-top { background: url(../images/build/bg-top.jpg) no-repeat left top; float: left; width: 850px; margin: 0px 0px 0px 0px; }
#bg-title { background: url(../images/build/bg-title.jpg) no-repeat 1px 261px; float: left; width: 850px; margin: 0px 0px 0px 0px; }


#content { float: left; width: 721px; padding: 5px 35px 20px 45px; }
#content.column-padding { background: url(../images/build/bg-banner.jpg) repeat-y; margin-top: 107px; padding-top: 15px; }
#columns { float: left; width: 801px; padding: 0px; }
.small-office { background: url(../images/build/banner-small-office.jpg) no-repeat 0px 265px; }
.large-office { background: url(../images/build/banner-large-office.jpg) no-repeat 0px 265px; }
.multiple-offices { background: url(../images/build/banner-multiple-offices.jpg) no-repeat 0px 265px; }
.construction { background: url(../images/build/banner-construction.jpg) no-repeat 0px 265px; }
.mobile-software { background: url(../images/build/banner-mobile-software.jpg) no-repeat 0px 265px; }
#cont-left { float: left; width: 480px; padding: 0px 20px 0px 0px; }
#cont-right { float: right; width: 220px; }


/* ***Document Wide Text Styles*** */
h1 { font-size: 20px; font-weight: normal; color: #4D4D4D; padding-bottom: 12px; background: none; }
h2 { font-size: 18px; font-weight: normal; color: #4D4D4D; }
h3 { font-size: 16px; font-weight: normal; color: #4D4D4D; padding-bottom: 2px; margin-bottom: 10px; border-bottom: solid 1px #333333; }
h4 { font-size: 20px; font-weight: normal; color: #A5192A; }
h5 { font-size: 18px; font-weight: normal; color: #A5192A; }
h6 { font-size: 16px; font-weight: normal; color: #A5192A; }
p { font-size: .8em; color: #3F3F3F; padding-bottom: 1.4em; line-height: 1.4em; }
p.sm-text { font-size: 10px; line-height: 1em; width: 500px; }
ul { font-size: .8em; color: #3F3F3F; padding: 0px 40px 15px 30px; }
ul li { padding-bottom: 6px; }
a { color: #AE1F23; text-decoration: none; }
a:hover { color: #6D6F71; }

.page-title { float: left; width: 470px; padding: 55px 0px 0px 25px; }
.page-title h1 { font-size: 1.9em; color: #4D4D4D; }
.page-title h1 .sm-title { font-size: .7em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }


/* ***Top Navigation Styles*** */
#top-nav { float: left; width: 850px; }
ul#top-list { float: left; width: 850px; list-style: none; padding: 0px; }
ul#top-list li { float: left; padding: 20px 0px 15px 0px; }
ul#top-list li.divide { background: url(../images/nav/nav-divide.png) no-repeat; float: left; width: 1px; height: 67px; padding: 0px 0px 0px 0px; }
ul#top-list li#mini-links { padding: 0px 0px 0px 0px; }

/* ***Individual Top Navigation Styles*** */
ul#top-list li#product { float: left; width: 160px; height: 27px; }
ul#top-list li#industry { float: left; width: 180px; height: 27px; }
ul#top-list li#service { float: left; width: 140px; height: 27px; }


ul#top-list li#product a { float: left; width: 110px; height: 27px; padding-left: 50px; }
ul#top-list li#industry a { float: left; width: 120px; height: 27px; padding-left: 60px; }
ul#top-list li#service a { float: left; width: 100px; height: 27px; padding-left: 40px; }
ul#top-list li#product a:hover { background: url(../images/nav/nav-arrow-lg.png) no-repeat 147px 3px; }
ul#top-list li#industry a:hover { background: url(../images/nav/nav-arrow-lg.png) no-repeat 167px 3px; }
ul#top-list li#service a:hover { background: url(../images/nav/nav-arrow-lg.png) no-repeat 127px 3px; }

ul#inside-top { float: left; width: 200px; padding: 10px 0px 0px 0px; list-style: none; }
ul#top-list li#home { float: left; width: 200px; height: 12px; padding: 2px 0px 2px 0px; }
ul#top-list li#about { float: left; width: 200px; height: 12px; padding: 2px 0px 2px 0px; }
ul#top-list li#contact { float: left; width: 200px; height: 12px; padding: 2px 0px 2px 0px; }
ul#top-list li#home a { float: left; width: 63px; padding-left: 137px; }
ul#top-list li#about a { float: left; width: 140px; padding-left: 60px; }
ul#top-list li#contact a { float: left; width: 100px; padding-left: 100px; }
ul#top-list li#home a:hover, ul#top-list li#about a:hover, ul#top-list li#contact a:hover { background: url(../images/nav/nav-arrow-sm.png) no-repeat 193px 0px; }

ul#sub-nav { float: left; width: 516px; list-style: none; padding: 7px 0px 0px 14px; border-bottom: solid 1px #7C755D; }
ul#sub-nav li { float: left; padding-right: 12px; font-size: 10px; font-weight: bold; }
ul#sub-nav li a { color: #7C755D; text-decoration: none; }
ul#sub-nav li a:hover { color: #444032; }
ul#sub-nav li a.active { color: #444032; text-decoration: underline; }


/* ***Top Banner (title and telephone) Styles*** */
#banner-cont { float: left; width: 850px; }
#banner-left { float: left; width: 495px; }
#title-img { float: left; width: 418px; height: 129px; padding: 35px 0px 0px 45px; }
#title-img.with-subnav { padding-top: 9px; }
.featuring-arrow { padding: 1px 0px 0px 1px; }
.featuring { float: right; font-size: 11px; padding: 7px 15px 0px 0px; }
#banner-right { float: right; width: 339px; }
#mySlides { float: left; width: 339px; height: 303px; }

/* ***Phone Switch Styles and Layout*** */
#myController { float: left; width: 15px; list-style: none; padding: 45px 0px 0px 0px; }
#myController .jFlowControl { background: url(../images/build/but-nav-phone.png) no-repeat; float: left; width: 15px; height: 15px; padding-bottom: 3px; cursor: pointer; }
#myController .jFlowPrev { cursor: pointer; display: none; }
#myController .jFlowNext { cursor: pointer; display: none; }
#myController .jFlowControl:hover { background: url(../images/build/but-nav-phone-over.png) no-repeat; }
#myController .jFlowSelected { background: url(../images/build/but-nav-phone-over.png) no-repeat; float: left; width: 15px; height: 15px; padding-bottom: 3px; cursor: pointer; }


/* ***Tabs Styles, Positioning*** */
#bg-tabs { background: url(../images/build/bg-tabs.jpg) no-repeat 1px 0px; float: left; width: 761px; height: 254px; border-top: solid 1px #757167; padding: 0px 20px 0px 20px; }

ul#tab-nav { float: right; width: 731px; list-style: none; border-bottom: solid 1px #66604A; padding: 10px 15px 0px 15px; }
ul#tab-nav li { float: right; font-size: .7em; color: #666666; padding: 9px 4px 4px 4px; margin: 0px 4px -1px 4px; }
*:first-child+html ul#tab-nav li { margin-top: 2px; }
* html ul#tab-nav li { margin-top: 3px; }
ul#tab-nav li a { color: #B3B3B3; text-decoration: none; }
ul#tab-nav li a:hover { color: #66604A; }
ul#tab-nav li a.selected { background: #ffffff; border: solid 1px #66604A; border-bottom: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 8px 10px 4px 10px; margin: 0px 0px -1px 0px; color: #66604A; font-size: 11px; }


.tab-select { background: #ffffff url(../images/build/bg-tabs-content.jpg) no-repeat bottom right; float: left; width: 761px; border-bottom: solid 1px #66604A; display: none; }
.tab-content { float: left; width: 736px; padding: 15px 10px 10px 15px; }

#bg-gallery { background: url(../images/build/bg-tab-photos.jpg) repeat-y; float: left; width: 268px; padding: 15px 0px 15px 12px; }
.gallery-main { background: #ffffff; float: left; width: 192px; height: 166px; border: solid 1px #333333; padding-left: 8px; display: none; }
ul.gallery-thumbs { float: left; height: 166px; list-style: none; width: 43px; padding: 0px 0px 0px 6px; }
ul.gallery-thumbs li { background: #ffffff; float: left; width: 41px; height: 35px; margin: 3px 0px 3px 0px; padding: 0px; border: solid 1px #333333; }
ul.gallery-thumbs li#no-top { margin-top: 0px; }

.main-img { padding: 8px 0px 0px 12px; }
.thumb-img { padding: 3px 0px 0px 4px; }

.cont-product { float: left; width: 450px; padding: 15px 15px 5px 15px; }
ul.three-col-products { float: left; width: 125px; padding: 0px 0px 0px 25px; }
ul.two-col-products { float: left; width: 400px; padding: 0px 0px 0px 25px; }
ul.two-col-products li, ul.three-col-products li { padding-bottom: .3em; }
.tab-learn-more { float: right; padding: 0px 15px 0px 0px; }
	#but-industry { padding: 40px 5px 5px 0px; }
	#but-service { padding: 20px 5px 5px 0px; }
ul.industries { float: left; width: 736px; list-style: none; padding: 0px 0px 0px 0px; }
ul.industries li { float: left; width: 140px; padding: 0px 3px 0px 3px; }


/* ***Additional Styles*** */
/* ***Product Lines Section*** */
.contact-info { float: left; width: 350px; padding-bottom: 20px; }
.contact-info p { padding-left: 10px; }
#map { float: left; width: 320px; height: 250px; }


.product-logo { float: right; width: 200px; height: 150px; border: solid 1px #D2D3D5; padding: 0px 10px 0px 10px; margin-left: 20px; }
.contact-img { float: left; border: solid 1px #D2D3D5; padding: 0px 10px 0px 10px; }
#grey-col { background: #D1D3D4 url(../images/build/bg-product-grey.jpg) repeat-y; float: left;  width: 800px; border-top: solid 1px #757167; border-bottom: solid 1px #757167; }
#white-col { background: url(../images/build/bg-product-white.jpg) repeat-y; float: left;  width: 800px; }
ul.product-list { float: left; width: 780px; list-style: none; padding: 20px 10px 20px 10px; }
ul.product-list li { float: left; width: 218px; padding: 0px 20px 0px 20px; }
.product-list h2 { font-size: 14px; color: #66604A; font-weight: bold; padding-bottom: 7px; }
.product-img { background: #ffffff; float: right; width: 100px; height: 80px; padding: 3px; border: solid 1px #808080; margin-left: 5px; }
ul.feature-list { padding: 0px 0px 0px 20px; margin: 0px; }
ul.feature-list li { padding: 0px 0px 8px 0px; width: 190px; margin: 0px; }

.testimonial-cont { float: left; padding-left: 16px; }
.testimonial { background: url(../images/build/bg-testimonial.jpg) no-repeat; float: left; width: 190px; height: 168px; padding: 30px 22px 0px 16px; }
.testimonial p { font-size: .7em; color: #666666; padding-bottom: 5px; }
p.testimonial-by { float: right; text-align: right; line-height: 12px; }

ul.prev-next-nav { float: left; width: 480px; padding: 0px; list-style: none; }
ul.prev-next-nav li#prev { float: left; }
ul.prev-next-nav li#next { float: right; }
.arrow-img { float: left; width: 14px; height: 14px; padding-top: 1px; }
ul.prev-next-nav li#prev a, ul.prev-next-nav li#next a { color: #666666; float: left; padding: 0px 7px 0px 7px; }


/*********************************************************************************************************************/
/* FORM STYLES */
.form-cont { float: left; width: 330px; padding: 0px 0px 0px 10px; }
.form-line { float: left; width: 330px; font-size: .75em; color: #666666; padding-bottom: 20px; }
.data-line { float: left; }
label { float: left; width: 80px; padding: 3px 0px 0px 0px; }
.input-text { float: left; width: 180px; margin-right: 40px; color: #666666; padding: 2px; }
.textarea { float: left; width: 200px; height: 120px; color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px; }
#submit { float: right; margin-right: 45px; }
p.form-error { float: left; width: 302px; padding: 10px 14px 12px 14px; font-size: .7em; background: #FFEFF3; color: #AE1F23; margin-bottom: 20px; }

/* ***Footer Styles*** */
#footer { float: left; width: 800px; padding: 20px 50px 20px 50px; }
#footer-left { float: left; width: 400px; }
#footer-right { float: right; width: 400px; padding-top: 5px; }

ul#top-nav-footer { float: left; width: 300px; list-style: none; padding: 0px 0px 10px 10px; }
	ul#top-nav-footer li { float: left; padding: 0px 37px 0px 0px; font-size: 10px; }
	ul#top-nav-footer li a { color: #ffffff; text-decoration: none; }
	ul#top-nav-footer li a:hover { color: #B3B3B3; }
ul#bottom-nav-footer { float: left; width: 300px; list-style: none; padding: 10px 0px 10px 10px; border-top: solid 1px #B3B3B3; }
	ul#bottom-nav-footer li { float: left; padding: 0px 27px 0px 0px; font-size: 9px; }
	ul#bottom-nav-footer li a { color: #ffffff; text-decoration: none; }
	ul#bottom-nav-footer li a:hover { color: #B3B3B3; }
	
#footer-number { float: left; width: 300px; list-style: none; padding: 10px 0px 10px 10px; border-top: solid 1px #B3B3B3; color: #ffffff; font-size: 22px; font-weight: bold; font-style: italic; }

#copyright { float: right; clear: both; color: #ffffff; font-weight: bold; font-style: italic; font-size: 12px; margin: 0px 10px 5px 0px; }
#modernearth a { float: right; clear: both; margin: 0px 10px 5px 0px; }
#binarycanary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; margin: 0px 10px 5px 0px; }

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }