/***** CSS by Mike Archibald - 939 Design Limited *****/

* {margin:0;padding:0;}

body {background: url(../img/background.jpg) top left repeat-x;color:#666;font:84%/100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}

a {color:#de2c56;}
a:hover {color:#de2c56;}

h1 {}
h2 {font-size:110%;color:#239cd2;padding:0px 0 0px 0;margin:0px 0 0 0;font-weight:normal;}
h3 {font-size:100%;color:#239cd2;padding:0px 0 5px 0;}

img {border:none;}
.imageleft{float:left;margin:0 20px 0 0;border:1px solid #eee;padding:8px;}
.imagebroc{float:left;margin:0 11px 10px 0;border:1px solid #eee;}
.imageright{float:right;margin:0 0 0 10px; border:1px solid #eee;padding:8px;}
.imageleftnb{float:left;margin:10px 20px 0 0;}
.imagerightnb{float:right;margin:0 0 0 10px;}

li {line-height:1.5em;}
p {padding:0px 0 10px 0px;}
ul {padding:0 0em 0em 0em;font-size:90%;list-style:none;}

#access {}

/******* STRUCTURE *******/
#wrap {margin:0 auto;width:900px;}
#contain {line-height:1.6em;margin:0 auto;width:900px;}

/******* HEADER *******/
.header {height:130px;}
#logo{float:left;}
#branding{float:right;margin:30px 0 0 0;text-align:right;}
#topnav {padding:0 0 0 600px;text-align:right;}
#topnav p {font-size:10px;color:#CCCCCC;}
#topnav a {color:#CCCCCC;}
#topnav a:hover {color:#999999;}

/******* NAVIGATION *******/
#nav {clear:both;width:900px;height:35px;background: url(../img/nav-light-grey.jpg) bottom right repeat-x;padding:0px 0 0px 0px;}
#nav ul {text-align:right;}
#nav ul li {display:inline;padding:0 0px 0px 0px;font-size:15px;margin:0 10px 0 10px;}
#nav ul li a {color:#999;text-decoration:none;height:50px;}
#nav ul li a:hover {background: url(../img/nav-dark-grey.jpg) bottom right repeat-x;padding:3px 0 14px 0px;}

/******* SUB NAV *******/
#subnav {clear:both;width:900px;height:35px;}
#subnav ul {float:left;padding:7px 0 0px 220px;}
#subnav ul li {display:inline;padding:4px 10px 6px 10px;font-size:12px;margin:0 5px 0 5px;}
#subnav ul li a {color:#de2c56;text-decoration:none;}
#subnav ul li a:hover {color:#239cd2;}

/******* MODEL NAV *******/
#modnav {clear:both;width:900px;height:35px;}
#modnav ul {float:left;padding:7px 0 0px 0px;}
#modnav ul li {display:inline;padding:0px 5px 6px 5px;font-size:12px;margin:0 5px 0 5px;}
#modnav ul li a {color:#666;text-decoration:none;}
#modnav ul li a:hover {color:#333;}

/******* MAIN *******/
.main#two-columns {clear:both;}

.col2home .left {width:580px;}
.col2home .right {width:285px;}

.col2 .left {width:285px;}
.col2 .right {width:580px;}

.left {float:left;}
.right {float:right;}

#two-columns h1 {font-size:130%;color:#239cd2;padding:0px 0 0px 0;margin:0px 0 0 0;font-weight:normal;}

.spotlight {background:#eee;color:#3c4a5d;border-bottom:1px solid #999;padding:5px 20px 5px 20px;margin-bottom:15px;}

blockquote {background: url(../img/quote.jpg) no-repeat top right;display:block;font:normal 1.3em Georgia,serif;padding:0px 60px 0px 20px;margin: 0 0 15px 0 ;color:#67a9a5;border-left:10px solid #eee;}

.starlist {background: url(../img/star.gif) top left no-repeat;list-style:none;padding:0 0 0 15px;}

#content h2 {font-size:140%;color:#239cd2;padding:0px 0 0px 0;margin:0px 0 10px 0;clear:both;}

.action {border-top:1px solid #999;margin:20px 0 0 0;font-size:90%;}

#imagemap area {outline:none;}

map area {outline:none;}

/******* FOOTER *******/
#foot {border-top:4px solid #cccccc;}
.footer {padding:15px 0 0 0;color:#666;font-size:80%;line-height:1.6em;}
.footer .left {width:69%;}
.footer .right {width:7%;}
.footer a {color:#de2c56;text-decoration:underline;}
.footer a:hover {color:#de2c56;text-decoration:underline;}

/******* VARIOUS CLASSES *******/
.clear,.clearer {clear:both;font-size:0;} 
.clearer {}
.hide {display:none;}
.highlight {color:#de2c56;}

/******* FORM STYLES *******/
form {margin:0px 0 15px 0;}
input, textarea {border:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;padding:4px;}
label {margin:1px;color:#de2c56;}
fieldset, contactform {padding:2em;background:#e4eff3;border:none;}

ul#errors {color:#de2c56;padding:0 0 10px 30px;}
ul#errors li{list-style:disc;}

/******* TABLE STYLES *******/
table {margin:0 0 20px 0;padding:0;line-height:1.3em;border-collapse:collapse;border:1px solid #d8d8d8;}
caption {text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;color:#0033CC;}
th {padding:10px;text-align:center;background:#eaeaea ;color:#505050;}
td {padding:10px;font-size:1em;text-align:left;background:#f4f4f4 ;color:#303030;}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1em;color: #666;white-space: nowrap;margin:0 0 0 30px;}
.dtree img {border: 0px;vertical-align: middle;}
.dtree a {color: #333;text-decoration: none;}
.dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 1px 2px 1px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover {color: #333;text-decoration: underline;}
.dtree a.nodeSel {background-color: #c0d2ec;}
.dtree .clip {overflow: hidden;}

/*-----------PORTFOLIO-----------*/
p.portfolio{float:left;margin:0px 11px 0px 0px;width:180px;font:0.7em/1.4em  Arial, Helvetica, sans-serif;}
p.portfolio a img{border:1px solid #CCC;float:left;}
p.portfolio a{text-decoration:none;}
p.portfolio a b{clear:left;}
p.portfolio a:hover b{text-decoration:none;}
p.portfolio small{color:#eee;}

/*-----------LIGHTBOX2-----------*/
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%	}
#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left;}	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}
* html>body .clearfix { display:inline; width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }