/* #################################### # Company:Moxie Media Group Inc. # # Author:Jeffrey C. Nolte # # URL:http://www.getmoxied.net # #################################### */ /*RESETS ---------------------------------------------------------------------------------*/ * {margin:0;padding:0;} body {font-family: Helvetica, sans-serif; background:#f0f7f9 url('../images/body-bg.gif') repeat-x; overflow:hidden; } a,a:visited {text-decoration:none;outline:none;color:blue;} h1{color:#FF2E07;} a:hover {color:#2e2e2e;} a img {border:none;} img {vertical-align:middle;} fieldset {border:none;} ::selection {background:#fe4902;color:white;/* Safari */} ::-moz-selection {background:#fe4902;color:white;/* Firefox */} /*TOOL BOX ---------------------------------------------------------------------------------*/ .clear {clear:both;} .alignCenter {text-align:center;} .floatLeft {float:left;} .floatRight {float:right;} /*STRUCTURE ---------------------------------------------------------------------------------*/ #wrapper{width:900px; height:650px;margin:0 auto; background:url('../images/wrap-bg.gif') no-repeat;} #header{width:830px; height:90px;padding:25px 0 0 0;border-bottom:1px solid #848185;margin:0 0 0 33px;} #cycle-content{float:left;height:70px;width:530px;margin:197px 0 0 7px;} #cycle-content img{float:left;} #home-logo{float:left;margin:119px 0 0 0px;border-right:3px solid #85bbcc;} #we{float:left;} #for-you{float:left;} #cycle{float:left;} #main-content{width:830px;height:485px;margin:0 0 0 33px;overflow:hidden;clear:both;} #main-content-wrap{width:829px; margin:30px auto 0 auto;} #footer{width:830px;clear:both;margin:0 0 0 33px;border-top:1px solid #848185;font-size:.6em;} #left-box{width:287px;height:500px;float:left;background:#FFF url('../images/nav2bg.png') no-repeat;} #svc-nav{width:255px;height:210px;margin:15px 15px 10px 15px;} #left-photos{width:290px;} #left-photos img{float:left;margin:0 2px 0;} #left-photos img.tn{float:left;margin:0 10px 0 0;} #svc-nav h2{color:#FF2E07;border-bottom:1px solid #848185;padding:0 0 5px 0;} ul#services{list-style-type:none;} #services{margin:15px 0 0 20px;} #services li{margin:22px 0 0 0;} #services li a{color:#000;} #services li a:hover {color:#ff2307;} #right-content p.svc-p{width:480px;font-size:1.3em;color:#000;margin:0 0 55px 0;text-align:justify;line-height:32px;} #right-content p.green{margin:0;line-height:15px;font-size:1em;} #right-content p.green span{line-height:15px; color:green;} #services li.active a{border-bottom:3px solid #FF2E07;} /*HEADER ---------------------------------------------------------------------------------*/ #header h1{text-indent:-9999px;height:0;overflow:hidden;} #header img{float:left;} /*NAVIGATION ---------------------------------------------------------------------------------*/ #navigation{margin:70px 0 0 0 ; float:right;} #navigation li {font-size:.9em; color:#000;margin-left:15px;} .sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;} .sf-menu{line-height:1.0;} .sf-menu ul{position:absolute;top:-999em;width:10em;background:#FFF;/* left offset of submenus need to match (see below) */} .sf-menu ul li{width:100%;} .sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */} .sf-menu li{float:left;position:relative;} .sf-menu a{display:block;position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:2.1em;/* match top ul list item height */ z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em;/* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:7em;/* match ul width */top:0;} .sf-menu{float:right;margin-bottom:1em;} .sf-menu a{padding:0 0 0 0;text-decoration:none;} .sf-menu a,.sf-menu a:visited{color:#000;}/* visited pseudo selector so IE6 applies text colour*/ .sf-menu li{background:transparent;} .sf-menu li li{background:transparent;width:180px;margin-bottom:5px;} .sf-menu li li:hover {background:transparent;} .sf-menu li li a:hover {background:#FFF;border-bottom:0;color:#777;} .sf-menu li li li a{background:transparent;} .sf-menu li.active {border-bottom:3px solid #FF2E07;color:#85bbcc} .sf-menu a:hover{color:#85bbcc;} .sf-menu a.sf-with-ul{min-width:1px;/* trigger IE7 hasLayout so spans position accurately */} .sf-menu a.sf-with-ul:hover{background:transparent;} .sf-menu li:hover{background:transparent;} /* QUOTES ---------------------------------------------------------------------------------*/ #quotes{float:left;width:280px;height:485px;background:#FFF;font-family:'Georgia',serif;} #quotes-top{height:25px;background:#FFF url('../images/quote-top.gif') top left no-repeat;} #quotes-body{padding:0 10px 0 10px;background:#FFF url('../images/quote-body.gif') bottom left repeat-y;} #quotes-body p{color:#000;font-style:italic;} #quotes-body p.name{font-size:1em;font-style:italic;color:#FF2E07;text-align:right;padding-top:30px;} #quotes-bottom{height:52px;background:#FFF url('../images/quote-bottom.gif') top left no-repeat;} /* RIGHT CONTENT ---------------------------------------------------------------------------------*/ #right-content{float:left;width:500px;height:421px;overflow:auto;margin:10px 0 0 30px;font-weight:normal;} #scroll-div{width:485px;} #right-content h1{font-size:1.5em;color:#FF2E07;text-transform:capitalize;margin:0 0 10px 0;} #right-content h1 span{color:#B9B4BA;} #right-content h2{font-size:1.1em;color:#000;} #right-content h2.test-header{color:#FF2E07;text-align:left;;margin:0 0 0 0;background:none;} #right-content h2 span{font-size:.7em;color:#FF2E07;} #right-content p{font-size:.75em;color:#777;margin:0 10px 15px 0;} #right-content p.mtyt-description{font-size:.75em;color:#777;margin:5px 18px 45px 104px;} #right-content p.last{padding-bottom:30px;} /*TESTIMONIALS ---------------------------------------------------------------------------------*/ div.test-quote-bottom{background:#FFFFFF url(../images/test-bottom.gif) no-repeat scroll 27px 0;height:30px;margin-bottom:-28px;margin-right:20px;} #right-content p.test-quote{text-align:left;background:#EEE;padding:10px; margin:0 19px 0 0;color:#000;font-style:italic;font-size:.8em;} #right-content p.sig {font-size:.8em; color:#000;font-weight:bold;font-style:normal;text-align:right;background:#EEE;margin:0 19px 0 0;padding:10px;} #right-content p.test-quote span{color:#ff2E07;font-weight:bold;} /*FORM & CONTACT INFO ---------------------------------------------------------------------------------*/ #contact-area{float:left;} #contact-area h1.contact-me-head{font-size:1.2em;margin:30px 0 10px 116px;} #contact-area span{color:red;font-size:.8em;} #contact span{font-size:1em;} #contact-area form{width:443px;color:#fff;margin-top:40px;} #contact-area input,#contact-area textarea{padding:5px;color:#999;width:310px;background:#FFF;font-size:1em;margin:0px 0px 12px 0px;border:1px solid #B9B4BA;-webkit-border-radius:4px;-moz-border-radius:4px;} #contact-area textarea{height:144px;overflow:auto;resize:none;} #contact-area textarea:focus,#contact-area input:focus{border:1px solid red;background:#FFF;color:#000;} #contact-area input.submit-button{width:200px;float:right;margin-right:6px;border:1px solid #ff2307; color:#999;text-transform:capitalize;} #contact-area input.submit-button:hover{color:#333;background:#FFF;} #form-copy{float:left;font-size:.7em;width:425px;margin-top:7px;} label{float:left;text-align:right;margin-right:15px;width:100px;padding-top:8px;font-size:1em;color:#848185;} #address{float:left;width:335px;margin:0 0 0 20px;} #contact-area h1,#address h1{color:#FF2E07;font-size:1.5em;font-weight:600;letter-spacing:0;margin:30px 0 0} #contact-area h2{font-weight:normal;font-size:.9em; color:#848185;padding-bottom:10px;} #address p{font-size:1em;color:#848185;padding:25px 0 35px 0;} #address a{color:#999;} #address a:hover{color:#FF2E07;} label.error{color:red;float:right;font-size:0.8em;margin:-11px 6px 10px 0;padding:0;width:100%;} /*FOOTER ---------------------------------------------------------------------------------*/ #footer p{height:0;margin:7px 3px 0 3px; color:#777;} #footer p.copyright{float:left;} #footer p.mmg{float:right;} #footer a{color:#777;} #footer a:hover{border-bottom:1px dotted #999;background:#CCC;color:#FFF;} #turn{position:absolute;bottom:-6px;right:0;color:#f2f2f2;letter-spacing:-.06em;} #turn span{color:orange;}