/* Site Colours --------------------------- Geo Green #566c11 Geo Dark Green #566c11 Orange #ff6600 Geo Background Blue #2e0d72 --------------------------- Light Mud #bebdab Mud #706f5a Dark Mud #262626 */ /* @group Shortcuts */ .fl{float:left;} .fr{float:right;} .clr{clear:both;} .di{display:inline;} .db{display:block;} .dn{display:none;} .pa{position:absolute;} .pr{position:relative;} .mt{margin-top:15px;} .mb{margin-bottom:15px;} .m15 {margin:15px;} .hand{cursor:pointer;_cursor:hand;} strong{font-weight:bold} em {font-style: italic;} .mb5 {margin-bottom:5px;} /* @end */ /* @group Elements */ body {background:#c1c1c1;color:#222;font-family:Arial, sans-serif;font-size:12px; } h1, h2, h3, h4, h5, h6 {color: #566c11;} h1 {font-weight: bold; font-size:16px; margin-bottom: 10px;} h2 {font-size: 20px;} h3 {font-size: 16px;} a { color: #7da52e;} a:visited { color: #7da52e;} a:hover {color: #566c11;} ol {list-style-type: decimal; margin: 0 0 0 25px;} #content-container #right ul, #content-container #right ol {margin: 2px 5px;} #content-container #right ul li, #content-container #right ol li {margin: 10px 25px; color: #666;} #content-container #right ul li { list-style-type: circle; } #content-container #right ol li { list-style-type: decimal; } input[type='text'] {width: 300px;} #contact-form input[type="text"] {border:1px solid #566C11;margin:3px 0 5px;padding:5px;} #contact-form #phone_areacode, #contact-form #phone_part1, #contact-form #phone_part2 {width: 50px;} /* @end */ /* @group Structuce */ #skip {display:none;} #container {width: 960px; margin: 0px auto;} #header { width:960px;background:#fff;} #header #logo { height: 95px;background:#fff url('../images/header_bg01.jpg') no-repeat;} #header #logo a#homelogo { height: 95px; width: 280px; display: block; float: left;} #banner { height: 182px; border-top: 0px solid #f60; border-bottom: 0px solid black;} #footer { margin: 20px 0px; font-size: 10px; color: #fff; } /* @end */ /* @group Content */ #content-container { background:#fff url('../images/sidebar01.jpg') no-repeat left bottom; border-bottom: 10px solid #566c11; min-height: 400px;} #content-container #left { width: 204px; padding: 20px 10px; color: #566c11;} #content-container #left h2 { font-weight: bold; font-size:12px; } #content-container #right { padding: 20px 0px; width: 635px; margin-right:55px; background: #fff; } #content-container #right h2 { font-weight: bold; font-size:16px; } #content-container p { margin: 5px 0 15px; line-height:24px; color: #666; } /* @end */ /* @group Navigation */ #nav {margin-right: 35px;} #nav li a {display:block; text-decoration:none; text-transform: uppercase; background: #fff url(../images/main_nav.png) no-repeat; width: 126px; height: 50px; text-align: center; text-indent: -9999px;} #nav li {float:left;} #nav li#home a {background-position: -0px 0; width: 150px; } #nav li#home a:hover, #nav li#home.selected a {background-position: -0px -51px; width: 150px; } #nav li#about-us a {background-position: -150px 0;} #nav li#about-us a:hover, #nav li#about-us.selected a {background-position: -150px -51px;} #nav li#services a {background-position: -276px 0;} #nav li#services a:hover, #nav li#services.selected a {background-position: -276px -51px;} #nav li#projects a {background-position: -402px 0;} #nav li#projects a:hover, #nav li#projects.selected a {background-position: -402px -51px;} #nav li#resources a {background-position: -528px 0; width: 150px;} #nav li#resources a:hover, #nav li#resources.selected a {background-position: -528px -51px; width: 150px;} /* @end */ /* @group Sub Navigation */ #left h2 { margin:0 auto;} #left h2, .subnav { width: 150px; margin: 0 auto 3px;} #left h2 { margin-top:10px;} .subnav {margin-bottom: 20px;} .subnav li {margin:0 10px 3px 25px; list-style-type:circle;} .subnav li a {color: #566c11; display:block;padding:1px 0; text-decoration: none;} .subnav li a:hover { color: #566c11; text-decoration: underline;} .subnav li.selected a {color:#566c11; font-weight: bold;} /* @end */ /* @group Secondary Navigation */ #secondary-nav {height:31px;} #secondary-nav a {display:block;text-decoration:none;} #secondary-nav li a {padding:0;font-weight:bold;color:#566c11;height:31px;background: #fff url(../images/secondary_nav.png) no-repeat;text-indent: -9999px; } #secondary-nav li {float:left;} #secondary-nav li#search {height: 31px; background: #fff url(../images/secondary_nav.png) no-repeat; background-position: -0px 0; width: 179px;} #secondary-nav li#search input {border:0 none;margin-left:19px;margin-top:8px;width:90px;} #secondary-nav li#contact-us a {background-position: 0px 0; width: 71px; } #secondary-nav li#contact-us a:hover, #secondary-nav li#contact-us.selected a {background-position: 0px -31px;} #secondary-nav li#sitemap a {background-position: -71px 0; width: 70px; } #secondary-nav li#sitemap a:hover, #secondary-nav li#sitemap.selected a {background-position: -71px -31px;} #secondary-nav li#login a {background-position: -141px 0; width: 116px; } #secondary-nav li#login a:hover, #secondary-nav li#login.selected a {background-position: -141px -31px;} /* @end */ /* @group Sidebar */ #sidebar-logo { background:transparent url(../images/logo-small.png); height: 45px; width: 203px ;} #sidebar-tagline { margin:15px 0 50px 0;color: #f60; font-weight: bold; font-style: italic;} #sidebar-contact-details {width:150px; margin: 0 auto;} #sidebar-contact-details .suffix {font-size: 10px;} #sidebar-image { margin: 20px 0; background: url(../images/sample_image.jpg); height: 300px; width: 200px;} .contact-detail {margin: 5px 0 10px;} /* @end */ /* @group Projects */ #content-container #right #projectspage { padding: 0px;} #content-container #right .project { width: 510px; } #content-container #right .project-container { width: 600px; margin: 0 auto 20px; padding: 5px; border-bottom: 1px solid #999;} #content-container #right h2.project-title { font-size: 16px; margin: 0 0 10px;} .subnav.projects_nav li {margin-bottom: 5px; margin-top: 5px;} /* @end */ /* @group Tutorial */ #content-container #right #resources { padding: 0px;} #content-container #right .tutorial { width: 510px; } #content-container #right .tutorial-container { width: 600px; margin: 0 auto 20px; padding: 5px; border-bottom: 1px solid #999;} #content-container #right h2.tutorial-title { font-size: 16px; margin: 0 0 10px;} /* @end */ /* @group Resources */ #content-container #right #resourcespage { position: relative;} #content-container #right #resourcespage img { position: relative; margin:0 auto;} #content-container #right .section { position: absolute; width: 100px; text-align:center;} #content-container #right #links { top: 100px; left: 200px; } #content-container #right #tutorials { top: 100px; right: 200px; } #content-container #right .link-container { margin: 10px 0 10px; } #content-container #right .link-container h3 { margin: 0px 0 1px; } /* @end */ /* @group Contact Us */ #error {color:#ff0000;} #contact-form li { margin: 1px 0 0;} /* @end */ /* @group Form Elements */ input {margin:0;padding:0;} input.short {width: 100px;} input.medium {width: 250px;} input.long {width: 400px;} input.xlong {width: 520px;} input.regular {border:1px solid #999;background:#fff;padding:3px;font-size:13px;} input.btn, button {background:#003561 url(../images/btn_regular_bg.png) repeat-x;color:#222;font-size:12px;border:1px solid #003561;padding:4px 15px 3px;margin-right:5px;} button {padding:3px 10px 3px;display:block;cursor:pointer;} button em {font-style:normal;} input.href {text-decoration:none;color:#00aeef;border:0;background:transparent;margin:0;padding:0;font-size:11px;} input.href:hover {text-decoration:underline;} input.xsmall {width:50px;} input.time {width:30px;margin-right:3px;border:1px solid #999;background:#fff;padding:3px;font-size:13px;} select {width:200px;} select.date {width:auto;margin-right:5px;} ul.data_list li {padding:3px 0;} form li {padding-bottom: 5px; overflow:hidden;} .separator {border-bottom: 1px dashed #cdcdcd; margin: 10px 0; } /* @end */ /* @group List sitemap */ #sitemap_page {} #sitemap_page li {margin: 10px 0;} .sitemap_sub {margin: 0 0 0 20px;} .sitemap_sub li {list-style-type: circle;} /* @end */