/* 2009 Redesign by TWC ---------------------- ------------------------ RESET --------------------------------------- ----------------------*/ html, body, form, fieldset { margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0;} li, dd, blockquote { margin-left: 1em;} form label { cursor: pointer;} fieldset, a, img { border: none;} input, select, textarea { font-size: 100%; font-family: inherit;} html { font-size:100.01%;} body { text-align:center; font-size:1em; font-family:Arial,Helvetica,sans-serif; } p { font-size:.9em; } a { text-decoration:none; color:#008CD3; outline: none; } /*---------------------- ------------------------ OUTER LAYOUT -------------------------------- ----------------------*/ #site { background: #fff url(../images/layout/shadow-bg.gif) top center repeat-y scroll; } #header { height:210px; background-color:#fff; } .width { width:850px; margin: 0pt auto; text-align:left; position:relative; } /*---------------------- ------------------------ HEADER OBJECTS ------------------------------ ----------------------*/ #logo { height:165px; padding: 0px 40px 0; } #logo h1 { padding:0 0 0 20px; margin:0; font-size:.825em; color:#4E4E4E; } #phone { position:absolute; top:65px; left:550px; background: transparent url(../images/entetetitre.jpg) top left no-repeat; height:158px; line-height:1.1em; padding-left:27px; font-size:1.2em; color:#545454; } #phone a { text-decoration:none; color:#545454; } #reasons { position:absolute; top:0px; right:20px; } /*---------------------- ------------------------ MAIN NAVIGATION ----------------------------- ----------------------*/ #navigation { height:50px; background: #2783c4 url(../images/layout/shadow-top-bg.gif) bottom center no-repeat scroll; } #navigation ul { margin: 0pt auto; list-style:none; width:830px; height:35px; text-align:left; } #navigation li { float:left; line-height:35px; padding:0 9px 0 12px; margin:0; background:transparent url(../images/layout/nav-line.gif) top left no-repeat; } /* Nav Hovers - Add pages as necessary ------------------ Make sure to change body id on new page, set nav ------------------ class and add to BOTH css declaration below */ #navigation li:hover, #navigation li:active, #page-home #navigation li.nav-home, #page-residential #navigation li.nav-residential, #page-small-business #navigation li.nav-small-business, #page-nationwide #navigation li.nav-nationwide, #page-remote #navigation li.nav-remote, #page-mail-in #navigation li.nav-mail-in { background-color:#2176b2; } #navigation li a:hover, #navigation li a:active, #page-home #navigation .nav-home a, #page-residential .nav-residential a, #page-small-business .nav-small-business a, #page-nationwide .nav-nationwide a, #page-remote .nav-remote a, #page-mail-in .nav-mail-in a { color:#fff; background:#2176b2 url(../images/layout/nav-bg.gif) bottom center no-repeat scroll; } /* --------------- END OF NAV HOVERS */ #navigation li a { color:#fff; text-decoration:none; font-weight:bold; display:block; } #content { margin: -15px auto 0; width:850px; } .pads { padding:5px; } /*---------------------- ------------------------ PAGE HEADERS -------------------------------- ----------------------*/ h2 { margin:0; padding:0; display:block; position:relative; } h2 img { vertical-align:bottom; } h2 a { display:block; position:absolute; bottom:5px; left:14px; height:69px; width:112px; } /*---------------------- ------------------------ TWO COLUMN ---------------------------------- ----------------------*/ .border { border:#cbe6f9 2px solid; -webkit-border-radius:4px;-moz-border-radius:4px; } .needs-margin { margin: 4px 0 0; } .gradient { background:#fff url(../images/banners/book/bg.gif) bottom left repeat-x scroll; } #col-left { float:left; width:616px; } #col-right { padding: 0 0 0 4px; float:left; width:220px; /* Need this for jquery scroller */ position:relative; } #col-right2 { padding: 0 0 0 4px; float:left; width:220px; } /*---------------------- ------------------------ CONTENT ------------------------------------- ----------------------*/ #col-left .padding-20, #testimonial-bottom { padding:20px; color:#333333; } #col-left p, #col-left ul { font-size:.7em; line-height:1.4em; font-family:Tahoma,Arial,Helvetica,sans-serif; margin-top:0; margin-left:.3em; } #col-left h3 { font-size:.75em; font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight:bold; margin:0; } #col-left ul { margin-left:3.5em;list-style-image:url(../images/bg_li.gif);} #col-left li { margin: .5em 0; } /*---------------------- ------------------------ FORMS --------------------------------------- ----------------------*/ input, textarea, select { font:12px/12px Arial, Helvetica, sans-serif; padding:0; } label { font-size:11px; font-weight:bold; color:#666; } label.opt { font-weight:normal; } label.error { padding-left:210px; display:block; color:#FF0000; background:#D3D3D3; } .req { color:#FF0000; } .req p { margin:0 0 5px 0 !important; } .form-buttons { margin-bottom:0 !important; padding-left:149px; } /*---------------------- ------------------------ BOOK NOW --------------------------------------- ----------------------*/ #page-book-now #col-left { float:right !important; } #page-book-now #col-right2 { float:left !important;padding:0 4px 0 0 !important; } #page-book-now .padding-20 { padding:5px 20px; } #page-book-now .email123 {display:none;} #page-book-now .override p { margin:.6em .5em; } #page-book-now p { margin:.5em; } #page-book-now label { text-align:right;width:140px; float:left; } #page-book-now input, #page-remote input, #page-book-now textarea, #page-remote textarea { width:220px !important;border:1px solid #CCCCCC;padding:3px 4px !important; margin:0 !important; text-align:left !important; } #page-book-now .error { padding: 2px;background:#fff;float:none;width:auto;margin:0 0 0 160px;text-align:left;width:auto; } #page-book-now .error:before { content: "*"; } #page-book-now #col-right2 p { text-align:justify; color:#09599e; font-size:12px; line-height:15px; margin:0 !important; font-style:italic; padding-top:7px; } #page-book-now #col-right2 strong { float:right; } #book-now-two #col-right2 .reasons.override { color:#004A7F !important; } #page-book-now #col-right2 .reasons { margin: 0 0 5px 5px; position:relative; font-size:55px; line-height:45px; font-weight:bold; color:#0861AF; } #page-book-now #col-right2 ul { margin: 0 0 0 20px; list-style-image:url(../images/banners/book/star.gif); color:#333; } #page-book-now #col-right2 li { padding:6px 0; font-size:.7em; margin-left:.9em } #page-book-now #col-right2 .override li { padding:4px 0; } #page-book-now #col-right2 .a { position:absolute; left:40px; top:0; font-size:25px; line-height:27px; font-weight:normal; } #page-book-now #col-right2 .a span { padding: 0 0 0 3px; font-size:15px; line-height:15px; display:block; } /*---------------------- ------------------------ REMOTE SUPPORT --------------------------------- ----------------------*/ #page-remote label { text-align:right;width:50px;float:left; } #page-remote .smallbox { background:#E6E6E6; padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px; } #page-remote .smallbox input { width:180px !important; } .bigger { color:#FF0000;float:right;font-size:3em;padding:0 30px 0 0; } /*---------------------- ------------------------ SIDEBAR ------------------------------------- ----------------------*/ .button { padding:0 3px 6px; } .button.final { padding: 0 3px; } .button a { display:block; } .button a:hover { opacity:.9; } .button img { vertical-align:bottom; } #services { list-style:none; margin:0; padding:0 3px 0; } #services li { margin:0 0 5px; border:1px solid #CDD6FE; background: #fff url(../images/sidebar/link-bg.gif) bottom left repeat-x scroll; } #services li.last { margin:0; } #services li a { padding:8px 0; display:block; color:#2A6899; font-size:.675em; font-weight:bold; } #services li a:hover { color:#008CD3; } /*---------------------- ------------------------ TESTIMONIAL --------------------------------- ----------------------*/ #testimonial { background:transparent url(../images/layout/quote-top.gif) top left no-repeat scroll; } #testimonial-bottom { background:transparent url(../images/layout/quote-bottom.gif) bottom right no-repeat scroll; min-height:99px; } #testimonial p { margin:0; line-height:1.1em; } .quote { font-size:.675em; padding:0 0 5px; text-indent:10px; line-height:normal !important; } .person { font-weight:bold; font-style:italic; } /*---------------------- ------------------------ ADD TECH ------------------------------------ ----------------------*/ .follow { list-style:none !important;} .follow a:hover { text-decoration:underline; } .follow li { margin: 0.5em .5em !important; padding: 0; line-height: 16px; /* height of icon */ background-repeat: no-repeat; background-position: 0 50%; float:left; } .follow li a { padding-left: 21px; /* width of icon + whitespace */ } .facebook { background-image:url(../images/facebook_logo.gif); } .twitter { background-image:url(../images/twitter_logo.gif); } /*---------------------- ------------------------ FOOTER -------------------------------------- ----------------------*/ #footer { background: #fff url(../images/layout/footer.jpg) top center no-repeat scroll; height:35px; clear:both; color:#008CD3; } #footer a { color:#008CD3; text-decoration:none; } #footer span { color:#999; font-size:.8em; } #footer .padding { padding:20px 20px 10px; font-size:.7em; } /*---------------------- ------------------------ ODDBALL STYLES ------------------------------ ----------------------*/ ::selection { background: #fe4902; color: white; /* Webkit */ } ::-moz-selection { background: #fe4902; color: white; /* Gecko */ } .clear { clear:both; } .fl { float:left; } .fr { float:right; } .center {text-align:center;} #VolusionLiveChat a { display:block;} #VolusionLiveChat img { vertical-align:bottom;} /* --------------- LASTMOD: 09/17/09 - RYAN HARTMAN - devkinetic.com - - - - - - - - - - - - - - - - # 09/17/09 # added twitter and facebook list styles # 08/03/09 # swapped h1 and h2 tag styles for seo --------------- */