/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 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 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body#home { background:url(../images/body-bg.jpg) left top repeat; } body { color:#000; background:#14150c; font-family: Arial, Helvetica, sans-serif; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Wrapper ----*/ div.wrapper { width: 946px; margin: 0 auto; } /*---- Header ----*/ div#header { background:url(../images/header/header.jpg) 60% top repeat-x; height:265px; } /*---- Navigation ----*/ div#navigation { padding:16px 0px 9px;} /*---- Content ----*/ div#content div.wrapper{ padding:36px 0px;} /*---- Main ----*/ div#main { float:left; width:616px; } /*---- Sidebar ----*/ div#sidebar { width:320px; float:right; padding-top:70px;} /*---- Footer ----*/ div#footer div.wrapper{ padding:20px 0px 30px;} /*------------------------------------------ // 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 //------------------------------------------*/ div#bar { height:10px; background:#000; } /*---- Header - Selling ----*/ div#header div.selling { float:right; margin-top:7px; width:530px;} div#header div.selling img { float:right; left:-23px; position:relative; } div#header div.selling div.description { margin-top:50px; } div#header div.selling div.description h2 { font-size:310%; color:#c2dc1a; line-height:31px; margin-bottom:25px; font-weight:normal; } div#header div.selling div.description h2 span.inner { color:#f3f3f3; font-weight:bold; } div#header div.selling div.description p { font-size:120%; color:#f3f3f3; line-height:18px; text-transform:uppercase; margin-bottom:5px; padding-left:17px; } div#header div.selling div.description p img { float:none; left:auto; margin-left:10px; } div#header div.selling div.description p a{ color:#f3f3f3; display:block; position:relative; z-index:10; text-decoration:none; } div#header div.selling div.description p span { color:#c7e500; font-weight:bold; } /*---- Header - Logo ----*/ div#header div.logo{ height:211px; margin-left:-66px; position:relative; float:left; } /*---- Navigation ----*/ div#navigation ul { overflow:hidden; width:100%; padding:15px 0 0 0; margin:0px; list-style:none; } div#navigation ul li { float:left; padding:0px 10px 0px 4px; } div#navigation ul li.home a{ display:block; float:left; background:url(../images/navigation/navigation.png) left top no-repeat; height:9px; width:36px; } div#navigation ul li.home a:hover , div#navigation ul li.home a.active{background:url(../images/navigation/navigation.png) left -9px no-repeat; height:9px; } div#navigation ul li.about-us a{ display:block; float:left; background:url(../images/navigation/navigation.png) -47px top no-repeat; height:9px; width:64px; } div#navigation ul li.about-us a:hover , div#navigation ul li.about-us a.active { background:url(../images/navigation/navigation.png) -47px -9px no-repeat; height:9px;} div#navigation ul li.team a{ display:block; float:left; background:url(../images/navigation/navigation.png) -124px top no-repeat; height:9px; width:36px; } div#navigation ul li.team a:hover , div#navigation ul li.team a.active { background:url(../images/navigation/navigation.png) -124px -9px no-repeat; height:9px; } div#navigation ul li.new-projects a{ display:block; float:left; background:url(../images/navigation/navigation.png) -172px top no-repeat; height:9px; width:94px; } div#navigation ul li.new-projects a:hover , div#navigation ul li.new-projects a.active { background:url(../images/navigation/navigation.png) -172px -9px no-repeat; height:9px;} div#navigation ul li.companies a{ display:block; float:left; background:url(../images/navigation/navigation.png) -279px top no-repeat; height:9px; width:154px; } div#navigation ul li.companies a:hover , div#navigation ul li.companies a.active{ background:url(../images/navigation/navigation.png) -279px -9px no-repeat; height:9px; } div#navigation ul li.investors a{ display:block; float:left; background:url(../images/navigation/navigation.png) -446px top no-repeat; height:9px; width:122px; } div#navigation ul li.investors a:hover , div#navigation ul li.investors a.active{ background:url(../images/navigation/navigation.png) -446px -9px no-repeat; height:9px; } div#navigation ul li.workshops a{ display:block; float:left; background:url(../images/navigation/navigation.png) -580px top no-repeat; height:9px; width:80px; } div#navigation ul li.workshops a:hover , div#navigation ul li.workshops a.active{ background:url(../images/navigation/navigation.png) -580px -9px no-repeat; height:9px;} div#navigation ul li.downloads a{ display:block; float:left; background:url(../images/navigation/navigation.png) -673px top no-repeat; height:9px; width:113px; } div#navigation ul li.downloads a:hover , div#navigation ul li.downloads a.active{ background:url(../images/navigation/navigation.png) -673px -9px no-repeat; height:9px; } div#navigation ul li.contact-us a{ display:block; float:left; background:url(../images/navigation/navigation.png) -798px top no-repeat; height:9px; width:78px; } div#navigation ul li.contact-us a:hover , div#navigation ul li.contact-us a.active{ background:url(../images/navigation/navigation.png) -798px -9px no-repeat; height:9px; } /*---- Content ----*/ /*---- List1 ----*/ div#main ul.list1 { margin-bottom:0px; padding:0px; list-style:circle; } div#main ul.list1 li { color:#eaebe3; line-height:16px; font-size:100%; } div#main ul.list1 li span { font-size:140%; } /*---- Main ----*/ div#content h1{ font-size:260%; color:#798238; line-height:24px; font-weight:normal; margin-bottom:45px;} div#main h2{ font-size:190%; color:#dfe4bd; line-height:26px; font-weight:normal; margin-bottom:26px;} div#main h3{color:#dfe4bd; font-size:160%; line-height:19px; margin-bottom:26px;} div#main p{margin-bottom:24px; color:#8f9181; font-size:140%; line-height:19px;} div#main p span strong { color:#c6db30; font-size:115%; } div#main p.highlight { color:#dfe4bd; font-size:190%; } div#main dt.toggler { cursor:pointer; font-size:160%; line-height:1.2em; font-weight:bold; margin-bottom:5px; } div#main dd.element { margin-bottom:10px; } div#main ul{margin-bottom:24px;} div#main ul li{color:#cdd0b5; font-size:140%; line-height:25px; list-style:square; list-style-position:inside;} div#main h1 a{text-decoration:none;} div#main a{ color:#8f9181; text-decoration:underline;} div#main a:hover{text-decoration:none;} div#main div.investors h3{ margin-bottom:0px;} div#main p.interest a{ text-decoration:none;} /*---- Sidebar ----*/ div#sidebar p.contact span { font-weight:bold; color:#fff; } div#sidebar blockquote {background:url(../images/content/blockquote.gif) no-repeat left 0px; padding:10px 0 0 20px; } div#sidebar blockquote p { color:#fff; font-size:140%; line-height:1.4em; margin-bottom:5px; } div#sidebar cite { color:#fff; font-size:130%; line-height:1.3em; font-weight:bold; } div#sidebar div.box{ background-color:#b0b493; padding:3px; margin-bottom:12px;} div#sidebar div.box img{vertical-align:bottom;} div#sidebar div.box1{background-color:#4e5617; padding:30px 20px 30px 24px;} div#sidebar div.box1 h2{ font-size:170%; color:#fff; line-height:24px; margin-bottom:30px;} div#sidebar div.box1 ul li{ color:#b0b493; font-size:130%; line-height:19px; list-style:square; list-style-position:inside; margin-bottom:28px;} /*---- Footer ----*/ div#footer div.copyright-info{ float:left; color:#444441; font-size:120%; line-height:14px;} div#footer div.copyright-info a{ color:#444441;} div#footer div.designer { text-align:right;} div#footer div.designer a{ font-size:90%; color:#7d8261; text-transform:uppercase;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Flash ----*/ div#flash{background:url(../images/flash/flash-bg.jpg) left top repeat-x;} /*---- Members ----*/ div#members{ float:right; width:540px; } div#members ul{width:100%; overflow:hidden;} div#members ul li{ float:left;} /*---- Addresses ----*/ body#home div#addresses{ background:none; float:left; } body#home div#addresses div.wrapper { width:400px; } div#addresses{ background:#0c0d08;} div#addresses div.wrapper{ padding:25px 0px;} div#addresses div.location{ float:left; width:157px; } div#addresses div.location.first{padding-top:0px;} div#addresses h4{font-size:120%; color:#d5d7cd; line-height:17px;} div#addresses p{font-size:120%; color:#7d8261; line-height:17px;} div#addresses a{text-decoration:underline; color:#B5B9A2;} div#addresses a:hover{text-decoration:none;} div#addresses p strong{ color:#b5b9a2; } /*------------------------------------------ // 5 CONTACT PAGE SPECIFIC STYLES //------------------------------------------*/ div#main div.location{border-bottom:1px solid #4e5617; padding-bottom:28px; margin-bottom:34px;} div#main div.location h2{ font-size:170%; color:#fff; line-height:25px; margin-bottom:0px;} div#main div.location h3{ font-size:140%; color:#e7ebcb; line-height:25px; margin-bottom:0px;} div#main div.location p{ color:#8f9181; font-size:140%; margin-bottom:3px;} div#main div.location p strong { color:#e2e6c3;} div#main div.location a{color:#8f9181; text-decoration:underline;} div#main div.location dl{width:100%; overflow:hidden;} div#main div.location dl dt{ color:#8f9181; font-size:140%; line-height:25px; float:left; width:144px;} div#main div.location dl dd{ color:#8f9181; font-size:140%; line-height:25px; float:left; width:472px;} div#main div.location dl dd span{color:#e3e7c4;} /*------------------------------------------ // 6 NEWPROJECTS PAGE SPECIFIC STYLES //------------------------------------------*/ ul.cities { margin-left:95px; } ul.cities li { display:inline; color:#779e03; font-size:160%; padding:0px 5px; line-height:2em;} ul.cities li a { color:#779e03; text-decoration:none; } ul.cities li a:hover { text-decoration:none; } /*---- Layout ----*/ div.layout { width:308px; float:left; margin:0px 22px 116px 0px;} div.layout p{font-size:140%; color:#9fa28c; line-height:21px; margin-bottom:24px;} /*---- Projects ----*/ div#projects{padding-left:30px;} div#projects ul li { float:left; margin:0px 5px 25px 0;} div#projects ul li img { border:#3b3e2e 2px solid; margin-bottom:10px; } div#projects ul li a.enlarge { color:#a6ac88; font-size:140%; line-height:1.2em; text-decoration:none; } div#projects ul li a.enlarge img { border:none; margin-right:10px; margin-bottom:0px; } /*---- Inquiry Form ----*/ div.inquiry_form p { color:#ffffff; } div.inquiry_form a.close { margin-left:10px; } div.inquiry_form table th { text-align:left; font-weight:normal; vertical-align:top; } div.inquiry_form table th label { color:#ffffff; font-size:130%; font-family:Arial, Helvetica, sans-serif; display:block; margin-bottom:20px; margin-right:10px; } div.inquiry_form table td { color:#fff; } div.inquiry_form table td input.textbox { background:#e4e6d4; width:230px; border:none; padding:2px; font-size:130%; } div.inquiry_form textarea { background:#e4e6d4; border:none; margin:0 0px 20px 0; width:100%; font-size:130%;} div.inquiry_form label { color:#ffffff; font-size:130%; font-family:Arial, Helvetica, sans-serif; display:block; margin-bottom:5px; } div.inquiry_form input.submit { clear:both; margin-right:10px; vertical-align:middle; } /*------------------------------------------ // 7 DOWNLOADS PAGE SPECIFIC STYLES //------------------------------------------*/ div#main ul#category{width:100%; overflow:hidden;} div#main ul#category li{ list-style:none; list-style-position:outside; } div#main ul#category li input { margin-right:5px; } div#main div.report-form label{display:block; margin-bottom:6px;} div#main div.report-form input.textbox{width:160px;} div#main div.report-form select{width:175px;} div#main div.report-form textarea{width:300px;} /*------------------------------------------ // 8 TESTIMONIALS PAGE SPECIFIC STYLES //------------------------------------------*/ div#main blockquote{ color:#8f9181; font-size:140%; margin-bottom:14px; line-height:21px;} div#main cite{ text-align:right; font-size:140%; color:#e7ebcb; line-height:25px; display:block; margin:0px 10px 30px 0px;} /*------------------------------------------ // SEO bottom body text //------------------------------------------*/ #htext { padding-top:220px;width:946px;margin:0 auto;color:#7D8261;font-size:11px } #btext { padding-top:5px;width:946px;margin:0 auto;color:#7D8261;font-size:11px } /*------------------------------------------ // Selling Page //------------------------------------------*/ div#content div.selling h1 { margin-bottom:30px; } div#content div.selling p { color:#b9bd9c; } div#content div.features { margin-bottom:24px; } div#content div.features p { margin-bottom:0; color:#eaebe3; } div#sidebar p.contact { margin-top:-70px; position:relative; font-size:220%; color:#7c8826; line-height:22px; margin-bottom:25px; }