/*
-----------------------------------------------
ACC 
Author:www.imaginet.co.uk
Version:25 July 2008 
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#19809d;
   text-decoration:none;
}
a:hover {
   color:#19809d;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   margin:0.2em 0 1em 0;
   line-height:1.8em;
}
ul {
   list-style-type:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}


/* Page Structure
----------------------------------------------- */

html body {  
   background:#1c1b19 url("graphics/bg01.gif") repeat-x 0 0;
   color:#000;
   text-align:center;
   font:81.25% Verdana, Sans-serif;
   margin:0 0 0 0;
}

#homebg {
   width:100%;
   background:#2e8fab url("graphics/home_bg.gif") repeat-x 0 0;
}

#homebg_small {
   width:100%;
   background: url("graphics/home_strip_small.gif") repeat-x 0 0;
}


/* Masthead
----------------------------------------------- */

#masthead {
   width:930px;
   margin:0 auto;

}
#masthead .col {
   padding:0px 0px 27px 0px;
   
}

#logo {
   float:left;
   width:188px;
   padding:30px 0 0 0;
}   
   

/* Top Nav
----------------------------------------------- */


#topnav {
   float:right;
   font-size:1.1em;
   font-weight:bold;
   width:742px;
   text-align:right;
   margin:0 auto;
}
#topnav a {
   color:#fff;
}
#topnav .col {
   padding:70px 10px 0 0px;

}

#topnav .active a {
   color:#2e90ac;
   text-decoration:none;
}

#topnav a:hover {
   color:#2e90ac;
   text-decoration:none;
}

#topnav ul {
   list-style:none;
}

#topnav ul li {
   display:inline;
   margin:0 0 0 12px;
}

.pagenav {
  background-colour:#f00;
  padding:5px 0 10px 0;
}  
  
  
/* Leftnav
----------------------------------------------- */


#leftnav {
   width:198px;
   float:left;
}
#leftnav ul li {
   width:198px;
}
#leftnav ul li a {
   display:block;
   background: url("graphics/nav_grey.gif") no-repeat;
   color:#fff;
   font-size:1.1em;
   font-weight:bold;
   text-decoration:none;
   padding:15px 0 25px 20px;
}
#leftnav ul li a:hover {
   background-image:url("graphics/nav_blu.gif");
   color:#fff;
}
#leftnav ul li a.active {
   background-image:url("graphics/nav_blu.gif");
   color:#fff;
}



/* Page
----------------------------------------------- */

#content {
   background-color:#bebebe;
   width:100%;
   margin:0 auto;
}

#page {
   background-color:#bebebe;
   width:930px;
   text-align:left;
   margin:0 auto;
}
#page .col {
   padding:30px 20px 0px 20px;

}
#page_list {
   background-color:#bebebe;
   text-align:left;
   width:930px;
   margin:0 auto;
}
#page_list .col {
   padding:30px 10px 30px 10px;   
   
}
#listing {
   width:680px;
   float:right;
   padding:10px 0 0 0;

}
#main {
  width:850px;
  text-align:left;
  margin:0 auto;

}
#main .col {
   padding:0px 30px 30px 30px;  

}
#home-text {

}
#home-text .col {
   padding:0px 25px 0px 25px;

}
#home-text-l {
   width:390px;
   float:left;

}
#home-text-r {
   width:390px;
   float:right;

}
#home-left {
   width:445px;
   float:left;
   padding:0 0 25px 0;

}
#home-right {
  width:445px;
  float:right;
  padding:0 0 25px 0;

}


/* Project Listing 
----------------------------------------------- */

.project_list {
   line-height:1.9em;
   text-decoration:none;
   padding:8px 0px 13px 0px;
}

.project_list img {
   float:right;
   margin:0px 0px 0px 15px;
}

/* Forms
----------------------------------------------- */   
   
#form {
   width:600px;
   background:#c6c6c6;
   padding:10px 0 10px 10px;
   margin-bottom:8px;
}
#form table {
   padding:0 0 0 10px; 
}
#form table td {
   color:#000;
   padding:8px;
   text-align:left;  
}
#form label {
   color:#656d7d;
}
#form input.border1 {
   background:#fff;
   border:1px #c4c6ca solid;
   font-family:Verdana;
}
#form span {
   font-size:1.2em;
   color:#000;
   font-weight:bold;
}




/* Footer
----------------------------------------------- */

#footer {
   background:#1c1b19 no-repeat center 0;
   width:100%;
   height:80px;
   background-color:#1c1b19;
   color:#8e8e8e;
   font-size:85%;
   margin:0 auto;
   padding:30px 0 30px 0;

}
#footer_content {
   width:930px;
   margin:0 auto;
   
}   
#foot-l {
  width:140px;
  float:left;
  text-align:right;
} 
#foot-r {
  width:790px;
  padding:16px 0 0 0;
  float:right;
} 

/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left1, img.right1 {
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:none;
}


/* Content
----------------------------------------------- */

hr {
   border-color:#adadac;
   border-style:solid;
   border-width:1px 0 0 0;
}
h1 {
   color:#34322d;
   font-size:1.4em;
   font-weight:bold;
   line-height:1.4em;
   margin:0 0px 1px 0px;  
}
h2 {
   color:#19809d;
   font-weight:bold;
   font-size:1.1em;
   line-height:1.0em;
   padding:5px 0px 7px 0;    
}
h3 {
   color:#34322d;
   font-size:1.1em;
   font-weight:bold;
   line-height:1.4em;
   padding:0 0 3px 0;
}
h4 {
   color:#34322d;
   font-size:1.0em;
   font-weight:bold;
   line-height:1.4em;
   padding:2px 0 5px 0;
}   
#page ul {
   padding:5px 0px 5px 25px;
   margin:0;
}
#page ul li {
   background:url("graphics/bullet.gif") no-repeat 0px 4px;
   padding:1px 0px 5px 25px;
   margin:0;
}   
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}
#page a {
   font-weight:bold;
   text-decoration:underline;
}