/* ----------------------------------------------- Master Screen Style ----------------------------------------------- Energy Security Systems author: Ryan Mayer date: December 2007 ----------------------------------------------- */ html, body {margin:0px auto; padding:0px; width:100%; height:100%;} body {background:#FFF url(../img/body_bg_red.gif) repeat-x scroll 0% 0%; font: normal 62.5%/normal "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; text-align:center;} * {opacity: 0.9999999;margin:0px; padding:0px; border:0px;} /* Typography */ p {background: transparent; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.2em; margin:0px; padding: 0px 80px 10px 5px;} h1, h2, h3, h4, h5 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0px 3px; padding:0px; font-weight:normal;text-align:left; display:block; text-decoration:none; background-color: transparent;} h1 {font-size:2em; color:#333; font-weight:normal; letter-spacing: -1px; margin-bottom: .3em;} h2{font-size:1.7em; color:#afb585; margin-top:10px;} h3{font-size:1.3em; color:#378899; font-weight: bold;margin-top:10px;} h4{font-size:1.2em; color:#B42021;font-weight: bold; margin:0px; padding:0px;} h5{font-size:1em; color:#B42021; font-weight:bold; text-transform:uppercase;} h6{font-size:1em; color:#378899; font-weight:bold; text-transform:capitalize; margin-left: 3px;} ul, ol {font-size: 1.2em; line-height: 1.2em; background: transparent; text-align:left; margin: 10px 20px 25px 25px; padding:0px;} li {color:#555; margin: 0px; padding: 0px 50px 10px 2px; position: relative;} ul li { list-style: outside disc;} ol li { list-style: outside decimal;} li ul li { list-style: inside disc; margin:0px; padding: 0px 50px 10px 2px; position: relative; font-size: .95em; color: #666;} hr {border-top: 1px dotted #ccc; width:440px; margin:0px; padding:0px 0px 5px 0px;} #container2 p {width:450px;} /* Structure Div's */ #container {width:720px; height:auto; margin:0px auto; padding: 0px; text-align:left; vertical-align: top; background: transparent 0px 0px no-repeat; /* border:dotted thin #FF00FF;*/ min-height: 100%;} #container2 {width:1100px; height:auto; margin:0px auto; padding: 150px 0px 0px 0px; text-align:center; background: transparent; /*border:solid thin #00FF00;*/ min-height: 100%;} #sitenav {width: 720px; height: 67px; margin:0px auto; padding: 0px 0px 0px 23px; background: transparent url(../img/bg_sitenav.jpg) 0% 0% no-repeat; } #header {width: 720px; height: 309px; margin:0px auto; padding:0px; background: transparent url(../img/bg_header.jpg) 0% 0% no-repeat; /*border:solid 1px #00FF00;*/} #body {width: 720px; margin:0px auto; padding:0px 0px 0px 30px; background: transparent url(../img/bg_body.jpg) 0% 0% repeat-y; /*border:solid 1px #00FF00;*/} #footer {width: 720px; height:180px; margin:0px auto; padding:110px 0px 30px 0px; background: transparent url(../img/bg_footer.jpg) 0% 0% no-repeat; clear: both; /*border:solid 1px #00FF00;*/} #footer2 {width: 520px; height:180px; margin:0px auto; padding:30px; background: transparent; text-align:center;/*border:solid 1px #00FF00;*/} /* Content Div's */ #colOne {width:510px; margin:0px 0px 50px 0px; padding:0px; background: transparent 0% 0% repeat-y; float:left;} #colTwo {width:164px; margin:0px auto; padding:0px; background: transparent url(../img/bg_sidebar01.jpg) 0% 0% no-repeat; float:left;} #featuredBoxes {width:350px; margin:5px 0px 15px 0px; padding: 0px; background: transparent 0% 0% no-repeat; /*border:solid thin #00FF00;*/} #featuredBoxes p {text-align:center; margin: 0px auto; padding:0px; color:#999; text-decoration: none; text-transform:uppercase; font-size: 1.1em; line-height:1em;} #flashcontent {border: solid 1px #42453C; width: 1000px; height: 575px; margin: 15px 20px;} .listTitle {list-style-type:none; margin: 0px 0px 0px -25px; padding: 0px; font-weight:bold; color:#eee} .Listing {margin:5px 0px 0px 5px; width:490px; padding:0px; background: transparent; clear:both; /* border:thin solid #00FF00; */} .Listing .image {padding:0px 0px 170px 0px; /* border: thin solid #007700; */ } .Listing p.headline {font-size: 1.3em; color: #6c0a01; text-transform:uppercase; margin:0px 5px 0px 75px; padding:0px;} .Listing p.subheadline {font-size: .95em; font-weight:bold; color: #6c0a01; text-transform:uppercase; margin:0px 10px 0px 50px; padding:0px; text-align:right; display:block; border-bottom: 1px dotted #3a4541;} .Listing p {font-size: 1.2em; color: #3a4542; text-align: left; margin:0px 0px 0px 70px; /* border: thin solid #00ff00; */} .testimonial {background: transparent; margin:0px 50px 0px 15px; padding: 20px 0px 15px 0px; border-bottom:1px dotted #AEB1B1;} .testimonial p {background: transparent; color: #555; font-style: italic; text-decoration: none; text-align: left; font-size: 1.2em; } .testimonial_credit {background: transparent; color: #333; text-align: right; font-size: .9em; text-transform:uppercase; margin:0px; padding-bottom:10px;} .light {color: #acb7bf; } .box_sm {width:80px; margin:3px; padding:0px; float:left; text-align:center; font-size:1.1em; } .box {width:120px; background: transparent; color: #626d73; text-transform:uppercase; font-size: 1.1em; margin:7px 2px 0px 2px; padding: 0px; float:left;} .title {font-size: 1.3em; font-weight:bold; text-transform:uppercase; text-align:left; color: #acb7bf; padding:0px; margin: 0px;} .small {font-size:.9em; text-transform: uppercase;} /* Links */ a:link {color: #ae1d1c; text-decoration: none; font-weight:bold;} a:visited {color: #ae1d1c; text-decoration: none; font-weight:bold;} a:hover {color: #555; font-weight:bold; border-bottom: 1px dotted #ae1d1c;} #colTwo a:hover {border-bottom: 0px dotted #ae1d1c;} .header a {color: #6ff; text-decoration: none; font-weight:bold; margin:0px; padding:0px; border-bottom: 0px dotted #ae1d1c;} .header a:hover {color: #fff; border-bottom: 0px solid #fff;} .header a:focus { outline: none;-moz-outline-style: none; color:#000} /* Sitenav */ a.sitenav:link {background: transparent; color: #afb585; text-decoration: none; font-weight:normal;} a.sitenav:visited {background: transparent; color: #afb585; text-decoration: none;} a.sitenav:hover {background: transparent; color: #FFFFFF; text-decoration: none;border-bottom: 0px dotted #999;} #sitenav p {text-align:right; margin: 0px; padding:5px 35px 8px 0px; color:#afb585; text-decoration: none; font-size: 1.1em; line-height:1.2em;} /* Subnav */ a.subnav:link {background: transparent; color: #838964; text-decoration: none; text-transform:capitalize; font-size:1.2em; font-weight:normal; margin-bottom:10px;} a.subnav:visited {background: transparent; color: #838964; text-decoration: none; text-transform:capitalize; font-size:1.2em; font-weight:normal; margin-bottom:10px;} a.subnav:hover {background: transparent; color: #000; text-decoration: none; text-transform:capitalize; font-size:1.2em; font-weight:normal; margin-bottom:10px;border-bottom: 0px dotted #999;} a.sitemap_01:link {background: transparent; color: #ae1d1c; text-decoration: none; font-weight:bold; font-size:1.2em; font-weight:normal;} a.sitemap_01:visited {background: transparent; color: #ae1d1c; text-decoration: none; font-weight:bold; font-size:1.2em; font-weight:normal;} a.sitemap_01:hover {background: transparent; color: #333; text-decoration: none; font-weight:bold; font-size:1.2em; font-weight:normal;border-bottom: 0px dotted #999;} a.sitemap_02:link {background: transparent; color: #ae1d1c; text-decoration: none; text-transform:none; font-size:1em; font-weight:normal;} a.sitemap_02:visited {background: transparent; color: #afb585; text-decoration: none; text-transform:none; font-size:1em; font-weight:normal;} a.sitemap_02:hover {background: transparent; color: #000; text-decoration: none; text-transform:none; font-size:1em; font-weight:normal;border-bottom: 0px dotted #999;} /* Buttons */ a.about_btn {display: block; float: left; width: 88px; height: 41px; background: transparent url(../img/btn_about.gif) 0px 0px no-repeat;} a.about_btn:hover {background: transparent url(../img/btn_about.gif) 0px -41px no-repeat;border-bottom: 0px dotted #999;} a.products_btn {display: block; float: left; width: 140px; height: 41px; background: transparent url(../img/btn_products.gif) 0px 0px no-repeat;} a.products_btn:hover {background: transparent url(../img/btn_products.gif) 0px -41px no-repeat;border-bottom: 0px dotted #999;} a.commercial_btn {display: block; float: left; width: 130px; height: 41px; background: transparent url(../img/btn_commercial.gif) 0px 0px no-repeat;} a.commercial_btn:hover {background: transparent url(../img/btn_commercial.gif) 0px -41px no-repeat;border-bottom: 0px dotted #999;} a.residential_btn {display: block; float: left; width: 130px; height: 41px; background: transparent url(../img/btn_residential.gif) 0px 0px no-repeat;} a.residential_btn:hover {background: transparent url(../img/btn_residential.gif) 0px -41px no-repeat;border-bottom: 0px dotted #999;} a.tips_btn {display: block; float: left; width: 123px; height: 41px; background: transparent url(../img/btn_tips.gif) 0px 0px no-repeat;} a.tips_btn:hover {background: transparent url(../img/btn_tips.gif) 0px -41px no-repeat;border-bottom: 0px dotted #999;} a.contact_btn {display: block; float: left; width: 87px; height: 41px; background: transparent url(../img/btn_contact.gif) 0px 0px no-repeat;} a.contact_btn:hover {background: transparent url(../img/btn_contact.gif) 0px -41px no-repeat;border-bottom: 0px dotted #999;} a.box01_btn {display: block; float: left; width: 158px; height: 184px; margin: auto 8px; background: transparent url(../img/btn_commercial.jpg) 0px 0px no-repeat; /* border:solid thin #00FF00; */} a.box01_btn:hover {background: transparent url(../img/btn_commercial.jpg) 0px -184px no-repeat;border-bottom: 0px dotted #999;} a.box02_btn {display: block; float: left; width: 158px; height: 184px; margin: auto 7px; background: transparent url(../img/btn_residential.jpg) 0px 0px no-repeat; /* border:solid thin #00FF00; */} a.box02_btn:hover {background: transparent url(../img/btn_residential.jpg) 0px -184px no-repeat;border-bottom: 0px dotted #999;} a.smBox_btn {display: block; float: left; width: 100px; height: 75px; margin: 7px; background: transparent url(../img/btn_nutrition.jpg) 0px 0px no-repeat; border:solid thin #00FF00;} /* MooAccordion */ #accordion {margin:0px 20px 10px 0px; padding:0px;} .toggler {cursor: pointer; border-bottom:1px dotted #AEB1B1; font-size: 1.2em; background: transparent; color: #A7B294; margin: 0px; padding: 7px 5px 5px 4px;} .toggler:hover { background:#f9f9f9; } .element {margin:0px; padding:15px; background: transparent /* #f9f9f9 */;font: "Trebuchet MS", Arial, Helvetica, sans-serif;} .element h3 {font-size:1.2em; font-weight:bold; color:#4d7084; text-align:left; padding:15px 5px 5px 5px; margin:0px; text-transform: capitalize;} .element p {margin:0px; padding:10px 5px 20px 1px;background: transparent; font-size:1.2em;} .element p.small {font-size:.95em;} /* div.float {width:140px; height:160; margin:5px; padding:5px; float:left; text-align:center; } div.float p {font-size:1.1em; text-transform:uppercase; font-weight:bold; text-align: center; padding:0px; margin:0px;} div.float a:hover {color: #555; font-weight:bold; border-bottom: 1px dotted #ae1d1c;} */ .floatBox {width:120px; height:160; margin:10px auto; padding:5px; float:left; text-align:center; display:block; border-left: dotted thin #999;} .floatBox p {font-size:1.1em; line-height: 1em; text-transform:uppercase; font-weight:bold; text-align: left; padding:0px; margin:0px; color:#333;} .floatBox:hover p{color: #ae1d1c; text-decoration:underline; margin:0px; padding:0px;} /* Footer */ #footer a:link {background: transparent; color: #626d73; text-decoration: none; font-weight:normal;} #footer a:visited {background: transparent; color: #626d73; text-decoration: none;} #footer a:hover {background: transparent; color: #000; text-decoration: none;} #footer p {text-align:center; margin: 0px; padding:0px; color:#626d73; text-decoration: none; font-size: 1.1em; line-height:1.2em;} #footer2 p {text-align:center; margin: 0px; padding:0px; color:#626d73; text-decoration: none; font-size: 1.1em; line-height:1.2em;} /* Form */ /* NiceForms defaults*/ input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#666;} label {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#666; cursor:pointer; padding-left:2px; line-height:16px;} label.chosen {color:#999;} fieldset {width: 400px; margin:0px; padding: 30px 10px 10px 10px; border:1px solid #EDEDED;} legend {font-size:1.3em; color:#afb585; text-transform:uppercase; font-weight:bold; padding:0px; margin:0px;} /*Transparent items*/ .outtaHere {position:absolute; left:-3000px;} /*Radio buttons*/ .radioArea, .radioAreaChecked {display:block; float:left; clear:left; width:15px; height:14px; font-size:0; cursor:pointer;} .radioArea {background:url(../img/radio.gif) no-repeat left top;} .radioAreaChecked {background:url(../img/radio.gif) no-repeat left bottom;} /*Checkboxes*/ .checkboxArea, .checkboxAreaChecked {display:block; float:left; clear:left; width:13px; height:13px; font-size:0; padding:0; margin:0; cursor:pointer;} .checkboxArea {background:url(../img/checkbox.gif) no-repeat left top;} .checkboxAreaChecked {background:url(../img/checkbox.gif) no-repeat left bottom;} .focused {border:1px dotted #ddd;} /*Text inputs*/ .textinput, .textinputHovered {height:15px;background:url(../img/input_bg.gif) repeat-x left top;border:none;padding:4px 0;vertical-align:middle;} .textinputHovered {background-position:left bottom;} .inputCorner {padding-bottom:0; vertical-align:middle;} /*Text areas*/ .txtarea .tr, .txtarea .tr_xon {background:url(../img/txtarea_tr.gif) no-repeat top right;} .txtarea .tr_xon {background:url(../img/txtarea_tr_xon.gif) no-repeat top right;} .txtarea img.txt_corner {width:5px; height:5px; display:block;} .txtarea .br, .txtarea .br_xon {background:url(../img/txtarea_br.gif) no-repeat top right;} .txtarea .br_xon {background:url(../img/txtarea_br_xon.gif) no-repeat top right;} .txtarea .cntr {background:url(../img/txtarea_cntr.gif) repeat-y right top;} .txtarea .cntr_xon {background:url(../img/txtarea_cntr_xon.gif) repeat-y right top;} .txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px; background:url(../img/txtarea_l.gif) repeat-y left top; float:left;} .txtarea .cntr_l_xon {background:url(../img/txtarea_l_xon.gif) repeat-y left top;} .txtarea textarea {border:0;background:none;padding:0;margin:5px; overflow:auto;} /*Selects*/ .selectArea {width:200px;height:21px;background:url(../img/select_bg.gif) repeat-x left top;} .selectArea .left {width:8px;height:21px;float:left;background:url(../img/select_left.gif) no-repeat left top;} .selectArea .right {width:21px;height:21px;float:right;background:url(../img/select_right.gif) no-repeat left top;} .selectArea .right a {display:block;width:200px;height:21px;margin-left:-179px;position:absolute;} .selectArea .right i {display:none;} .selectArea .center {width:160px;color:#FFF;padding-top:3px;overflow:hidden;white-space:nowrap;} /*Selects drop-down*/ .optionsDivInvisible, .optionsDivVisible {position:absolute;margin-top:-1px;margin-left:3px;width:172px;background:#6f7074;padding:2px;font-size:11px;z-index:20;} .optionsDivInvisible {display:none;} .optionsDivVisible {display:block;} .optionsDivVisible p {margin:0;padding:0;} .optionsDivVisible a {color:#F2F2F2; text-decoration:none; display:block; padding:1px 4px; border:1px solid #6f7074;} .optionsDivVisible a:hover {color:#FFF;background:#5F6062;border-color:#cfd0d6;} /*Button*/ .buttonSubmit, .buttonSubmitHovered {width:auto;height:26px;color:#FFF;font-weight:bold;padding:2px;background:url(../img/button_bg.gif) repeat-x left top;cursor:pointer;border:none;} .buttonSubmitHovered {background-position:left bottom;} .buttonImg {vertical-align:bottom;} /* Sitemap Styler */ #sitemap, #sitemap ul, #sitemap li{margin:0px; padding:0px; list-style:none;} #sitemap{background:url(../img/line1.gif) repeat-y;} #sitemap li{line-height:20px; margin-top:1px; position:relative; width:100%;} /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li{float:left; display:inline;} #sitemap li a{padding-left:40px;} #sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;} #sitemap li span, #sitemap li span.collapsed{background:url(../img/collapsed.gif) no-repeat 0 0;} #sitemap li span.expanded{background:url(../img/expanded.gif) no-repeat 0 0;} /* sub levels */ #sitemap li ul{margin-left:28px; background:url(../img/line1.gif) repeat-y;} #sitemap li li{background:url(../img/line2.gif) no-repeat 0 0;} /* #sitemap li ul li{margin-left:28px; background:url(../img/line3.gif) repeat-y;} #sitemap li li li{background:url(../img/line4.gif) no-repeat 0 0;} */ /* etc. */ /* float fix */ #sitemap:after, #sitemap ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #sitemap, #sitemap ul{display:block;} #sitemap, #sitemap ul{min-height:1%;} * html #sitemap, * html #sitemap ul{height:1%;} #sitemap ul{display:none;} /* Helpers */ .clear {clear: both;} .right {text-align: right;} .asterisk {color:#ff0000; font-size:1.2em; margin: 0px 0px 0px 4px;} span.amp {font-family: Baskerville, Palatino, "Book Antiqua", "Constantia", serif; font-style: italic;} .right {float:right;} .green {color:#839f37;} .red {color:#c04a86;} .blue {color:#378899;} .orange {color:#9a5d38;}