/* @group NOTES ====================================================================== ---------------------- Colours:---------------------- Blue #4A93B9 Grey Dark:#2B2C2E Grey Mid: #6B707C Grey Txt Light: #8F949E Grey Txt Mid: #565A63 ====================================================================== */ /* @group RESET ----------------------------------------------------------------------*/ /* based on the master;Eric Meyer's reset:http://meyerweb.com/eric/tools/css/reset/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}a{outline:none;text-decoration:none}fieldset{border:1px solid transparent;} /* @group TYPE ----------------------------------------------------------------------*/ body {font:62.5%/1.6 "Trebuchet MS", Tahoma, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;} a {color:#B11041} a:hover {color:#CF124A} a:active {color:#B11041} /* @group HELPERS ----------------------------------------------------------------------*/ .floatleft {float:left} .floatright {float:right} .nolabel {display:none;} .clearMeFocus {} /* @group STRUCTURE ----------------------------------------------------------------------*/ body {background:#2B2C2E;} /*#wrap {margin:0 auto;max-width:95%;text-align:left;width:88em;}*/ #headerwrap {background:#000;width:100%;height:110px;} #header {position:relative;margin:0 auto;max-width:95%;text-align:left;width:88em;} #mainwrap {float:left;background:#4A93B9 url(../img/homebg.jpg) 50% top no-repeat;width:100%;} #main {margin:0 auto;max-width:95%;text-align:left;width:88em;position:relative;} /*#left {float:left;width:24%;}*/ #primary {display:inline;float:right;width:100%;} #subwrap {background:#000;float:left;width:100%;color:#565A63} #sub {margin:0 auto;max-width:95%;text-align:left;width:88em;} #sub .subcontent {float:left;position:relative;margin:30px 0 40px 0;font-size:1.4em;width:100%;line-height:1.2em;} #sub .subcontent .subcommentary {width:40%;margin-top:24px;} #sub .subcontent .subcommentary .commentary h2 a {font-size:1.6em;line-height:1.2em;color:#fff} #sub .subcontent .subcommentary .commentary h2 a:hover {color:#4A93B9} #sub .subcontent .subcommentary .commentary p {color:#969AA5;font-size:.8em;line-height:1.8em;} #sub .subcontent .subcommentary .subcommentarynav {position:absolute;bottom:0px;padding:0 0 0 40px;} #sub .subcontent .subcommentary .subcommentarynav a {color:#60646F;font-size:1em;font-weight:bold;} #sub .subcontent .subcommentary .subcommentarynav a:hover {color:#fff;} #sub .subcontent .subcommentary .subcommentarynav a.subcommentaryup {display:block;position:absolute;bottom:2px;left:0px;height:12px;width:14px;background:url(../img/arrow_sprite_black.gif) 0px -13px no-repeat;text-indent:-9000px;outline:none;margin:0 6px 0 0;} #sub .subcontent .subcommentary .subcommentarynav a.subcommentaryup:hover {background:url(../img/arrow_sprite_black.gif) 0px -39px no-repeat;} #sub .subcontent .subcommentary .subcommentarynav a.subcommentarydown {display:block;position:absolute;bottom:2px;left:18px;height:12px;width:14px;background:url(../img/arrow_sprite_black.gif) 0px 0px no-repeat;text-indent:-9000px;outline:none;margin-right:6px;} #sub .subcontent .subcommentary .subcommentarynav a.subcommentarydown:hover {background:url(../img/arrow_sprite_black.gif) 0px -26px no-repeat;} #sub .subcontent .subaddress {margin-left:30px;text-align:right;} #sub .subcontent .subaddress h1 {font-size:1.2em;line-height:1.2em;} #sub .subcontent .subaddress h2 {font-size:2.0em;line-height:1.2em;color:#fff;font-weight:bold;} #sub .subcontent .subaddress a {font-weight:bold;color:#fff;line-height:1.4em;} #sub .subcontent .subaddress a:hover {font-weight:bold;color:#4A93B9;} #footerwrap {float:left;width:100%;} #footer {margin:0 auto;max-width:95%;text-align:left;width:88em;} #footer .footercontent {margin:20px 0;font-size:1.2em;color:#8F949E;} #footer .footercontent a {font-weight:bold;color:#8F949E;} #footer .footercontent a:hover {color:#fff;} /* @group TOP ----------------------------------------------------------------------*/ #header #logo h1 {position:absolute;top:60px;left:0px;text-indent:-9000px;background:url(../img/logo_top_left.gif);width:260px;height:17px;} #header #topnav {position:absolute;top:56px;right:-14px;} #header #topnav ul {font-weight:bold;} #header #topnav ul li {float:left;position:relative;list-style:none;} #header #topnav ul li a {display:block;margin:0 1px 0 1px;padding:3px 14px;line-height:1.8em;font-size:1.4em;color:#fff;} #header #topnav ul li a:hover {color:#4A93B9;} #header #topnav ul li a.active {color:#1F2B33;} #header #topnav ul li a.active:hover {color:#3E4C54;} #header #topnav .login {color:#8F949E;} #header #topnav .login:hover {color:#fff;} #header #toplogin {position:absolute;right:0px;top:87px;color:#8F949E;background:#000;padding:20px;font-size:1.1em;line-height:2em;font-weight:bold;display:none;z-index:100;} #header #toplogin a.close {display:block;position:absolute;bottom:16px;right:10px;height:12px;width:14px;background:url(../img/arrow_sprite_black.gif) 0px -13px no-repeat;text-indent:-9000px;outline:none;margin:0 6px 0 0;} #header #toplogin a.close:hover {background:url(../img/arrow_sprite_black.gif) 0px -39px no-repeat;} #header #toplogin .logintext {width:160px;border:2px solid #8F949E;padding:8px;line-height:1em;} #header #toplogin .logintextactive {width:160px;border:2px solid #4A93B9;padding:8px;line-height:1em;} #header #toplogin .loginbutton {width:60px;height:26px;border:0;margin: 10px 0 0 0;} /* @group LEFT ----------------------------------------------------------------------*/ #left {float:left;} #left .leftwrap {padding:20px;} #left .leftwrap .subaddress {margin-left:30px;text-align:right;} #left .leftwrap .subaddress h1 {font-size:1.2em;line-height:1.2em;} #left .leftwrap .subaddress h2 {font-size:2.0em;line-height:1.2em;color:#fff;font-weight:bold;} #left .leftwrap .subaddress a {font-weight:bold;color:#fff;line-height:1.4em;} #left .leftwrap .subaddress a:hover {font-weight:bold;color:#4A93B9;} /* @group LEFT ----------------------------------------------------------------------*/ #right {float:right;width:200px;} #right .rightwrap {padding:20px;} #right .rightwrap .subaddress {margin-left:30px;text-align:right;} #right .rightwrap .subaddress h1 {font-size:1.2em;line-height:1.2em;} #right .rightwrap .subaddress h2 {font-size:2.0em;line-height:1.2em;color:#fff;font-weight:bold;} #right .rightwrap .subaddress a {font-weight:bold;color:#fff;line-height:1.4em;} #right .rightwrap .subaddress a:hover {font-weight:bold;color:#4A93B9;} /* @group HOME ----------------------------------------------------------------------*/ .homeimg {position:absolute;height:279px;width:366px;margin:0;padding:0;top:-98px;right:94px;z-index:99;background:url(../img/home_girl.jpg) no-repeat;} .hometext {height:158px;margin:80px 0 0 0;line-height:2.4em} .hometext h1 {color:#000;font-size:3.6em;font-weight:bold;margin:0 0 10px 0;} .hometext h2 {color:#fff;font-size:2.6em;font-weight:bold;margin:0 0 10px 0;} /* @group PRIMARY ----------------------------------------------------------------------*/ #primary {} #primary .primarywrap {padding:20px;background:#fff;width:96%;} #primary .primarywrap h1 {display:block;font-size:2em;line-height:1.4em;font-weight:bold;padding:0;margin:10px 0 0 0;} #primary .primarywrap h2 {display:block;font-size:1.6em;line-height:1.4em;font-weight:bold;padding:0;margin:10px 0 0 0;} #primary .primarywrap p {margin:10px 0;line-height:1.4em;font-size:1.4em;} #primary .quote {float:right;width:200px;padding:20px;margin:4px 0;line-height:1.4em;font-size:1.3em;background:#8F949E;color:#fff;} /* @group OVERRIDES ----------------------------------------------------------------------*/ .clearbothnow {clear:both;} .clearleftnow {clear:left;} .clearrightnow {clear:right;} .clearafter:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearleft:after {content:".";display:block;height:0;clear:left;visibility:hidden;} .clearright:after {content:".";display:block;height:0;clear:right;visibility:hidden;} /* )\ ¸.·´¯`·.´¯`·.¸¸.·´¯`·. )>(~(º> (/ */