/* import core styles */ @import url(interface/css/base.css); /*------------------------------------------ // 1.BASIC ELEMENTS //------------------------------------------*/ body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#021a41 url(interface/images/body-bg.jpg) left top repeat-x; } h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } a{ color:#ffe185; } /*------------------------------------------ // 2.LAYOUT //------------------------------------------*/ /*---- Container ----*/ div.wrapper { width:942px; margin:0 auto; position:relative; } /*---- Header ----*/ div#header div.wrapper{ background:url(interface/images/header/header-bg.png) right bottom no-repeat; height:171px; position:relative; z-index:50; } div#header div.wrapper div.inner-wrapper{ background:url(interface/images/header/header-bg.gif) left top no-repeat; padding:15px 0px 30px; position:relative; } body.home div#header div.wrapper{ height:146px; } /*---- Content ----*/ div#content { background:#062454; border-bottom:1px solid #0d3370; } body.home div#content div.wrapper{ background:url(interface/images/content/content-bg.gif) left top no-repeat; } div#content div.wrapper{ width:902px; background:url(interface/images/content/content-bg.gif) left top no-repeat; padding:21px 36px 47px; margin-top:-1px; position:relative; } /*---- Main ----*/ div#main { float:left; width:678px; } /*---- Sidebar ----*/ div#sidebar { float:right; width:200px; } /*---- Footer ----*/ div#footer div.wrapper{ padding:25px 0px 58px; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Misc Classes----*/ div.strip{ position:absolute; right:0px; top:0px; width:30%; height:36px; background:#042455; line-height:38px;} .ui-tabs-hide { position: absolute; left: -10000px; } span.highlight { color:#A8C4F0; font-weight:bold; } /*---- Header - Button1 ----*/ div#header a.button1{ margin:-15px 0px 5px 0px; position:relative; } div#header a.button1 span.right img{ vertical-align:middle; margin-left:6px; } /*---- Header - Logo ----*/ body.home div#header div.logo h1 a { clear:both; background:url(interface/images/header/logo.png) left top no-repeat; width:242px; height:0px; padding-top:173px; overflow:hidden; left:350px; top:40px; display:block; position:absolute; z-index:10; } div#header div.logo h1 a { clear:both; background:url(interface/images/header/logo1.png) left top no-repeat; width:189px; height:0px; padding-top:135px; overflow:hidden; left:377px; top:28px; display:block; position:absolute; z-index:10; } /*---- Header - Tagline ----*/ div#header div#tagline{ float:right; clear:both; margin-top:30px; text-align:right; } div#header div#tagline h1{ font-size:200%; line-height:19px; font-family:Georgia, "Times New Roman", Times, serif; color:#10346d; } div#header div#tagline h1 span.insurance{ color:#b10045; background:url(interface/images/header/border.gif) left bottom repeat-x; } /*---- Banner ----*/ div#banner div.wrapper { position:relative; margin-bottom:8px; margin-top:-25px; } div#banner div.wrapper a.emergency-services { position:absolute; left:-22px; top:-34px; z-index:100; width:116px; height:117px; display:block; color:transparent;} /*---- Main Navigation ----*/ div#main-navigation ul{ height:63px; } div#main-navigation ul li{ float:left; line-height:63px; background:url(interface/images/navigation/divider.gif) right 0px no-repeat; padding-right:1px; } div#main-navigation ul li:hover { float:left; line-height:63px; background:url(interface/images/navigation/divider-hover.gif) right 0px no-repeat; padding-right:1px; } div#main-navigation ul li.active { float:left; line-height:63px; background:url(interface/images/navigation/divider-active.gif) right 0px no-repeat; padding-right:1px; } div#main-navigation ul li a { float:left; color:#a8c4f0; padding:0px 14px; font-size:180%; font-weight:bold; background:url(interface/images/navigation/nav-bg.gif) left top repeat-x; text-decoration:none;} div#main-navigation ul li:hover a { text-decoration:none; background:url(interface/images/navigation/nav-bg.gif) left -63px repeat-x; color:#fff; text-decoration:none;} div#main-navigation ul li.active a{ background:url(interface/images/navigation/nav-bg.gif) left -126px repeat-x; color:#fff; text-decoration:none; } div#main-navigation ul li span{ float:left;} div#main-navigation ul li.active span{ float:left; background:url(interface/images/navigation/arrow.gif) 50% top no-repeat; } div#main-navigation ul li#home span.divider{ background:url(interface/images/navigation/divider.gif) right top no-repeat; float:left; display:block; padding:0px 16px; } div#main-navigation ul li#home:hover span.divider , div#main-navigation ul li#home.active span.divider{ background:url(interface/images/navigation/divider-hover.gif) right top no-repeat; float:left; display:block; padding:0px 16px; } div#main-navigation ul li#home { padding-right:0px; } div#main-navigation ul li#home a{ background:url(interface/images/navigation/nav-left.gif) left top no-repeat; padding:0 0 0 17px; display:block; float:left; } div#main-navigation ul li#home a:hover{ background:url(interface/images/navigation/nav-left.gif) left -63px no-repeat; height:63px; display:block; float:left; } div#main-navigation ul li#home.active a{ background:url(interface/images/navigation/nav-left.gif) left -126px no-repeat; height:63px; display:block; float:left; } div#main-navigation ul li#home a span{ padding:0px; } div#main-navigation ul li#contact { background:none; } div#main-navigation ul li#contact:hover{ background:none; } div#main-navigation ul li#contact a{ background:url(interface/images/navigation/nav-right.gif) right top no-repeat; padding-right:23px; } div#main-navigation ul li#contact a:hover{ background:url(interface/images/navigation/nav-right.gif) right -63px no-repeat; } div#main-navigation ul li#contact.active a{ background:url(interface/images/navigation/nav-right.gif) right -126px no-repeat; } /* div#main-navigation ul{ height:63px; } div#main-navigation ul li{ float:left; line-height:63px; background:url(interface/images/navigation/divider.gif) right 0px no-repeat; padding-right:1px; } div#main-navigation ul li:hover , div#main-navigation ul li.active{ float:left; line-height:63px; background:url(interface/images/navigation/divider-hover.gif) right 0px no-repeat; padding-right:1px; } div#main-navigation ul li a { float:left; color:#a8c4f0; padding:0px 15px; font-size:180%; font-weight:bold; background:url(interface/images/navigation/nav-bg.gif) left top repeat-x; text-decoration:none;} div#main-navigation ul li:hover a , div#main-navigation ul li.active a{ text-decoration:none; background:url(interface/images/navigation/nav-bg-hover.gif) left top repeat-x; color:#fff; text-decoration:none;} div#main-navigation ul li span{ float:left;} div#main-navigation ul li:hover span , div#main-navigation ul li.active span{ float:left; background:url(interface/images/navigation/arrow.gif) 50% top no-repeat; } div#main-navigation ul li#home span.divider{ background:url(interface/images/navigation/divider.gif) right top no-repeat; float:left; display:block; padding:0px 16px; } div#main-navigation ul li#home:hover span.divider , div#main-navigation ul li#home.active span.divider{ background:url(interface/images/navigation/divider-hover.gif) right top no-repeat; float:left; display:block; padding:0px 16px; } div#main-navigation ul li#home a{ background:url(interface/images/navigation/nav-left.gif) left top no-repeat; padding:0 0 0 15px; display:block; float:left; } div#main-navigation ul li#home a:hover , div#main-navigation ul li#home.active a{ background:url(interface/images/navigation/nav-left-hover.gif) left top no-repeat; height:63px; display:block; float:left; } div#main-navigation ul li#home a span{ padding:0px; } div#main-navigation ul li#contact { background:none; } div#main-navigation ul li#contact:hover{ background:none; } div#main-navigation ul li#contact a{ background:url(interface/images/navigation/nav-right.gif) right top no-repeat; padding-right:15px; } div#main-navigation ul li#contact a:hover , div#main-navigation ul li#contact.active a{ background:url(interface/images/navigation/nav-right-hover.gif) right top no-repeat; } */ /*---- Post ---*/ div.post h1 { font-size:230%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; line-height:19px;} div.post h2 { font-size:210%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; } div.post h3 { font-size:190%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; } div.post h4 { font-size:170%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; } div.post h5 { font-size:150%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; } div.post h1 span.welcome{ color:#fff; font-size:120%; } div.post div.entry p { color:#92a7c9; line-height:18px; font-size:130%; margin-bottom:26px; } div.post div.entry p strong { color:#fff; } div.post div.entry p span{ color:#fff; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } div.post div.entry a{ text-decoration:underline; } div.post div.entry a:hover{ text-decoration:none; } div.post div.entry a.more-link{ background:url(interface/images/content/arrow.gif) left center no-repeat; padding-left:14px; text-decoration:none; } div.post div.entry blockquote { margin-bottom:20px; } div.post div.entry blockquote p{ margin-bottom:5px; font-style:italic;} div.post div.entry blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; color:#92a7c9; } div.post li ul, div.post li ol { margin-bottom:10px; color:#92a7c9; } div.post li li{ font-size:100%; margin-bottom:0px; color:#92a7c9; } div.post div.entry li p { font-size:100%; color:#92a7c9; margin-bottom:6px; } /*---- Footer - Navigation ---*/ div#footer p{ font-size:120%; color:#a8c4f0; line-height:15px; } div#footer p a{ color:#fff; font-weight:bold; } div#footer div#footer-navigation { float:right; } div#footer div#footer-navigation ul li { display:inline; font-size:120%; color:#7297d0; line-height:15px; } div#footer div#footer-navigation ul li a{ color:#7297d0; } div#footer div#footer-navigation ul li.divider { margin:0 6px; } /*---- Common Boxes & Containers ----*/ /*---- Box1 ----*/ div.box1 div.top-left{ background:url(interface/images/content/box1-top-left.png) left top no-repeat; padding-left:8px; } div.box1 div.top-left div.top-right{ background:url(interface/images/content/box1-top-right.png) right top no-repeat; padding-right:8px; } div.box1 div.top-left div.top-right div.top-middle{ background:url(interface/images/content/box1-top-middle.png) left top repeat-x; height:6px; line-height:6px; } div.box1 div.middle-left{ background:url(interface/images/content/box1-middle-left.gif) left top repeat-y; padding-left:6px; } div.box1 div.middle-left div.middle-right{ background:#fff url(interface/images/content/box1-middle-right.gif) right top repeat-y; padding-right:6px; width:930px !important; } div.box1 div.bottom-left{ background:url(interface/images/content/box1-bottom-left.png) left bottom no-repeat; padding-left:8px; } div.box1 div.bottom-left div.bottom-right{ background:url(interface/images/content/box1-bottom-right.png) right bottom no-repeat; padding-right:8px; } div.box1 div.bottom-left div.bottom-right div.bottom-middle{ background:url(interface/images/content/box1-bottom-middle.png) left bottom repeat-x; height:6px; line-height:6px; } /*---- Box2 ----*/ div.box2 div.top-left{ background:url(interface/images/content/box2-top-left.png) left top no-repeat; padding-left:7px; } div.box2 div.top-left div.top-right{ background:url(interface/images/content/box2-top-right.png) right top no-repeat; padding-right:7px; } div.box2 div.top-left div.top-right div.top-middle{ background:#082759; height:7px; line-height:7px; } div.box2 div.middle{ background:#082759; padding:10px 16px; } div.box2 div.bottom-left{ background:url(interface/images/content/box2-bottom-left.png) left bottom no-repeat; padding-left:7px; } div.box2 div.bottom-left div.bottom-right{ background:url(interface/images/content/box2-bottom-right.png) right bottom no-repeat; padding-right:7px; } div.box2 div.bottom-left div.bottom-right div.bottom-middle{ background:#082759; height:7px; line-height:7px; } /*---- Box3 ----*/ div.box3 div.top-left{ background:url(interface/images/content/box3-top-left.gif) left top no-repeat; padding-left:6px; } div.box3 div.top-left div.top-right{ background:url(interface/images/content/box3-top-right.gif) right top no-repeat; padding-right:6px; } div.box3 div.top-left div.top-right div.top-middle{ background:url(interface/images/content/box3-top-middle.gif) left top repeat-x; height:6px; line-height:6px; } div.box3 div.middle{ background:#052456 url(interface/images/content/box3-middle.gif) left bottom repeat-x; padding:5px 16px; border-left:1px solid #193869; border-right:1px solid #193869; } div.box3 div.bottom-left{ background:url(interface/images/content/box3-bottom-left.gif) left bottom no-repeat; padding-left:6px; } div.box3 div.bottom-left div.bottom-right{ background:url(interface/images/content/box3-bottom-right.gif) right bottom no-repeat; padding-right:6px; } div.box3 div.bottom-left div.bottom-right div.bottom-middle{ background:url(interface/images/content/box3-bottom-middle.gif) left bottom repeat-x; height:6px; line-height:6px; } /*---- Box4 ----*/ div.box4 { background:url(interface/images/content/box4-middle.gif) left top repeat-y; padding:0; } div.box4 div.top{ background:url(interface/images/content/box4-top.gif) left top no-repeat; } div.box4 div.top div.bottom{ background:url(interface/images/content/box4-bottom.gif) left bottom no-repeat; padding:6px; width:630px; } /*---- Box 5 ----*/ div.box5 div.box5-top-left { background:transparent url(interface/images/banner/box5/top_leftround.gif) no-repeat scroll left top ; padding-left:5px; height:5px; } div.box5 div.box5-top-left div.box5-top-right { background:url(interface/images/banner/box5/top_rightround.gif) right top no-repeat; padding-right:5px; height:5px; } div.box5 div.box5-top-left div.box5-top-right div.box5-top-middle{ background:url(interface/images/banner/box5/middle_strate.gif) left top repeat-x; height:5px; } div.box5 div.box5-middle{ background-color:#062454; text-align:center; } div.box5 div.box5-bottom-left{background:url(interface/images/banner/box5/down_leftround.gif) left bottom no-repeat; padding-left:5px; height:5px; } div.box5 div.box5-bottom-left div.box5-bottom-right{background:url(interface/images/banner/box5/down_rightround.gif) no-repeat right bottom; padding-right:5px; height:5px; } div.box5 div.box5-bottom-left div.box5-bottom-right div.box5-bottom-middle{ background:url(interface/images/banner/box5/middle_strate.gif) left bottom repeat-x; height:5px;} /*---- Box6 ----*/ div.box6 div.top-left{ background:url(interface/images/content/box6-top-left.png) left top no-repeat; padding-left:7px; } div.box6 div.top-left div.top-right{ background:url(interface/images/content/box6-top-right.png) right top no-repeat; padding-right:7px; } div.box6 div.top-left div.top-right div.top-middle{ background:#0a2d65; height:7px; line-height:7px; } div.box6 div.middle{ background:#0a2d65; padding:10px 10px; } div.box6 div.bottom-left{ background:url(interface/images/content/box6-bottom-left.png) left bottom no-repeat; padding-left:7px; } div.box6 div.bottom-left div.bottom-right{ background:url(interface/images/content/box6-bottom-right.png) right bottom no-repeat; padding-right:7px; } div.box6 div.bottom-left div.bottom-right div.bottom-middle{ background:#0a2d65; height:7px; line-height:7px; } /*---- Buttons ----*/ /*---- Button1 ----*/ a.button1{ background:url(interface/images/header/button1.png) left top no-repeat; height:35px; display:block; padding-left:12px; } a.button1 span.right{ background:url(interface/images/header/button1.png) right top no-repeat; height:35px; display:block; padding-right:12px; line-height:35px; color:#fff; float:left; font-size:180%; font-weight:bold; margin-right:-6px; font-family:Georgia, "Times New Roman", Times, serif; } a.button1:hover , a.button1:hover span { text-decoration:none; } /*---- Button2 ----*/ a.button2{ background:url(interface/images/content/button2.png) left top no-repeat; height:45px; display:block; padding-left:12px; } a.button2 span.right{ background:url(interface/images/content/button2.png) right top no-repeat; height:45px; display:block; padding-right:12px; line-height:45px; color:#ede6ce; font-size:170%; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; width:180px; margin-right:-26px; } a.button2:hover , a.button2:hover span { text-decoration:none; } /*---- Button3 ----*/ a.button3{ background:url(interface/images/content/button3.png) left top no-repeat; height:32px; display:block; padding-left:12px; } a.button3 span.right{ background:url(interface/images/content/button3.png) right bottom no-repeat; height:32px; display:block; padding-right:20px; line-height:32px; color:#ede6ce; float:left; font-size:130%; font-weight:bold; margin-right:-26px; font-family:Georgia, "Times New Roman", Times, serif; } a.button3:hover , a.button3:hover span { text-decoration:none; } /*---- Lists ----*/ ul.list1 { margin-bottom:16px; } ul.list1 li{ background:url(interface/images/content/list1-arrow.gif) left center no-repeat; padding-left:20px; font-size:140%; color:#fff; font-weight:bold; line-height:21px; } ul.list1 li a{ color:#fff; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Banner ----*/ body.home div#banner div.wrapper { margin-top:0px; } div#banner div.wrapper a.button2{ position:absolute; right:5px; bottom:13px; z-index:20; } div#banner div.wrapper a.button2 span.right img{ vertical-align:middle; margin-right:8px; } div.box1#banner div.slide img{ vertical-align:bottom; } div.box1#banner div.slide { position:relative; height:406px; width:929px; } div.box1#banner div.slide div.before{ float:left; width:464px; border-right:1px solid #062454; padding-right:1px; } div.box1#banner div.slide div.after{ float:left; width:463px; background:url(interface/images/banner/after.png) left bottom no-repeat; } div.box1#banner div.slide img.before-after{ position:absolute; left:0px; bottom:60px; } div.box1#banner div.slide h1{ background:url(interface/images/banner/title-bg.png) left bottom no-repeat; height:60px; line-height:61px; width:900px; padding:0px 15px; font-size:180%; color:#A8C4F0; position:absolute; bottom:0px; left:0px; } div.box1#banner div.slide h1 span{ background:url(interface/images/banner/arrow.png) left center no-repeat; padding-left:20px; } /*---- Box2 Welcome ----*/ div#welcome.box2{ float:left; margin-right:20px; width:440px; } /*---- Box2 Services ----*/ div#services.box2{ float:left; margin-right:20px; width:220px; } div#services.box2 h1{ font-size:220%; color:#a8c4f0; font-weight:normal; margin-bottom:12px; } div#services.box2 h1 span{ color:#fff; } div#services.box2 h5{ font-size:140%; color:#a8c4f0; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:6px; } div#services.box2 p{ font-style:italic; font-size:130%; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:12px; letter-spacing:-1px; line-height:17px; } div#services.box2 p a{ font-weight:bold; color:#a8c4f0; } div#services.box2 ul.list1{ background:url(interface/images/content/list1-bg.gif) left top repeat-y; padding:6px 20px; margin:0px -16px 14px; position:relative; } /*---- Box2 Newsletter Form ----*/ div#newsletter-form.box2{ float:left; width:200px; } div#newsletter-form.box2 h1{ font-size:220%; color:#fff; font-weight:normal; margin-bottom:12px; } div#newsletter-form.box2 p { font-size:130%; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:17px; letter-spacing:-1px; margin-bottom:10px; } div#newsletter-form.box2 p a{ font-weight:bold; color:#a8c4f0; } div#newsletter-form.box2 p label{ display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:normal; letter-spacing:normal; line-height:15px; font-size:90%; margin-bottom:4px; } /*---- Box2 Newsletter Form - Textbox ----*/ div#newsletter-form.box2 p span.textbox{ background:url(interface/images/content/textbox.gif) left top no-repeat; display:block; height:28px; padding-left:5px; } div#newsletter-form.box2 p span.textbox span{ background:url(interface/images/content/textbox.gif) right bottom no-repeat; display:block; height:28px; padding:0px 5px 0px 0px; } div#newsletter-form.box2 p span.textbox span input.textbox{ margin-top:4px; width:154px; border:0; background:none; } /*------------------------------------------ // 5.1 PHOTO GALLERY PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Main - Category ----*/ div#main div#category-form{ float:right; position:relative; z-index:20; width:237px; } div#main div#category-form label{ font-size:130%; float:left; font-weight:bold; line-height:30px; color:#fff; margin-right:6px; } div#main div#category-form select { width:152px; } div.project-title.box3{ margin-bottom:3px; width:642px; } div.project-title h3{ font-size:150%; color:#7a98c8; line-height:19px; font-weight:bold; background:url(interface/images/content/title-arrow.gif) left center no-repeat; padding-left:20px; margin:0 0 0 -17px; position:relative; } /*---- Main - Slideshow ----*/ div.slideshow { position:relative; margin-bottom:14px;} div.slideshow div.slide{ border:1px solid #193869; position:relative; width:628px; height:298px; text-align:center;} div.slideshow div.slide div.before{ float:left; width:313px; border-right:1px solid #1e375f; } div.slideshow div.slide div.after{ float:left; width:313px; } div.slideshow img.before-after{ position:absolute; left:7px; bottom:7px; z-index:10; } div.slideshow ul { margin:0; } div.slideshow ul li { float:left; width:630px; height:300px; } div.slideshow a.previous{ background:url(interface/images/content/main/previous.png) left top no-repeat; position:absolute; left:-19px; top:134px; width:42px; height:47px; z-index:20; text-decoration:none; } div.slideshow a.next{ background:url(interface/images/content/main/next.png) left top no-repeat; position:absolute; right:-19px; top:134px; width:42px; height:47px; z-index:20; text-decoration:none; } div.slideshow a.previous:hover , div.slideshow a.next:hover{ text-decoration:none; } div#main div.description p{ font-size:120%; color:#92a7c9; line-height:16px; } /*---- Sidebar - Slides ----*/ div#sidebar div.slides { position:relative; margin:-17px 0px; padding:50px 0px; overflow:hidden; } div#sidebar div.slides a.scroll-up{ position:absolute; top:0px; left:60px; background:url(interface/images/content/main/top.gif) left top no-repeat; width:48px; height:32px; display:block; text-decoration:none; } div#sidebar div.slides a.scroll-down{ position:absolute; bottom:0px; right:60px; background:url(interface/images/content/main/bottom.gif) left top no-repeat; width:48px; height:32px; display:block; text-decoration:none; } div#sidebar div.slides a.top:hover , div#sidebar div.slides a.bottom:hover{ text-decoration:none; } div#sidebar div.slides ul li { margin-bottom:13px; } div#sidebar div.slides ul li p { color:#92a7c9; font-size:120%; line-height:16px; } div#sidebar div.slides ul li p a{ background:none; padding:0; margin:0; color:#92a7c9; height:auto; } div#sidebar div.slides ul li p a:hover{ background:none; padding:0; margin:0; color:#92a7c9; } div#sidebar div.slides ul li a{ background:url(interface/images/content/main/frames.gif) left top no-repeat; display:block; margin-bottom:5px; padding:3px 3px 1px; height:92px; } div#sidebar div.slides ul li a:hover , div#sidebar div.slides ul li.ui-state-active a { background:url(interface/images/content/main/frames.gif) left bottom no-repeat; display:block; } /*---- Sidebar - Locations ----*/ div#sidebar div#locations h1{ font-size:220%; color:#fff; line-height:19px; margin-bottom:12px; } div#sidebar div#locations ul li { margin-bottom:16px; } div#sidebar div#locations ul li h2{ font-size:130%; color:#fff; line-height:15px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:6px; letter-spacing:-1px; } /*---- Sidebar - Locations - Adr ----*/ div#sidebar div#locations ul li div.adr{ background:url(interface/images/content/list1-bg.gif) left top repeat-y; padding:6px 20px; margin:0px -16px 14px; position:relative; width:160px; } div#sidebar div#locations ul li div.adr p { color:#b8d0f5; font-size:110%; line-height:16px; margin-bottom:9px; } div#sidebar div#locations ul li div.adr p a{ background:url(interface/images/content/sidebar/arrows.gif) left center no-repeat; padding-left:20px; text-decoration:underline; } div#sidebar div#locations ul li div.adr p a:hover{ text-decoration:none; } div#sidebar div#locations ul li div.adr p span strong{ color:#fff; } /*------------------------------------------ // 6.1 CONTACT PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Form ----*/ div.form ul { margin:0px; } div.form ul li { list-style:none; margin:0px 20px 26px 0px; float:left; } /*---- Form - Textbox ----*/ div.form ul li label{ display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:15px; font-size:110%; margin:0px 0px 4px 4px; color:#fff; } div.form ul li span.textbox{ background:url(interface/images/content/textbox.gif) left top no-repeat; display:block; height:28px; padding-left:5px; } div.form ul li span.textbox span{ background:url(interface/images/content/textbox.gif) right bottom no-repeat; display:block; height:28px; padding:0px 5px 0px 0px; } div.form ul li span.textbox span input.textbox{ padding:5px 0px 0; width:100%; border:0; background:none; } /*---- Form - Textarea ----*/ div.form span.textarea { display:block; width:370px; } div.form span.textarea span.top{ background:url(interface/images/content/main/textarea-top-middle.gif) left top repeat-x; display:block; } div.form span.textarea span.top span.top-left{ background:url(interface/images/content/main/textarea-top-left.gif) left top no-repeat; display:block; } div.form span.textarea span.top span.top-left span.top-right{ background:url(interface/images/content/main/textarea-top-right.gif) right top no-repeat; height:7px; line-height:7px; display:block; } div.form span.textarea span.middle{ background:#b8cbea url(interface/images/content/main/textarea-middle.gif) left top repeat-x; display:block; } div.form span.textarea span.middle span.middle-left{ background:url(interface/images/content/main/textarea-middle-left.gif) left top repeat-y; padding-left:2px; display:block; } div.form span.textarea span.middle span.middle-left span.middle-right{ background:url(interface/images/content/main/textarea-middle-right.gif) right top repeat-y; padding:0px 7px 0px 5px; display:block; } div.form span.textarea span.bottom { background:url(interface/images/content/main/textarea-bottom-middle.gif) left bottom repeat-x; display:block; } div.form span.textarea span.bottom span.bottom-left{ background:url(interface/images/content/main/textarea-bottom-left.gif) left bottom no-repeat; display:block; } div.form span.textarea span.bottom span.bottom-left span.bottom-right{ background:url(interface/images/content/main/textarea-bottom-right.gif) right bottom no-repeat; height:7px; line-height:7px; display:block; } div.form span.textarea textarea { background:none; border:0; width:350px; } /*---- Form ----*/ div.form ul li.name-field { width:208px; } div.form ul li.email-field { width:208px; } div.form ul li.phone-field { width:150px; } div.form ul li.address-field { width:208px; } div.form ul li.city-field { width:135px; } div.form ul li.state-field { width:138px; } div.form ul li.zip-field { width:58px; } div.form ul li.project-type{ float:none; display:block; clear:both; } div.form ul li.project-description{ float:none; display:block; clear:both; } .gform_wrapper .validation_error{ color:#FF0000; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica,sans-serif; margin-bottom:16px} .gform_wrapper .validation_message{ color:#FF0000!important; font-size:11px; font-family:verdana,sans-serif; letter-spacing:normal} #gforms_confirmation_message{background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center}