/*------------------------------------------------------------------------------------------------------------------------
PixelFuze Stylesheet (for modern browsers)

Version: 1.1
Author: James Southorn
Email: james@pixelfuze.co.uk
Website: http://www.pixelfuze.co.uk
------------------------------------------------------------------------------------------------------------------------*/

/* Standard elements
------------------------------------------------------------------------------------------------------------------------*/
body {
color:#999;
background:#333 url(/images/bg.gif) repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
margin:0;
padding:0;
text-align:center;
}

p {
color:#999;
margin:15px 0;
text-align:left;
}

a {
color:#01B0F0;
font-size:13px;
font-style:italic;
outline:none;
text-decoration:none;
}

a img {
border:1px solid #333;
}

a:hover img {
border-color:#ff358b;
}

a:visited {
color:#01b0f0;
outline:none;
text-decoration:none;
}

a:active {
outline:none;
}

a:hover {
color:#ff358b;
}

.pink {
color:#ff358b;
cursor:help;
border-bottom:dotted 1px #ff358b;
}

.lime {
color:#aeee00;
cursor:help;
border-bottom:dotted 1px #aeee00;
}

.blue {
color:#01b0f0;
cursor:help;
border-bottom:dotted 1px #01b0f0;
}

em,strong {
font-size:14px;
}

/* Header
------------------------------------------------------------------------------------------------------------------------*/
h1 {
background:url(/images/logo.png) no-repeat;
float:left;
height:62px;
margin:45px 0 0 -13px;
text-indent:-9999px;
width:224px;
z-index:2;
}

h2 {
background:url(/images/pixel_perfect_design.png) no-repeat;
float:right;
height:29px;
margin:72px 0 0 -10px;
text-indent:-9999px;
width:190px;
}

h3 {
color:#555;
font-size:1.9em;
font-weight:400;
letter-spacing:2px;
text-transform:lowercase;
}

h3#intro {
background:url(/images/intro.jpg) no-repeat;
float:left;
height:41px;
margin:25px 0 20px 200px;
text-indent:-9999px;
width:357px;
}

/* Header
------------------------------------------------------------------------------------------------------------------------*/
#header {
border-bottom:solid 1px #000;
height:145px;
width:100%;
}

#header div {
margin:0 auto;
width:700px;
}

#stripes {
background:url(/images/stripes.png) no-repeat;
height:177px;
left:0;
position:absolute;
top:0;
width:191px;
z-index:999;
}

/* Main Content elements
------------------------------------------------------------------------------------------------------------------------*/
#content {
background:url(/images/buildings.jpg) bottom no-repeat #000;
border-bottom:solid 1px #595959;
border-top:solid 1px #595959;
min-height:600px;
width:100%;
position:relative;
}

#content div {
margin:20px auto 0;
text-align:left;
width:700px;
}

#content div div {
margin-top:6px;
padding-bottom:6px;
width: auto;
}

#content .ie {
display:none;
}

#content .modern {
background:url(/images/firefox.png) no-repeat right top;
padding-right:16px;
}
/* Slideshow
------------------------------------------------------------------------------------------------------------------------*/
.slideshow {
width:644px!important;
position:relative;
padding-top: 15px;
}

.slideshow h4 {
color:#aeee00;
padding:0;
}

.slideshow ul {
list-style-type:none;
padding:0;
}

.right {
float:right;
margin-top:-33px;
}

.slideshow .next,.slideshow .prev {
background-color: transparent;
position: absolute;
top: 105px;
width: 32px;
height: 26px;
cursor: pointer;
border: 0;
overflow: hidden;
padding:0;
margin:0;
font-size:9px;
line-height:1.9em;
text-align: center;
color:#ff358b;
}

.slideshow .next { 
right: -30px;
z-index: 99;
}

.slideshow .next span {    
width: 100%;
height: 100%;
position: absolute;
top: -6px;
left: -1px;
background: url(/images/next-horizontal.png) no-repeat 0 top;
}

.slideshow .prev { 
left: -30px; 
}
.slideshow .prev span {    
width: 100%;
height: 100%;
position: absolute;
top: -6px;
left: -1px;
background: url(/images/prev-horizontal.png) no-repeat 0 top;
}  
/* Footer
------------------------------------------------------------------------------------------------------------------------*/
#footer {
border-top:solid 1px #000;
}

#panel {
background:url(/images/panel_left.png) no-repeat;
font-size:11px;
margin:0 auto;
width:705px;
}

#panel div {
background:url(/images/panel_right.png) no-repeat right top;
}

#panel div div {
background:url(/images/panel_bottom.png) no-repeat left bottom;
padding:0 19px 22px 22px;
}

#panel div div div {
background:url(/images/panel_bg.jpg) repeat-x;
color:#fff;
height:241px;
padding:0;
}

#panel div div div div {
background:none;
float:right;
height:auto;
padding:2px 10px;
}

#panel div div div div div {
background: url(/images/panel_divider.png) no-repeat center;
height:210px;
width:620px;
}

#bottomStripes {
background:url(/images/smallStripes.png) no-repeat;
bottom:0;
float:right;
height:177px;
position:relative;
right:0;
width:191px;
}

#panel div div div div div div {
background:none;
height:auto;
}

#panel div div div div div #left {
color:#999;
float:left;
margin:0;
padding:0;
text-align:left;
width:300px;
}

#panel div div div div div #right {
color:#999;
float:right;
margin:0;
padding:0;
text-align:left;
width:280px;
position: relative;
}

.copyright {
border-top:solid 1px #333;
color:#363636;
float:right;
margin-top:5px;
text-align:left;
width:300px;
}

a.validxhtml {
background:url(/images/xhtml_valid.png) no-repeat left center;
color:#01B0F0;
float:right;
font-size:11px;
font-style:normal;
margin-left:10px;
padding-left:18px;
text-decoration:none;
}

a.validcss {
background:url(/images/css_valid.png) no-repeat left center;
color:#AEEE00;
float:right;
font-size:11px;
font-style:normal;
margin-left:10px;
padding-left:18px;
text-decoration:none;
}

#panel h3#about {
overflow:hidden;
position:relative;
margin:10px 0 0;
color:#FF358B;
letter-spacing:0;
}

#panel h3#contactme {
margin:10px 0 0;
overflow:hidden;
position:relative;
color:#FF358B;
letter-spacing:0;
}

.validation {
color:#ff358b!important;
font-size:10px!important;
right:10px;
margin:0;
position:absolute;
text-indent:0;
top:18px;
white-space:nowrap;
}

#left img {
float:left;
padding:15px 10px 0 0;
}

#contact {
bottom:0;
clear:both;
left:0;
padding:0 0 8px 10px;
position:absolute;
}

#contact img {
border:0;
}

/* Forms
------------------------------------------------------------------------------------------------------------------------*/
form fieldset {
border:0;
margin:0;
padding:0;
}

form fieldset legend {
display:none;
}

form p {
height:1%;
margin:10px 0 5px;
}

form p:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

form p label {
display:block;
float:left;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-right:20px;
width:55%;
}

form p input,form p select,form p textarea {
background-color:#363636;
border:1px solid #555;
color:#999;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
padding:2px;
width:95%;
}

form p select {
width:57.5%;
}

form ul.fieldlist {
list-style-type:none;
margin:-30px 0 10px 33%;
padding:0;
}

form ul.fieldlist li {
color:#363636;
padding:0 30px 5px 0;
white-space:nowrap;
}

form input.btn,a.btn {
background-color:#09C;
border:0;
color:#fff;
cursor:pointer;
float:right;
font-weight:700;
margin:-3px 9px;
overflow:visible;
padding:4px 6px;
text-decoration:none;
width:auto;
}

a.btn {
line-height:3em;
}

a.btn:hover {
background-color:#ccc;
color:#333;
}

#panel ul,form {
margin:0;
padding:0;
}

#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}

#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}
 
#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}
 
#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}
 
#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}
 
#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}
 
#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }

#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:#444;width:250px;height:250px;margin:0 auto;border:1px solid #555;}
#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/prev.gif) left 50% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(/images/next.gif) right 50% no-repeat;}
/*** START : next / previous text links ***/
#nextLinkText,#prevLinkText{color:#01b0f0;font-weight:700;text-decoration:none;font-size:11px;}
#nextLinkText{padding-left:20px;}
#prevLinkText{padding-right:20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData{padding-top:5px;}
/*** END : added padding when navbar is on top ***/
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#333;border-left:1px solid #444;border-right:1px solid #444;border-bottom:1px solid #444;border-top:5px solid #282828;margin:0 auto;line-height:1.4em;padding-top:10px;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:700;color:#aeee00;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;}
#imageData #helpDisplay{clear:left;float:left;display:block;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;display:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}