/* CSS Document */
/* 939 Design Limited Website - Mike Archibald*/
/* 14/1/2006 - Revised 17/10/2007*/

body{padding:0px; margin:0px; background:url(../img/mainbg.jpg) 0 0 repeat-x #fdfbf4; color:#000; font:0.8em/1.4em  Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}

ul{list-style-type:none;}
ul a{border:none;}

/* ---------- Images ---------- */
img{border:0;}
img a{border:0;text-decoration:none;}
img a:hover{border:none;}

/*-----------BRANDING-----------*/
#branding{width:900px; height:200px; position:relative; margin:0 auto; padding:0px;}
#branding img{border:none; width:175px; height:88px; position:absolute; top:65px; left:0px;}

/*-----------Navigation-----------*/
#branding ul{width:900px; height:32px; position:absolute; top:168px; right:0px;}
#branding ul li{float:left; width:90px; height:32px; padding:0 0 0 1px;}
#branding ul li a{display:block; background:url(../img/navtab_up.jpg) 0 0 no-repeat #ff5f01; color:#fff; font-size:11px; line-height:32px; text-align:center; text-decoration:none;}
#branding ul li a:hover{background:url(../img/navtab_over.jpg) 0 0 no-repeat #ff5f01;color:#FFF; text-decoration:none;}

/*-----------Subnav-----------*/
#branding ul.subnav{width:900px; height:20px; position:absolute; top:210px; right:0px;}
#branding ul.subnav li{float:left; width:90px; height:22px; }
#branding ul.subnav li a{display:block; width:90px;background:#FC7D28; color:#000; font-size:11px; text-decoration:none; text-align:center; line-height:22px;} 
#branding ul.subnav li a:hover{text-decoration:none; background:#FF9900; color:#000;}

/*----BODY----*/
#bodytop{width:100%; background:#f1efe6; color:#000; float:left; margin:44px 0 0 0; clear:both;}

#bodytopinfo{width:900px; position:relative; background:#f1efe6; color:#999; margin:0 auto; padding:0px;}
#bodytopinfo h1{color:#222222; font-size:1.2em; line-height:1.8em; margin: 5px 0 -3px 0;}
#bodytopinfo p{padding:0 38px 11px 0; color:#3F3D45;}
#bodytopinfo p span{font-weight:bold;}

#bodytopinfo a {color:#333333;text-decoration:underline;}
#bodytopinfo a:hover {background-color:#EEE;text-decoration:none;}
#bodytopinfo a:visited {color:#333333;text-decoration:none;}
#bodytopinfo a:active {color:#222222;text-decoration:none;}

#bodymain{width:900px; background:#fdfbf4; color:#777581; margin:0 auto; padding:0px;}
#bodymain h2{color:#8D8D8D; font-size:1.2em; line-height:1.8em;}
#bodymain h3{color:#FF6600; font-size:1.2em; line-height:1.8em;}
#bodymain h4{color:#8D8D8D; font-size:1em; line-height:1.8em;}
#bodymain h5{color:#8D8D8D; font-size:1em; line-height:1.8em;}
#bodymain p{padding:0 38px 11px 0;}
#bodymain a{color:#8D8D8D;text-decoration:underline;}
#bodymain a:hover{background-color:#EEE;text-decoration:none;}
#bodymain a:visited{color:#8D8D8D;text-decoration:none;}
#bodymain a:active{color:#222222;text-decoration:none;}

#bodymain p span{font-weight:bold;}

#bodymain ul{margin: 0 0 10px 0;}
#bodymain li{}
#bodymain li a{background:url(../img/arrow-circle-orange.jpg) 0 0px no-repeat #fdfbf4; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#bodymain li a:hover{background:url(../img/arrow-circle-black.jpg) 0 0px no-repeat #fff; color:#272525; text-decoration:underline;}

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

#body{width:100%; background:#fdfbf4; color:#8D8D8D; float:left; padding:20px 0 0 0; clear:both;}

#search{width:747px; background:#FFF; color:#777581; margin:0 auto; padding:0px; clear:both;}

.hide {display:none;}

#body ul {}
#body ul li {}
#body ul li a {}
#body ul li a:hover {}

#body ul image {border:none;}

blockquote {font:1.2em/1.4em Georgia, Verdana,Tahoma,Arial,sans-serif;border-left:7px solid #F9E99D;margin:10px 20px 10px 430px;background:url(../img/quotes.jpg) 355px 0px no-repeat #F6F0D5;padding:10px 5px 5px 5px;}
blockquote p {margin:0px 0px 0px 20px;color:#222222;}
cite {color:#ff6600;}

#bodyblog{background:url(../pics/blog-news.jpg) 10px 10px no-repeat #fdfbf4;color:#8D8D8D; float:left; padding:20px 0 0 120px; clear:both; margin:10px 0 0 0px;border-top:1px solid #EEE;}
#bodyblog a{}
#bodyblog a:hover{}

#bodyblogitems{color:#8D8D8D; float:left; padding:20px 0 0 0px; clear:both; margin:10px 0 0 0px;}
#bodyblogitems li a{text-decoration:none;background:none;}
#bodyblogitems li a:hover{text-decoration:none;background:none;}  
#bodyblog a{}
#bodyblog a:hover{}

/*-----------BOXES-----------*/
#boxes{width:900px; position:relative; margin:20px auto 0 auto; background:#fdfbf4; color:#999;}
#boxes a {color:#FF6600;text-decoration:underline;}
#boxes a:hover {color:#222;text-decoration:none;}
#boxes a:visited {color:#8D8D8D;text-decoration:none;}

/*----------Box1-----------*/
#box1{width:222px; float:left;}
#box1 p{padding:0 50px 0px 0;}
#box1 p.boldtext{font-size:1.2em; background:#fdfbf4; color:#2B2A2A; font-weight:bold; padding:5px 0 0;}
#box1 p.blacktext{background:#fdfbf4; color:#000; padding:0 0 5px 0;}

#box1 ul{width:140px; padding:0 0 10px 0;}
#box1 ul li{width:156px; height:20px;}
#box1 ul li a{width:140px; height:20px; background:url(../img/arrow-circle-orange.jpg) 0 0px no-repeat #fdfbf4; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#box1 ul li a:hover{background:url(../img/arrow-circle-black.jpg) 0 0px no-repeat #fdfbf4; color:#272525; text-decoration:underline;}
#box1 img{border:solid 1px #CCCCCC;}

/*----------Box2-----------*/
#box2{width:222px; float:left;}
#box2 p{padding:0 50px 0px 0;}
#box2 p.boldtext{font-size:1.2em; background:#fdfbf4; color:#2B2A2A; font-weight:bold; padding:5px 0 0;}
#box2 p.blacktext{background:#fdfbf4; color:#000; padding:0 0 5px 0;}

#box2 ul{width:140px; padding:0 0 10px 0;}
#box2 ul li{width:156px; height:20px;}
#box2 ul li a{width:140px; height:20px; background:url(../img/arrow-circle-orange.jpg) 0 0px no-repeat #fdfbf4; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#box2 ul li a:hover{background:url(../img/arrow-circle-black.jpg) 0 0px no-repeat #fff; color:#272525; text-decoration:underline;}
#box2 img{border:solid 1px #CCCCCC;}

/*----------Box3-----------*/
#box3{width:222px; float:left;}
#box3 p{padding:0 50px 0px 0;}
#box3 p.boldtext{font-size:1.2em; background:#fdfbf4; color:#2B2A2A; font-weight:bold; padding:5px 0 0;}
#box3 p.blacktext{background:#fdfbf4; color:#000; padding:0 0 5px 0;}

#box3 ul{width:140px; padding:0 0 10px 0;}
#box3 ul li{width:156px; height:20px;}
#box3 ul li a{width:140px; height:20px; background:url(../img/arrow-circle-orange.jpg) 0 0px no-repeat #fdfbf4; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#box3 ul li a:hover{background:url(../img/arrow-circle-black.jpg) 0 0px no-repeat #fdfbf4; color:#272525; text-decoration:underline;}
#box3 img{border:solid 1px #CCCCCC;}

/*----------Box4-----------*/
#box4{width:222px; float:left;}
#box4 p{padding:0 50px 0px 0;}
#box4 p.boldtext{font-size:1.2em; background:#fdfbf4; color:#2B2A2A; font-weight:bold; padding:5px 0 0;}
#box4 p.blacktext{background:#fdfbf4; color:#000; padding:0 0 5px 0;}

#box4 ul{width:140px; padding:0 0 10px 0;}
#box4 ul li{width:156px; height:20px;}
#box4 ul li a{width:140px; height:20px; background:url(../img/arrow-circle-orange.jpg) 0 0px no-repeat #fdfbf4; color:#8D8D8D; line-height:20px; text-decoration:underline; padding:0 0 0 20px;}
#box4 ul li a:hover{background:url(../img/arrow-circle-black.jpg) 0 0px no-repeat #fff; color:#272525; text-decoration:underline;}
#box4 img{border:solid 1px #CCCCCC;}

/*-----------PANELS-----------*/
#panels{width:747px; position:relative; margin:0 auto; padding:0px 0px 0 0px;}

/*-----------Left Panel-----------*/
#leftPan{width:350px; float:left; background:url(../img/xxx.gif) 0 0 no-repeat #EEE; color:#000; border:1px solid #999; margin:0px;}
#leftPan h2{width:250px; height:58px; background:url(../img/xxx.jpg) 0 0 no-repeat; font:26px/26px Arial, Helvetica, sans-serif; padding:0 0 0 45px; margin:22px 0 0 41px;}
#leftPan h2 span{font-size:20px; color:#666;}

#leftPan ul{width:300px; margin:10px 0 0 20px;}
#leftPan ul li{width:300px; height:30px; background:url(../img/bullet1.gif) 0 0 no-repeat;} 
#leftPan ul li a{width:300px; height:30px; display:block; background:url(../img/bullet1.gif) 0 10px no-repeat #EEE; color:#999; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#leftPan ul li a:hover{display:block;background:url(../img/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#leftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#leftPan p.more a{width:270px; height:21px; display:block; background:url(../img/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#leftPan p.more a:hover{background:url(../img/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 

/*-----------Right Panel-----------*/
#rightPan{width:350px; float:right; background:url(../img/xxx.gif) 0 0 no-repeat #EEE; color:#000; border:1px solid #999; margin:0px;}
#rightPan h2{width:250px; height:58px; background:url(../img/xxx.jpg) 0 0 no-repeat; font:26px/26px Arial, Helvetica, sans-serif; padding:0 0 0 45px; margin:22px 0 0 41px;}
#rightPan h2 span{font-size:20px; color:#666;}

#rightPan ul{width:300px; margin:10px 0 0 20px;}
#rightPan ul li{width:300px; height:30px; background:url(../img/bullet1.gif) 0 0 no-repeat;} 
#rightPan ul li a{width:300px; height:30px; display:block; background:url(../img/bullet1.gif) 0 10px no-repeat #EEE; color:#999; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#rightPan ul li a:hover{display:block;background:url(../img/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#rightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#rightPan p.more a{width:270px; height:21px; display:block; background:url(../img/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#rightPan p.more a:hover{background:url(../img/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 

/*-----------FOOTER-----------*/
#footer{height:1100px; background:url(../img/footerbg.jpg) 0 0 repeat-x #2d1400; color:#fff; clear:both;}

#footerLinks{width:900px; height:450px; position:relative; margin:0 auto; padding:100px 0 0; clear:both;}
#footerLinksPan{width:900px; position:relative; margin:0 auto; padding:50px 0 0;}
#footerBorderPan{width:900px; float:left; }
#footerBorderPan h2{width:100px; height:20px; position:absolute; top:28px; left:0px; display:block; color:#FF9900; font:12px/20px Georgia, "Times New Roman", Times, serif;}
#footerBorderPan h3{width:100px; height:20px; position:absolute; top:28px; left:250px; display:block; color:#FF9900; font:0.9em/1.3em Georgia, "Times New Roman", Times, serif;}
#footerBorderPan h4{width:100px; height:20px; position:absolute; top:28px; left:490px; display:block; color:#FF9900; font:0.9em/1.3em Georgia, "Times New Roman", Times, serif;}
#footerBorderPan ul{float:left; width:222px; padding:5px 0 0;}
#footerBorderPan ul li{width:190px; height:22px; margin:0 10px 0 0;}
#footerBorderPan ul li a{width:180px; height:1.5em; display:block; background:url(../img/arrow_orange.gif) 0 8px no-repeat ; color:#845829; font:1em/1.4em Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
#footerBorderPan ul li a:hover{background:url(../img/arrow_white.gif) 0 8px no-repeat ; color:#FF9900; text-decoration:none;}


#footerPan{width:900px; position:relative; margin:0 auto;}
#footerPan img.footerlogo{width:147px; height:78px; position:absolute; top:20px; right:0px; border:none;}

#footerPan p.copyright{color:#845829; font:0.9em/1.3em Arial, Helvetica, sans-serif; position:absolute; top:40px; left: 12px;}

#footerPan ul{width:900px; position:absolute; top:100px;}

#footerPan li{float:left; font:0.8em/1.4em  Arial, Helvetica, sans-serif; border:none;}
#footerPan ul li a{color:#845829; text-decoration:none; padding:0 0px 0 10px;}
#footerPan ul li a:hover{text-decoration:underline;color:#FF9900;}

#footerPan ul.credits{width:600px; position:absolute; top:110px; margin: 20px 0 0 0;}
#footerPan ul.credits{float:left; font:0.9em/1.3em Arial, Helvetica, sans-serif; font-weight:normal; color:#845829;}
#footerPan ul.credits li a{padding:0px 10px 0; color:#845829;}

#footerPan ul.linkblocks{width:747px; display:block; position:absolute; top:160px;}
#footerPan ul.linkblocks li a{display:block; text-decoration:none;padding:0 2px 0;}
#footerPan ul.linkblocks li a:hover{text-decoration:none; color:#FF9900; }

/*-----------TABLES-----------*/
table,th,td{border:1px solid #666;border-collapse:collapse; }
table{border:none;border-top:1px solid #000; width:720px;}
thead th{background:#fff;padding:5px 10px;font-size:100%;text-transform:uppercase;color:#333;}
tbody td,tbody th{font-size:100%;padding:5px 10px;background:#eee;}
tbody th{background:#fff;color:#333;}
tbody tr.odd td{background:#f1efe6;}
tbody tr.odd th{background:#f1efe6;color:#333;}
tfoot td,tfoot th{border:none;padding-top:10px;}
caption{text-align:left;text-transform:uppercase;font-size:130%;padding:10px 0;color:#036;}
table a:link{color:#369;}
table a:visited{color:#036;}
table a:hover{color:#000;text-decoration:none;}
table a:active{color:#000;}


/*-----------BUTTON-----------*/
.clear {overflow: hidden;width: 100%;}
a.button {background: transparent url(../img/bg_button_a.gif) no-repeat scroll top right;
color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;
margin-right: 6px;padding-right: 18px; text-decoration: none;}
a.button span {background: transparent url(../img/bg_button_span.gif) no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right;color: #000;outline: none;}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px;}

/*-----------FORMS-----------*/
form {margin:0px 0 0px 0;}
input, textarea {border:1px solid #cccccc;font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;padding:4px;}
label {margin:2px;}
#searchform {margin: 0px 0 10px 0px ;border-bottom:1px solid #CCCCCC;padding:5px 0 10px 10px;background:#eee;width:205px;}
fieldset, contactform {padding:2em;background:url(../img/contact-splat.jpg) top right no-repeat;}

/*--------------------------------------------------|
| 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: 11px;color: #666;white-space: nowrap;}
.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 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 */ }

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }