*{padding:0;margin:0;}
body {font:0.65em Arial, Helvetica, sans-serif;background:url(../img/background.jpg) repeat-x #FFF;}
 
#contain {background:url(../img/container-background.jpg) 0 90px repeat-x #FFF;width:950px;margin:0px auto;margin-top:0px;}

/*-----------TOP-----------*/
#top {width:950px;}
#top-logo {width:950px;height:105px;background:url(../img/strap-line2.jpg) top right no-repeat;}
.top-branding {width:950px;height:140px;}
#top-dropnav {width:745px;height:39px;padding:0 0 0 135px;background:url(../img/nav-background.jpg) repeat-x}
.top-crumbs {clear:both;width:950px;height:10px;padding:1em 0 1em 0;background:#eee;}

.logo {width:354px;height:105px;position:absolute;z-index:1;}
.logo a img {border:none;}
.logo h1 {}
.logo h2 {}
.hide {display:none;}

/*-----------TOP NAV-----------*/
.topnav {width:200px;position:absolute;z-index:3;margin:10px 0 0 760px;}
.topnav ul {float:right;padding:0 15px 0 0;}	
.topnav li {display:inline;list-style:none;}
.topnav li a {display:block;float:left;padding:2px 10px 2px 5px;color:#0099cc;text-decoration:none;}
.topnav a:hover {text-decoration:none;color:#333;}

.brand-message {width:660px;height:75px;position:absolute;z-index:1;margin:55px 0 0 70px;color:#fff;overflow:hidden;}
.brand-message h1 {width:400px;font-size:2.5em;color:#fff;}
.brand-message h2 {line-height:1em;font-size:2.5em;color:#fff;margin:0 0 0px 100px;font-weight:normal;}

/*-----------DROP DOWN MENU-----------*/
.dropnav {float:left;width:815px;height:39px;border:none;background:#0099cc url(../img/nav-background.jpg) repeat-x;font-size:120%;} 
.dropnav ul {list-style-type:none;}
.dropnav ul li {float:left;position:relative;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;}
.dropnav ul li a {float:none !important /*Non-IE6*/;float:left /*IE-6*/;display:block;height:3.1em;line-height:3.1em;padding:0 16px 0 16px;text-decoration:none;color:#FFF;}
.dropnav ul li ul {display:none;border:none;}

/* Non-IE6 */
.dropnav ul li:hover a {background:#0099cc url(../img/nav-over.jpg) repeat-x;text-decoration:none;}
.dropnav ul li:hover ul {display:block;width:12em;position:absolute;z-index:999;top:3.0em;margin-top:0.1em;left:0;}
.dropnav ul li:hover ul li a {display:block;width:12em;height:auto;line-height:1.3em;margin-left:-1px;padding:4px 16px 4px 16px;border-left:solid 1px #FFF; border-bottom: solid 1px #fff;background-color:#000;font-weight:normal;color:#FFF;}
.dropnav ul li:hover ul li a:hover {background-color:#0099cc;text-decoration:none;}

/* IE6 */
.dropnav table {position:absolute;top:0;left:0;border-collapse:collapse;}
.dropnav ul li a:hover {background:#0099cc url(../img/nav-over.jpg) repeat-x;;text-decoration:none;}
.dropnav ul li a:hover ul {display:block;width:12em;position:absolute;z-index:999;top:3.1em;top:3.0em;left:0; margin-top:0.1em;}
.dropnav ul li a:hover ul li a {display:block;width:12em;height:1px;line-height:1.3em;padding:4px 16px 4px 16px; border-left:solid 1px #fff;border-bottom:solid 1px #fff;background-color:#000;font-weight:normal;color:#fff;}
.dropnav ul li a:hover ul li a:hover {background-color:#0099cc;text-decoration:none;}

/*-----------CRUMBS-----------*/
.top-crumbs ul {float:right;list-style:none;padding:0 0 0 17px;margin:0 1em 0 0;}
.top-crumbs ul li {display:inline;padding:0 0 0 0px;color:#5bbadb;}
.top-crumbs ul a {color:#0099cc;text-decoration:underline;}
.top-crumbs ul a:hover {color:#0099cc;text-decoration:none;}

/*-----------CONTENT-----------*/
#contain-page {clear:both;width:950px;padding-bottom:30px;background:#fff;}

/* Sub Info */
#sub-info {float:left;width:270px;background:#fff url(../img/sub-backround.jpg) repeat-x;}
#sub-info h1 {clear:both;margin:0 10px 10px 35px;padding:20px 0px 10px 0px;font-size:1.6em;font-weight:normal;line-height:1.3em;}
#sub-info h1 a {color:#0099cc;}
#sub-info h1 a:hover {color:#0099cc;text-decoration:none;}

#sub-info p {clear:both;margin:0 10px 0px 35px;padding:5px 0px 5px 0px;color:#333;line-height:1.3em;font-size:1.1em;}

#sub-info a {color:#0099cc;font-weight:bold;text-decoration:underline;}
#sub-info a:hover {color:#0099cc;text-decoration:none;}
#sub-info a:visited {color:#222;text-decoration:none;}

#sub-info ul {clear:both;margin:0 0px 5px 50px;padding:0px 0px 0px 0px;color:#333;line-height:1.5em;font-size:1.1em;}
#sub-info ul li {}
#sub-info a img {border:none;float:left;padding:0 5px 10px 0;}


/*-----------PAGE TEXT-----------*/
#content {display:inline;float:left;width:590px;margin:0 0 0 40px;}

#content h1 {clear:both;margin:1em 0 0 0;font-size:1.8em;color:#333333;}
.blue {color:#0099cc;}
.grey {color:#666666;}
#content h2 {clear:both;margin:1em 0 0 0;font-size:1.5em;color:#333333;}
#content h3 {clear:both;margin:1em 0 0 0;font-size:1.5em;color:#0099cc;}
#content h4 {margin:1.5em 0 1em 0;color:#333333;}
#content h5 {margin:1.5em 0 1em 0;color:#333333;}
#content h6 {margin:0em 0 0.2em 0;color:#333333;font-size:1.4em;}
#content p {margin:1em 0 1em 0;font-size:1.2em;line-height:1.5em;color:#333333;}
#content p.intro {font-weight:bold;font-size:1.2em;color:#333333;}
#content p.action {margin:2em 0 1em 0;padding:0.5em 0 0 2.5em;font-size:1.2em;border-top:1px solid #ccc;}
#content p.center {text-align:center;}
#content p.right {text-align:right;}
#content p.details {clear:both;margin:-0.25em 0 1em 0;font-size:1em;color:#333333;}
#content blockquote {clear:both;margin:0 30px 0.6em 30px;font-size:1em;color:#333333;}

address {margin:0 0 1em 0;font-size:1.2em;line-height:1.5em;color:#333333;}

/*-----------DATA TABLES-----------*/
#content table{margin:0px 10px 20px 0px;font-size:1.2em;}
#content table th{background-color:#cdcdcd;text-align:left;font-weight:bold;padding:0.5em;color:#444;}
#content table td{padding:0.5em;}
#content table tr.rowA{background-color:#EEE;color:inherit;}
#content table tr.rowB{background-color:#fafafa;color:inherit;}

#features table{margin:0px 0px 0px -5px;font-size:1.0em;}
#features table h2{clear:both;margin:0em 0 0 0;font-size:1.5em;color:#333333;}
#features table td ul li {margin:0 0 0.2em 2px;padding:0 0 0 12px;background:url(../img/blob.jpg) no-repeat 0 0.4em; line-height:1.4em; font-size:120%;}


/*-----------LISTS-----------*/
#content ul {list-style:none;margin:0.5em 0 1em 1.5em;}
#content ul li {margin:0 0 0.2em 2px;padding:0 0 0 12px;background:url(../img/blob.jpg) no-repeat 0 0.4em; line-height:1.4em; font-size:120%;}
#content ul li.smaller {font-size:0.9em;}
#content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
#content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

/*-----------IMAGES-----------*/
#content img {clear:both;margin:3px 10px 7px 0;padding:2px;}
#content img.center {clear:both;float:none;display:block;margin:0 auto;padding:2px;border:none;}
#content img.right {clear:both;float:right;margin:3px 0 7px 10px;padding:2px;border:none;}
#content img.left {clear:both;float:left;margin:3px 10px 7px 0px;padding:2px;border:none;}
#content a img {border:none;}
#content a:hover img {}

/*-----------CONTENT LINKS-----------*/
#content a {color:#0099cc;font-weight:bold;text-decoration:underline;}
#content a:hover {color:#0099cc;text-decoration:none;}
#content a:visited {color:#222;text-decoration:none;}

/*-----------FORMS-----------*/
form {margin:0px 0 0px 0;padding:20px;background-color:#f0f0f0;}
input, textarea {border:1px solid #cccccc;font-family:Arial,Helvetica,sans-serif;font-size:1em;margin:0;padding:4px;}
label {margin:2px;}
fieldset, contactform {padding:2em;}

/*-----------FOOTER-----------*/
#footer {clear:both;width:920px;padding:3em 0 1em 0;background:#fff;}
#footlogo {float:right;width:169px;}
#footer p {line-height:1.3em;text-align:right;color:#999;padding:5px 180px 0px 0px;}
#footer a {text-decoration:underline;color:#666;}
#footer a:hover {text-decoration:none;color:#333;}
#footer a:visited {color:#999}
#footer a img {border:none;}

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

.dtree {font-size:1.2em;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:0px 0px 0px 0px;}
.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 38px 0px 0px;width:147px;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;}

/*-----------GALLERY-----------*/
p.gallery{margin: 10px 0px 0 0px; vertical-align: top;}
p.gallery img{border:1px solid #7CDF17 !important;width:20px;height:20px;float:left;margin-top:5px;}

/*-----------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 */ }