/******* CSS Document *******/
/******* 939 Design Limited *******/
/******* 06/02/2006 - Revised 13/11/2007 *******/


/******* Global *******/
* {margin: 0;padding: 0;}

body {background:#FFFFFF url(../img/bg.jpg) repeat-x;font:0.8em Arial, Helvetica, sans-serif;}

h1, h2, h3 {letter-spacing:-0.02em;font-family:Georgia,"Times New Roman", Times,serif;}

h1, h1 a, h2, h2 a {text-decoration:none;color:#414141;}

h1 {font-size:2.5em;}
h2 {font-size:2em;}
h3 {font-size:1.2em;color:#333399;}
h4 {margin-top:1em;}
p, ul, ol {margin:1em 0 1em 0;line-height:180%;}
ul, ol {margin-left:2em;}

blockquote {margin-left:3em;margin-right:3em;font:1.2em Georgia,"Times New Roman", Times,serif;color:#333399;}

a {color:#346086;}
a:hover {text-decoration:none;}
a img {border:none;}

img.left {float:left;margin-right:20px;border:1px solid #eee;padding:5px;}
img.right {float:right;margin:0 20px 0 20px;border:1px solid #eee;padding:5px;}

/******* Logo *******/
#logo {width:850px;height:125px;margin:0 auto;background:url(../img/logo.jpg) no-repeat;}
#logo h1, #logo h2 {margin:0;}
#logo h1 {}
#logo h2 {float:right;padding-top:65px;font-size:1.5em;font-weight:normal;}
#logo h2, #logo h2 a {color:#939292;}

/******* Menu *******/
#menu {width:950px;height:60px;margin:0 auto;background:#333399 url(../img/nav-bg.jpg) no-repeat;}
#menu ul {margin:0;padding:22px 0 0 30px;list-style:none;line-height:normal;}
#menu li {float:left;padding:0 10px 0 20px;}
#menu a {text-decoration:none;font-size:1em;}
#menu li a {color:#33ccff;}
#menu li a:hover {color:#ffffff;}

/******* Banner *******/
#picbanner {background:#ffffff url(../img/banner.jpg) no-repeat;width:950px;height:150px;margin:0 auto;}
#picbanner h2 {font-size:1.4em;color:#333399;padding:43px;}

/******* Page *******/
#page {width:900px;margin:auto;padding:45px 35px 45px 25px;}

/******* Content *******/
#content {float:left;width:580px;}
.post {}
.post .title {margin:0;padding:0 20px;}
.post .entry {padding:0 20px;}
.post .meta {height:47px;margin:20px 0 40px 0;padding:15px 0 0 20px;}
.small {font:0.9em Arial, Helvetica, sans-serif;color:#999;}

/******* Secondary *******/
#secondary {float:right;width:285px;background:url(../img/secondary-bg.jpg) no-repeat}
#secondary ul {margin:20px 0 0 0;padding:0;list-style:none;line-height:normal;}
#secondary li {margin-bottom:40px;padding:0 15px 0 20px;}
#secondary li ul {}
#secondary li li {margin:0;padding:5px 0;border-bottom:1px solid #e5e5e5;}
#secondary li h2 {margin:10px 0 15px 0;font-size:1.2em;}

/******* Foot *******/
#foot {clear:both;width:950px;height:50px;margin:0 auto;padding:35px 0px;background:url(../img/foot.jpg) no-repeat;}
#foot p {margin:0;line-height:normal;color:#999999;padding:0 30px 0 40px;}
#foot a {color:#999999;}
#foot .legal {float:left;}
#foot .credit {float:right;text-align:right;}

/******* Tables *******/
#page table{margin:10px 10px 0 0px}
#page table th{background-color:#cdcdcd;text-align:left;font-weight:bold;padding:0.5em;color:#444;}
#page table td{padding:0.5em;}
#page table tr.rowA{background-color:#eee; color:inherit;}
#page table tr.rowB{background-color:#fafafa; color:inherit;}

/******* Forms *******/
form {}
input, textarea {border:1px solid #fff;border-top-color:#a3a3a3;border-left-color:#d6d6d6;font:normal 1em/normal Arial, Helvetica, sans-serif;color:#6e6e6e;}
#searchform {margin: 0px 0 10px 0px;border-bottom:1px solid #CCCCCC;padding:5px 0 10px 10px;background:#eee;}
fieldset, contactform {padding:2em;}


/******* Various Classes *******/
.hide {display:none;}

/******* Portfolio *******/
p.portfolio{float:left;margin:20px 32px 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;}