@charset "UTF-8";
/* CSS Document */
html 
{
overflow-y: scroll;
}
body
{
margin: 0;
padding: 0;
font: 80% verdana, arial, helvetica, sans-serif;
color:#666666;
background-color: #e2e2e2;
text-align: center;
}
img
{
border:none
}
#container
{
width: 1000px;
margin: auto;
background: #fff;
padding: 0;
text-align: left;
border-left:1px solid #ccc;
border-right:1px solid #ccc;  
border-bottom:1px solid #ccc; 
}
/*Header strip*/
h1 
{
height: 100px;
margin: 0;
padding: 0;
}
/*Hides company name text*/
h1 em 
{
position: absolute;
left: -2000px;
width: 1800px;
}
h2
{
color: #0066cc;
font:2em arial, helvetica, sans-serif;
margin:0px;
padding:0px
}
h3
{
color: #0066cc;
font:1.6em arial, helvetica, sans-serif;
margin:10px 0px;
padding:0px
}

ul.links
{
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
line-height:180%;
}
/*navigation block*/
#nav 
{
color:#fff;
float: left;
width: 150px;
padding-bottom: 100px;
background: #D4E6F7 url(../assets/nav-base.gif) repeat-x 0 100%;

}
hr.nav
{
border:3px solid #D4E6F7;padding:0;margin:0
}
#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#nav li
{
display: inline;

}
#nav li.current
{
background-color:#86abe4;
border-right: 2px solid #ffaa00;
font-family: arial, helvetica, sans-serif;
display: block;
width: 130px;
padding: 7px 10px 7px 10px;
margin-top: 1px/* solid #fff*/;
font-size: 1em;
}
/*navigation links*/
#nav a
{
background-color:#abcdef;
font-family: arial, helvetica, sans-serif;
display: block;
width: 130px;
padding: 7px 10px 7px 10px;
margin-top: 1px/* solid #fff*/;
color:#003399;
text-decoration: none;
font-size: 1em;
}
#nav a:hover
{
background-color:#86abe4 ;
color:#fff;
border-right: 2px solid #ffaa00;
}
#nav li.sub a
{
padding: 7px 10px 7px 25px;
width: 120px;
font-weight: normal;
}
#nav li.sub a img
{
border: none;
}
#nav li.sub a:hover
{
}
#nav li.subcurrent a
{
padding: 7px 10px 7px 20px;
width: 120px;
font-weight: normal;
border-right:solid 3px #880000
}
#nav li.subcurrent a img
{
border: none;
}
/*content*/
* html #content  /*jog 3px for IE only*/
{
margin: 0 17px
}
#content-head
{
font-family: arial, helvetica, sans-serif;
float: left;
width:800px;
margin: 20px 0px 10px 30px;
padding:0px
}
#content-head #head-left
{
float:left;
width:270px;
margin:0px 5px 0px -10px;
}
#content-head #head-centre
{
float:left;
width:260px;
margin:0px 5px;
}
#content-head #head-right
{
float:left;
width:260px;
margin:0px 0px 0px 5px;
}
#content-head h2
{
font-size:1.8em;
padding:0;
margin:0
}
#content-head .toplinks
{
padding:0 0 0 50px;
line-height:180%
}
#head-left a
{
display:block;
width:260px;
height:50px;
background: url(../assets/blue-button2.jpg) no-repeat 0 0;
text-decoration:none;
color:#777
}

#head-left a:hover
{
text-decoration:none;
color:#FF6600;
background-position:0 -40px
}
#head-centre a
{
display:block;
width:260px;
height:50px;
background: url(../assets/jade-button.jpg) no-repeat 0 0;
text-decoration:none;
color:#777
}

#head-centre a:hover
{
text-decoration:none;
color:#FF6600;
background-position:0 -40px
}
#head-right a
{
display:block;
width:260px;
height:50px;
background: url(../assets/purple-button2.jpg) no-repeat 0 0;
text-decoration:none;
color:#777
}

#head-right a:hover
{
text-decoration:none;
color:#FF6600;
background-position:0 -40px
}
/*#content-head h3 img
{
vertical-align:middle
}*/
#content-head p
{
margin-bottom:0
}
#content-head p.blue
{
font:bold 1em Arial, Helvetica, sans-serif;
color:#0066cc;
padding:0 0 0 50px;
margin:-10px 0 10px 0
}
#content-head hr
{
position:relative;
top:5px;
clear:both;
margin-right:20px
}
/*.content-gallery
{
float: left;
width: 840px;
margin: 0px;
padding:0px;
}*/
.content-gallery
{
float: left;
margin: 0;
width: 800px;
padding:0px 10px 30px 30px;
}
.content-gallery .gallery-left
{
clear:both;
float: left;
width: 380px;
margin: 20px 20px 20px 30px;
padding:0px
}
.content-gallery .gallery-right
{
float: left;
width: 370px;
margin: 15px 20px 20px 20px;
padding:0px
}
/*.content-gallery hr
{
position:relative;
top:5px;
clear:both;
margin:0 10px 10px 30px
}*/
.content-gallery hr
{
position:relative;
top:5px;
clear:both;
margin:20px 10px 20px 0px;
}
#content-lcol
{
float: left;
width: 380px;
margin: 0 20px 10px 30px;
padding:0px
}
#content-rcol
{
float: left;
width: 370px;
margin: 15px 20px 30px 0px;
padding:0px
}
#content-lcontact
{
float: left;
width: 300px;
margin: 0 0px 10px 30px;
padding:0px
}
#content-lcontact h3
{
padding:0;
margin:10px 0 0 0
}
#content-lcontact h3 a
{
display:block;
width:120px;
height:40px;
background: url(../assets/blue-button2.jpg) no-repeat 0 0;
text-decoration:none;
color: #0066cc;
}
#content-lcontact h3 a:hover
{
text-decoration:none;
color:#FF6600;
background-position:0 -40px
}
/*#content-lcontact h3 img
{
vertical-align:middle
}
*/
#content-lcontact .email-link
{
padding:0 0 0 50px;
line-height:210%;

}
#content-lcontact .tel
{
display:block;
width:260px;
height:40px;
padding:0 0 0 50px;
line-height:210%;
background: url(../assets/jade-button.jpg) no-repeat 0 0;
}
#content-rcontact
{
float: left;
clear:none;
margin: 0 0 10px 10px;
padding:0px;
width:340px
}
#content
{
float: left;
width: 500px;
margin: 0 20px 10px 20px;
padding:0px
}

#footer
{
font-size:.75em;
clear: both;
background: url(../assets/footer.jpg) no-repeat #fff;
padding: 10px 10px 10px 10px;
margin:10px 0 0 0;
text-align: center;
color:#fff;
}
* html #footer {/*only ie gets this style*/
margin-top:10px;
\height:3px;/* for ie5 */
he\ight:1px;/* for ie6 */
}
#footer p
{margin:0;padding:5px 0 10px 0;font-size:1.1em;color:#fff;background-color:transparent
}
#footer a:link
{
color: #fff;
}
#footer a:visited
{
color: #fff;
}
#footer a:focus
{
color: #fff;
}
#footer a:hover, a:active
{
color:#FF9966;
}
p	
{
color:#666666;
background-color:#fff;
font-size:.95em;
line-height:150%
}
.wee	
{
font-size:.75em;
margin:0;
padding:0
}
a img 
{
border:none;
}
a:link
{
color:#000099;
}
a:visited
{
color:#990099;
}
a:focus
{
color:#000066;
}
a:hover, a:active
{
color:#cc3300;
}
td.right{vertical-align:top;text-align:right;width:8em}

fieldset{border:none}