/* // Date : 2009.06.17 // Author : David Goadby // (c) 2009 GSD - provided 'AS-IS' // #FCCA00 */ /** DESCENT | RESET --------------------------------------------*/ html { height: 100%; margin-bottom: 1px; } html,body{height:101% !important} p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {font: normal 11px "Tahoma", Arial;margin: 0 0 0 0; padding: 0 0 0 0;color: #999; } body {margin: 0px;padding: 0px;color: #999;font: normal 11px "Tahoma", Arial; background: repeat-x url(../img/bg.jpg) #000; text-align:center;} a { outline:none;} /* HEADER & FLASH & LOGO / ------------------------------------------------------------*/ #header {height: 168px;width:780px; margin:auto; background: no-repeat url(../img/bg_header.jpg);} #logo { float:left; margin-top: 60px; width:188px; } #corp_logos {} #corp_logos a { margin-left: 25px; margin-top:30px;} #corp_logos img { border: 1px solid #FFFFFF;} /* JQUERY ROTATE / ------------------------------------------------------------*/ #flash {width:100%;background: repeat-x url(../img/bg_flash.jpg); text-align:center;} #flash_hold {width:780px; margin: 1px auto 2px auto;height: 318px; } #flash_rotate {width:780px; margin: 3px auto 2px auto;height: 210px; background:no-repeat url(../img/rotate.gif); padding-top:3px; } div#rotator {position:relative; float:left;} div#rotator ul li.show {z-index:400;} div#rotator ul li {position:absolute;list-style: none; float: left;} div#rotator ul li img {border:none; } /* Overlay / ------------------------------------------------------------*/ #status_container {position: fixed;_position: absolute;z-index: 500;left: 0; top: 0;width: 100%;height: 100%; _height: expression(document.body.offsetHeight + "px");opacity: .9;/* for IE */filter:alpha(opacity=90);background-color: #000;_background-color:#000;display:block;} div#home_testimonials {position:relative; float:left; } div#home_testimonials ul { } div#home_testimonials ul li.show {z-index:400;} div#home_testimonials ul li {position:absolute;list-style: none; float: left; font-size: 12px;} div#home_testimonials ul li img {border:none; margin: 25px; float:left;} div#home_testimonials ul li span {padding-top: 35px; display:block;background:repeat url(../img/intro_bg.jpg);} div#home_testimonials ul li em {color:#999; font-style:italic;} #home_services {margin-left: 30px; margin-bottom: 30px;} #home_services li { line-height: 24px; margin-left:10px;} /* LOGIN / SLIDER --------------------------------------------*/ #login { position:absolute; width:100%; left:0; text-align:left; margin:0; padding:0; } #login form { margin: 0px 0 0 200px; text-align:left; padding: 30px 0 0 0;} #login h1 {color:#FCCA00; font-weight:bold; } #login h1 em { font-style:normal; color:#FFFFFF;} #login h2 { margin-bottom:20px;} #hold p { float:left; margin-right: 20px; display:block;} #login label { font-size:12px; color:#FFFFFF; float:left; display:block; padding: 9px 5px 5px 0;} #login .input {width: 277px; height:18px; border:1px solid #333333; background-color:#000000; padding: 3px; color:#FFFFFF; } #login .error {color:#FFD454; font-style:italic; padding: 5px 0 5px 0; display:block;} #login .submit { color:#333333;padding: 5px 5px 5px 5px;} #hold { display:none; background: repeat-x url(../img/bg.jpg) #000; border-bottom: 2px solid #FCCA00; height: 130px; } #button { width:100px; margin-left: 70%; } #button a { outline:none;} /* PAGEFLIP --------------------------------------------*/ #pageflip { position: relative;} #pageflip img {width: 80px; height: 82px; z-index: 99;position: absolute;right: 0; top: 11px;-ms-interpolation-mode: bicubic;} #pageflip .msg_block {width: 80px; height: 80px; position: absolute; z-index: 50; right: 0; top: 11px;background: url(../flip/gogreen.png) no-repeat right top;text-indent: -9999px;} /* MAIN NAV ------------------------------------------------------------*/ #nav {margin-top: 40px; float:left; text-align:left; padding-bottom: 0px; width:780px; display:block; } #nav ul { float:left; display:block; border-left: 1px solid #333333; height: 125px;} #nav li { color:#FCCA00;list-style:none; } #nav li a { font: normal 11px Tahoma, Arial, sans-serif; color:#fff; text-decoration: none; display:block; padding:2px; margin-left: 10px; margin-right:10px;} #nav li a:hover { background-color:#FCCA00; color:#000000;} #nav li a.yellow {color:#FCCA00;font: bold 11px Tahoma, Arial, sans-serif; } #nav li a:hover.yellow {color:#FCCA00; font: bold 11px Tahoma, Arial, sans-serif; background-color:#000000; text-decoration:underline; } /* INTRO TEXT / ------------------------------------------------------------*/ #intro {width:100%;background: repeat-x url(../img/bg_intro.jpg); height: 130px;} #intro .split_left {float:left; width: 275px; text-align:left; border-right: 1px dotted #141414; margin-top:10px; padding-bottom:30px;} #intro .split_right {float:left; width: 30%; text-align:left; margin-top:10px; padding-bottom:50px;} #intro div {width:780px; margin:auto; text-align:left;} #intro h1 { color:#999; font: bold 12px Tahoma; line-height:18px; padding: 30px 0 0 20px; margin-bottom: 10px;} #intro em { color:#FCCA00; text-decoration:none; font-style:normal; line-height:18px; background: no-repeat url(../img/arrow.jpg) top left; padding-left:20px;} #intro p {padding: 0px 30px 0 20px; color:#999; line-height: 18px;} #intro a {color:#FCCA00; text-decoration:none; padding-bottom:2px; border-bottom:1px dotted #666;} #intro select{float:left; text-align:left; margin:10px 0px 0px 40px; width: 200px;background-color: black; border:none; color:#FFF;} /* CONTENT CONTAINER / ------------------------------------------------------------*/ #body {width:100%;background: repeat url(../img/bg_flash.jpg);} #container {width:780px; margin:auto; background-color:#000000; } #col_one {float:left; width: 555px; text-align:left; border-right: 1px dotted #141414; margin-top:10px; padding-bottom:10px;} #col_one .split_left {float:left; width: 275px; text-align:left; border-right: 1px dotted #141414; margin-top:10px; padding-bottom:10px;} #col_one .split_right {float:right; width: 275px; text-align:left; border-right: 1px dotted #141414; margin-top:10px; padding-bottom:10px;} #col_two { float:left; width: 180px;text-align:left; margin-top:00px; margin-left: 15px;} /* COLUMN ONE STYLES / ------------------------------------------------------------*/ #col_one h2 { color:#FCCA00; font: bold 12px Tahoma; line-height:18px; padding:0px 0 5px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin: 10px 20px 0px 20px; } #col_one h2 em { color:#999; font-style:normal;} #col_one h3 { color:#FCCA00; font: bold 12px Tahoma; line-height:18px; padding:0px 0 5px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin:55px 20px 0px 20px; } #col_one h3 em { color:#999; font-style:normal;} #col_one p { margin: 10px 40px 20px 20px; line-height: 18px; color:#999;} #col_one p strong { color:#999;} #col_one li { margin-left: 55px; line-height: 20px;} #col_one em { color:#FCCA00; font-style:normal;} #col_one a {color:#FCCA00; text-decoration:none; padding-bottom:2px; } #col_one a:hover { text-decoration:underline;} #col_one img { border:none; outline:none;} #col_one .newsimage { float:left; margin: 25px 20px 10px 20px; padding: 3px; background-color:#333333;} #col_one .news { margin:20px 40px 30px 20px; line-height: 18px;} /* COLUMN TWO STYLES -------------------------------------------------------------*/ #col_two h3 { color:#999; font: bold 12px Tahoma; line-height:18px; padding:0px 0 5px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin: 20px 0 10px 10px; } #col_two h4 { margin: 20px 20px 0 10px; font-weight:bold; } #col_two h5 { color:#999; font: bold 12px Tahoma; line-height:18px; padding:0px 0 5px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin: 50px 0 10px 10px; } #col_two h6 { color:#999; font: bold 12px Tahoma; line-height:18px; padding:0px 0 5px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin: 50px 0 10px 10px; } #col_two a {color:#FCCA00; text-decoration:none;} #col_two a:hover { text-decoration:underline;} #col_two .news { margin:20px 0 10px 0;} #col_two p { margin: 5px 0px 0 10px; line-height: 18px; } #col_two p small {color:#666;} #col_two .quote { font-size:10px;color:#666;} #col_two span p { font-size:10px; font-style:italic;} #col_two .bottom_logo { margin-bottom: 20px;} #col_two #twitter{margin-bottom: 30px; background: url(../img/twitbg.jpg) top right no-repeat; height: 50px;} #col_two #twitter ul{list-style: none; width: 100%; margin-left: 8px; margin-top: 5px;} #col_two #twitter li{float: left; margin-right: 5px;} /* WHAT WE DO -------------------------------------------------------------*/ #col_two ul.services { margin-top: 10px; margin-bottom: 30px;} #col_two .services li { line-height:18px; margin-left: 30px;} /* BLOG -------------------------------------------------------------*/ #col_two .blogroll { margin-bottom: 30px;} #col_two .blogroll li{list-style:none; margin-left : 40px; margin-top: 10px;} #col_two .blogroll h2 { color:#999; font: bold 12px Tahoma; line-height:18px; padding:0px 0 5px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin: 20px 20px 0px 20px; } #col_two.blogroll h2 em { color:#999; font-style:normal;} #archiveList h3{padding-top: 0px;} h3.archivePost{margin-top: 0px;} /* RESOURCES -------------------------------------------------------------*/ #resources { margin-left: 10px; margin-bottom: 30px;} #resources span { display:block; padding: 0px 5px 10px 0px;border-bottom: 1px dotted #141414;} #resources a { color:#666; font-size:10px;} #resources span.print { background: no-repeat url(../img/ico_printer.gif); padding-left: 20px;} #resources span.speech {background: no-repeat url(../img/ico_speech.gif); padding-left: 20px; margin-top:8px;} #resources span.email {background: no-repeat url(../img/ico_email.gif); padding-left: 20px;margin-top:8px;} #resources span.contact {background: no-repeat url(../img/ico_contact.gif); padding-left: 20px;margin-top:8px;} #resources a:hover { color:#FCCA00; font-size:10px;} /* HOMEPAGE -------------------------------------------------------------*/ #home {} #home .home { margin: 30px 10px 90px 10px; clear: both;} #home .home img { margin: 0 30px 30px 10px; float:left;} #home h2 { float:left; width: 260px;margin: 0px 0 10px 0px;} #home h3 { float:left; width: 260px;margin: 0px 0 10px 0px; } #home strong { color:#999;} /* CAREERS-------------------------------------------------------------*/ #col_one .job { padding-left: 100px; background: no-repeat url(../img/ico/ico_des.jpg); margin: 30px 20px 0 20px; padding-bottom:20px;} #col_one .marketing { padding-left: 100px; background: no-repeat url(../img/ico/ico_marketing.jpg); margin: 30px 20px 0 20px; padding-bottom:30px;} /* CLIENTS-------------------------------------------------------------*/ #clients { margin-left:25px;} #clients .clients { margin-left: 30px; margin-bottom: 140px; display:block; clear:both; } #clients .client { float:left; margin: 2px; width:166px; height: 122px; color:#666666; } #clients .client img { width:166px; height: 122px; outline:none;} #clients .client img a { outline:none;} /* TWITTER-------------------------------------------------------------*/ #twitter { margin: 20px 0 0 10px; padding: 0px 60px 0 0px; height: } /* AWARDS -------------------------------------------------------------*/ #awards { margin-top:20px;} #awards p { margin-top: 8px; margin-left: 60px;} #awards span { color:#666666;} #awards h3 { margin-top:50px;} #awards .award a { cursor:pointer; color:#999;} #awards em { color:#FCCA00; margin-right: 5px;} /* MAIN FORM ---------------------------------------------------------------*/ #form {width: 530px; margin: 10px 25px 10px 0px; padding-left: 10px; } #form fieldset{ font-weight:bold; font-size: 10px; margin: 0 0 0px 00px; color: #999; border: none; } #form legend {color:#999; font: bold 12px Tahoma; line-height:18px; padding:0px 0 10px 20px; border-bottom: 1px dotted #141414; background: no-repeat url(../img/arrow_grey.jpg); margin: 0px 0 10px 0px; display:block; width: 430px; display:none;} #form em {color:#FCCA00; font-style:normal; } #form #one p { display:block; clear:both;margin: 10px 0 10px 0;} .error_msg { background-color:#000; color:#FCCA00; padding: 8px; margin: 10px 30px 10px 30px;} #form #one .input { width: 260px; line-height:18px; font: normal 12px "Arial"; padding: 2px; color:#333333;} #form #one label { float:left; text-align: right; width: 130px; padding: 5px 10px 5px 5px;} #form .black { color:#000000; margin: 0 0 0 30px;} #form div.left { float:left; width: 230px; margin: 15px 0 0 20px; } #form div span { margin: 10px 0px 0 0px; font-weight:normal; float:left; display:block; width: 230px; } #form div span input { margin: 0 0px 0 5px;} #showcase { width:95%; margin: 18px 0 0 18px; background: repeat url(../img/tile.jpg) #000; height: 600px; text-align:center;} #showcase .item { float:left; margin: 21px; text-align:center; color:#666; background-color:#000000; padding-bottom: 5px; font-weight:bold; color:#FCCA00; font-size:10px;} #showcase .item a { display:block; margin-bottom: 5px;} #showcase .item img { border: 2px solid #2D2D2D;} /* TOURS-------------------------------------------------------------*/ #tours { margin: 30px 0 30px 20px; display:block;} #tours .tour { float:left; text-align:center; margin-right: 20px;} #tours .tour img { border: 4px solid #141414; margin-bottom:5px; width:100px; } #tours .tour a { font-weight:bold;} /* GOOGLE MAP -------------------------------------------------------------*/ #gmap{ padding:5px;} #dismap{ margin: 20px 0px 0px 20px; width: 515px; background-color: #111;} /* MAP ICONS -------------------------------------------------------------*/ #maps { float: left; margin: 20px 0 0 60px;} #google { background: no-repeat url(../img/google.gif); float:left; width: 194px;} #multi { background: no-repeat url(../img/multi.gif); float:left;width: 243px;} #maps a { border:0; outline:none;} /* simple css-based tooltip */ div.tooltip { background: no-repeat url(../img/tool.jpg) #000; padding:7px 10px 5px 20px; display:none; color:#000; text-align:left; font-size:11px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; } /* simple css-based tooltip */ div.tooltip_check { background: no-repeat url(../img/tool_chk.jpg) #000; padding:5px 10px 10px 15px; display:none; color:#000; text-align:left; font-size:11px; /* outline radius for mozilla/firefox only */ -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; } /* FOOTER -------------------------------------------------------------*/ #footer {clear:both; display:block; text-align:center; background: repeat-x url(../img/bg_footer.jpg); height: 156px; } #footer .foot {height: 156px;width:800px; margin:auto; } #footer .block { float:left; display:block; border-left: 1px solid #181818; padding-left: 38px; padding-right: 38px; text-align:left; font: normal 11px Tahoma, Arial, sans-serif; color:#999; margin-top:30px; line-height: 16px;} #footer .block em { font-style:normal; color:#FCCA00; font-weight:bold; display:block; } #footer address { font-style:normal;} #footer .logos {border-left: 1px solid #181818;border-right: 1px solid #181818;float:left;margin-top:30px;}