/* -------------------------------------------------------------- 
  
Nicola Bowker - Layout CSS
22/01/2009
   
-------------------------------------------------------------- */

body { font: 100% Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #000000; background: #e9e9e9 url(../images/bgrepeat.jpg) repeat-x; }

a {text-decoration:none; color: #0066FF;}
a:hover{text-decoration:underline; color:#54075B; }

#container-home { width: 900px; margin: 0 auto; text-align: left; background:#ffffff url(../images/container-bg-home.gif) repeat-y; }
#container { width: 900px; margin: 0 auto; text-align: left; background:#ffffff url(../images/container-bg.gif) repeat-y; }

#header { height:160px; width:900px; display:block; background:#ffffff url(../images/header-bg.gif) no-repeat; }

/*H1 - used for logo*/
h1 { float:left;margin:0; display:block; width:479px; height:160px; text-indent:-9009px; background:transparent url(../images/logo.gif) no-repeat 0 0; }
h1 a {display:block; width:479px; height:160px; outline:none; }

#nav { height:40px; width:900px; display:block; background:#54075b url(../images/nav-bg.gif) no-repeat; }
#banner{ height:174px; width:900px; display:block; background:#54075b; }

#mainContent { float:left; width:539px; padding:30px 30px 20px 30px; }
#mainContent p{ font-size:0.75em; line-height:1.5em; padding-bottom:20px; }
#mainContent h2{ font-family: Arial, Helvetica, sans-serif; font-weight:100; font-size:1.6em; padding-bottom:2px; color:#54075B; }
#mainContent h3{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:1em; padding-bottom:2px; color:#54075B; }

#login{ width: 500px; padding:20px 20px 0 20px; background-color:#f3f3f3; margin: 20px 0 0 0; border:#ccc 1px solid;}
#login p{ padding:0 0 20px 0;}

#sidebar { float:right; width: 241px; padding:30px 30px 0 30px; }
#sidebar p{ font-size:0.75em; line-height:1.5em; padding-bottom:10px; }
.foLogo{ margin:30px 0 20px 0; }

#servicelist{ padding-left: 0; margin-left: 0; border-bottom: 1px solid #b8b8b8; }
#servicelist li{ list-style: none; margin: 0; padding: 10px 0 10px 0; border-top: 1px solid #b8b8b8; font-size:0.6em; line-height:1.5em; }

#services{ margin-bottom:30px; }
#services li{ list-style:square; margin: 0 0 0 16px; padding: 5px 0 5px 0; font-size:0.8em; line-height:1em; color:#54075B; }

#footer { padding: 0 30px 0 30px; height:60px; margin:0; background: #54075B; } 
#footer p { margin-top: 15px; padding: 10px 0; font-size:0.6em; color:#FFFFFF; line-height:1.5em; }
#footer a{ color:#FFFFFF; text-decoration:none; }
#footer a:hover{ color:#FFCC00; text-decoration:none; }

/*Float Objects*/
.fltrt { float: right; }
.fltlft { float: left; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/*CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*Navigation*/
#navcontainer ul { padding-left: 10px; margin-top:10px; float: left; width: 800px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:0.75em; }
#navcontainer ul li { display: inline; }
#navcontainer a { padding: 0.2em 2em; color: #fff; text-decoration: none; float: left; border-right: 1px solid #974c9c; }
#navcontainer a:hover { color: #FFCC00; }
#active a { color: #FFCC00; }