/* * { outline: solid thin; }*/ /*-------------------------------------------general stuff----------------------------------*/ *{margin: 0; padding: 0;}/* universal declaration...sets 0 margins in firefox between divs */ html, body {height: 100%;} html { margin-bottom: 1px; }/*forces a scrollbar in FF etc - saving the page jump*/ body { font-family: Tahoma,Helvetica,sans-serif; font-size: 75%; color: black;/*IE5 workaround to center content*/ background: #808284; url("../images/bg.gif") repeat;} #wrapper{position: relative; margin: 0 auto; width: 800px; background:#fff;padding:0 10px 10px 10px; } img#logo{float:right; padding:10px 30px 10px 0;} #date{font-size:80%;color:#999;padding:40px 0 0 60px;} br.clear{clear:both;} p{padding:0 0 15px;} /*-----------------------------------navigation-------------------------------*/ #navigation {float:left; background:#fff url("../images/nav_bg.gif") no-repeat; height:22px;width:800px; margin:0;} #navigation li { float:left; text-align:center;list-style-type:none; text-transform:uppercase; font-size:80%;} a#page{ display:block; text-decoration:none;height:18px; color:#fff;padding:4px 10px 0 10px;background:#000;} #navigation a { display:block; text-decoration:none;height:18px; color:#fff;padding:4px 10px 0 10px; } #navigation a:hover{background:#000;} /*-------------------------------- sub-navigation-------------------------------*/ #subnavigation ul#corporate_ul {position:absolute;top:125px;left:126px;*left:59px;/*ie7 hack*/} #subnavigation ul#services_ul {position:absolute;top:125px;left:59px;*left:183px;/*ie7 hack*/} #subnavigation li { float:left; text-align:center;list-style-type:none; text-transform:uppercase; font-size:80%;background:#A6A8AB;} a#subpage{ display:block; text-decoration:none;height:18px; color:#fff;padding:4px 10px 0 10px;background:#666;} #subnavigation a { display:block; text-decoration:none;height:18px; color:#fff;padding:4px 10px 0 10px; } #subnavigation a:hover{background:#666;} /*----------------------------------homepage-----------------------------------*/ #homepage_blue{width:750px; background:#bcbec0;padding:40px 0 45px 50px; margin-top:-5px;} #homepage_blue #column_one{width:200px; float:left; padding-right:50px; padding-top: 60px;} #homepage_blue #column_two{width:430px;float:left;padding-right:40px;color:#000; padding-left: 20px;} /*#homepage_blue #column_three{width:150px;float:left;}---Erased by LWD 3/2/10*/ /*----------------------------------corporate-----------------------------------*/ #corporate{width:800px; background:url("../images/corporate_bg.gif") repeat-y; } #corporate #column_one{width:300px; float:left;} #corporate #column_two{width:290px;float:left;padding:70px 0 80px 15px;} #corporate #column_two p{color:#000; width:270px;line-height:150%;} #corporate #column_three{width:170px;float:right;padding:75px 15px 0 0;} #corporate #column_three p{font-size:80%;width:150px;color:#8DD8F8;} #corporate #column_three h2{font-size:90%;color:#000;} #corporate #column_three a{text-decoration:none;color:#000;} #corporate #column_three ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:10px;font-size:90%;line-height:150%;} /*---------------------------------company------------------------------------*/ /*--these styles also control the mission page----*/ #company{width:800px; background:url("../images/corporate_bg.gif") repeat-y;text-align:left;} #company #column_one{width:300px; float:left;} #company #column_one p#cube{font-size:80%;width:200px;color:#000;margin-left:70px;padding-top:10px;} #company #column_one p#cube a{font-weight:bold; color:#000;text-decoration:none;} #company #column_one p#cube img{float:left;padding:0 5px 30px 0;} #company #column_two{width:290px;float:left;padding:70px 0 80px 15px;} #company #column_two p{color:#000; width:270px;line-height:140%;} #company #column_two ul{color:#000; line-height:150%;} #company #column_two ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:5px;} #company #column_three{width:170px;float:right;padding:75px 15px 0 0;} #company #column_three p{font-size:90%;width:150px;color:#000;} #company #column_three h2{font-size:90%;color:#000;text-transform:uppercase;} #company #column_three a{text-decoration:none;color:#000;} #company #column_three ul{color:#000; line-height:140%;} #company #column_three ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:10px;font-size:90%;} /*---------------------------------vision---------------------*/ #vision{width:800px; background:url("../images/vision_bg.gif") repeat-y;text-align:left;} #vision #column_one{width:300px; float:left;} #vision #column_one p#cube{font-size:80%;width:200px;color:#fff;margin-left:70px;padding-top:10px;} #vision #column_one p#cube a{font-weight:bold; color:#fff;text-decoration:none;} #vision #column_one p#cube img{float:left;padding:0 5px 30px 0;} #vision #column_two{width:250px;float:left;padding:70px 0 80px 15px;} #vision #column_two p{color:#000; width:240px;line-height:150%;} #vision #column_two h2{font-size:100%;color:#000;text-transform:uppercase; margin-bottom: 1em;} #vision #column_three{width:190px;float:right;padding:125px 15px 0 0;} #vision #column_three p {float:left; line-height:150%; padding:0 5px 30px 0;} #vision #column_three h2{font-size:100%; text-transform:uppercase; margin-bottom: 1em;} #vision #column_three a{text-decoration:none;color:#666;font-weight:bold;} #vision #column_three a:hover{text-decoration:none;color:#003D7E;font-weight:bold;} #vision strong.popHeading{font-family:helvetica,Arial;color:#036; font-size:180%;font-weight:normal;} #floatingbox { position: absolute; top: 440px; left: 40px; width: 230px; } #vision #column_two #floatingbox p { width: 230px; color: #fff; } #vision .valuesimg { float: left; margin-right: 10px; margin-bottom: 5px; } /*---------------------------------our team-----------------------*/ #team{width:800px; background:url("../images/corporate_bg.gif") repeat-y;text-align:left;} #team #column_one{width:300px; float:left;} #team #column_one p#cube{font-size:80%;width:200px;color:#000;margin-left:70px;padding-top:10px;} #team #column_one p#cube a{font-weight:bold; color:#000;text-decoration:none;} #team #column_one p#cube img{float:left;padding:0 5px 30px 0;} #team #column_two{width:290px;float:left;padding:70px 0 80px 15px;} #team #column_two p{color:#000; line-height:150%;} #team #column_two ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:5px;} #team #column_three{width:170px;float:right;padding:75px 15px 0 0;} #team #column_three p{font-size:90%;width:150px;color:#000;} #team #column_three h2{font-size:90%;color:#000;text-transform:uppercase;} #team #column_three a{text-decoration:none;color:#000;} #team #column_three ul{color:#000; line-height:140%;} #team #column_three ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:10px;font-size:90%;} /*---------------------------------services-----------------------*/ #services{width:800px; background:url("../images/services_bg.gif") repeat-y;text-align:left;} #services #column_one{width:490px; float:left;} #services #column_one p {float:left; color:#000; margin-left: 15px; width: 470px;} #services #column_one ul{width: 470px;color:#000; line-height:140%; margin-left: 15px; margin-bottom: 20px;} #services #column_one ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:5px;} #services #column_one #consultancy_buffer{margin-bottom:100px;} #services #column_two{width:210px;float:right;padding:40px 60px 80px 0px;} #services #column_two p{color:#666; line-height:140%;font-size:90%;} #services #column_two p#grey{color:#666;} #services #column_two ul{color:#666;line-height:140%; padding:0; } #services #column_two ul li{list-style-type:disc;margin-left:15px;color:#666;list-style-position:outside;padding-bottom:5px;font-size:90%;} /*-------------------------consultancy------------------------------*/ #consultancy{width:800px; background:url("../images/services_bg.gif") repeat-y;text-align:left;} #consultancy #column_one{width:120px; float:left;} #consultancy #column_one td{color:#fff/*#33CC33*/;font-size:90%;} #consultancy #column_one td strong{color:#fff;font-weight:bold;} #consultancy #column_one td a{color:#fff;font-weight:bold;text-decoration:none;} #consultancy #column_one td.padded{padding:10px;} #consultancy #column_one ul{color:#33CC33; line-height:140%; padding:30px 0 0 250px; width:200px;font-size:90%;} #consultancy #column_one ul li{list-style-type:disc;margin-left:20px;color:#33CC33;list-style-position:outside;padding-bottom:5px;font-size:88%;} #consultancy#column_one ul.normal{color:#fff/*#33CC33*/;line-height:140%; padding:0;width:150px; } #consultancy #column_one ul.normal li{list-style-type:disc;margin-left:15px;color:#fff/*#33CC33*/;list-style-position:outside;padding-bottom:5px;font-size:100%;} #consultancy #column_one #consultancy_buffer{margin-bottom:100px;} #consultancy #column_two{width:170px;float:right;padding:60px 60px 80px 0px;} #consultancy #column_two p{color:#000; line-height:140%;font-size:90%;} #consultancy #column_two p#grey{color:#666;} /*-------------------------strategy------------------------------*/ #strategy{width:800px; background:url("../images/services_bg.gif") repeat-y;text-align:left;} #strategy #column_one{width:490px; float:left;color:#000;} #strategy #column_one p {float:left; color:#000; margin-left: 15px; width: 470px;} #strategy #column_one p.first_para{margin-top: 20px;} #strategy #column_one ul{width: 470px;color:#000; line-height:140%; margin-left: 15px; margin-bottom: 20px;} #strategy #column_one ul li{list-style-type:disc;margin-left:20px;color:#000;list-style-position:outside;padding-bottom:5px;} #strategy #column_two{width:250px;float:right;padding:40px 15px 25px 0px;} #strategy #column_two p{color:#666; line-height:140%;font-size:90%;} #strategy #column_two ul{color:#666;line-height:140%; padding:0; } #strategy #column_two ul li{list-style-type:disc;margin-left:15px;color:#666;list-style-position:outside;padding-bottom:5px;font-size:90%;} #strategy #column_two a img {text-underline: none; border: none;} /*-------------------------------contact-------------------------------*/ #contact{width:800px; background:url("../images/ogma_contact_bg.gif") repeat-y;text-align:left;} #contact #column_one{width:400px; float:left;} #contact #column_one table {margin:10px 0 0 10px;} #contact #column_one td{color:#fff;} #contact #column_one td strong{color:#fff;font-weight:bold;} #contact #column_one td a{color:#fff;font-weight:bold;text-decoration:none;} #contact #column_one input,textarea{background:#ccc;border:none;} #contact #column_two{width:350px;float:left;padding:40px 0 80px 20px;} #contact #column_two p{color:#000; line-height:140%;} #contact #column_two p#grey{color:#666;} #contact #column_two table {margin:10px 0 0 20px;} #contact #column_two td{color:#000; padding-bottom:20px;} #contact #column_two td strong{color:#000;font-weight:bold;} #contact #column_two td a{color:#000;font-weight:bold;text-decoration:underline;} #contact #column_two td a:hover{color:#666;font-weight:bold;text-decoration:underline;} #contact #column_two span.grey{color:#666;} #contact .errors p {color: red;} /*----------------------------------legal-----------------------------------*/ #legal{width:750px; background:#012864;padding:40px 0 40px 50px; margin-top:-5px;} #legal #column_one{width:700px; float:left; padding-right:50px; color: #fff;} #legal h2 { font-variant:small-caps; margin-bottom: 15px; } #legal ol { list-style-type: decimal; list-style-position: inside; } #legal ol ol { list-style-type: lower-roman; margin: 10px 10px 20px 20px; } #legal li { line-height: 140%; margin-bottom: 10px; font-weight: bold; } #legal li li { font-weight: normal; } /*-------------------------------footer---------------------------------------*/ #footer{position: relative; margin: 0 auto; width: 820px;color:#fff; font-size:90%; margin-top: 10px;} #footer table {padding-left: 10px;} #footer table td {vertical-align: top;} #footer p {text-align: center;} #footer a {color: #fff; text-decoration: none;} #footer a:hover {text-decoration: underline;} /*-------------------------------general links---------------------------------------*/ p a {color: #fff; text-decoration: none;} p a:hover {text-decoration: underline;} textarea{font-family: Tahoma,Helvetica,sans-serif; font-size: 75%; color: black;} /*----GENERIC - ADDED BY LWD----*/ .bold {font-weight: bold;} p { line-height: 1.5em; }