/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,address {margin:20px 0 0.5em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 0.5em 0.5em;}
#admin hr {margin:0 0.5em;}
/**************** General rules *********************/

html{height:100%; }
body {height:101%; line-height:150%; color: #555; text-align: center; background: #010101 url(../images/blackfade.jpg) top center repeat-x; }

/**************** General Links ***********************************/
a:link            { color: #555; text-decoration: none;border-bottom:1px solid #b90400;}
a:visited         { color: black; text-decoration: none;border-bottom:1px solid #b90400;}
a:focus, a:hover, a:active {color: #fff;background-color:#b90400; border-bottom:1px solid #ff9900;}

/********************** Navigation ******************/

#navlist {font-size:126%;font-weight:bold; line-height:normal;position:absolute;top:110px;right:0;font-family:"Times New Roman", serif;}
#navlist ul { margin:0;padding:0 0 0 0;list-style:none;width:100%;text-align:right;}
#navlist li {list-style-type:none;float:left; margin:0 15px 0 0 ; padding:0;}
#navlist li {float: left;line-height: 1.1em;margin: 0 1.2em 0 -.5em;padding: 0 .5em 0 .5em;}
#navlist li.last {border-right:none;margin-right:0;}
#navlist a:link, #navlist a:visited {border-bottom:none;color:white; }
#navlist a:focus, #navlist a:hover, #navlist a:active { border:none;color:#fff;  display:block;border-bottom:1px solid white;background-color:transparent;}

#home #nav-home, #page2 #nav-page2, #page3 #nav-page3, #contact #nav-contact {color:#fff;background-color:transparent;}

/***************** Headings ********************/

h1 {font-size:110%; color: #b90400; font-weight:normal;width:280px;display:inline;float:left;margin-top:0;}
h2 {font-size:200%; color: #b90400; font-weight:normal;font-family:  "Times New Roman", serif;margin-left:20px;}
h3 {font-size:150%; color:#b90400;font-weight:normal;font-family:  "Times New Roman", serif;margin-left:20px;}
h4 {font-size:110%; color:#b90400;font-weight:normal; font-family:  Georgia, "Times New Roman", serif;margin-left:20px;}
h1 a:link, h1 a:visited, h1 a:hover {background-color:transparent;border:none;text-decoration: none;}
h1 img {border:none;}
/***************** Page Sections *********************/

#container {margin:0 auto;text-align:left; width:770px;font-size:76%;position:relative;padding-top:1px;}
#wrapper { width:750px;background-color:white;clear:both;border:10px solid #cccccc;overflow:hidden;}

/************** Skip Links *************************/

#skip {font-size:90%;   text-align:right; color:#fff;   margin:0 ;position:absolute;top:0;right:0;z-index:10;}
#skip li {float:left;  list-style-type: none; }
#skip li a:link, #skip li a:visited  {border:none;padding:2px; color:#fff;margin:0; display:block; }
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff; padding:2px; display:block;background-color:#b90400;  }
#header {position:relative;width:770px;margin:0px auto 5px auto; text-align:left;padding-top:30px;}
img.printlogo {display:none;}
#content {min-height:392px;position:relative;padding:1px 0 0 0;margin-bottom:0px;width:750px;}
  #content p {margin:1em 20px 1em 20px;}
  #content ul, #content ol  {margin: 10px 0 20px 20px;}
  #content ul li {padding-left:10px;list-style-type:none;background: url(../images/circle.gif)  0 0.85em no-repeat;position:relative;}
  #content ul.iconlist a:link, #content ul.iconlist a:visited, #content ul.iconlist a:focus, #content ul.iconlist a:hover, #content ul.iconlist a:active {text-decoration:none;border:none;background-color:white;}
  #content ul.iconlist img {border:none;}
  #content img.homepic {float:right;margin:20px 20px 20px 20px;}
  #content img.icon {float:none;margin:2px 4px 0 0;}
#footer {line-height:120%;color:white;font-size:90%;clear:both; padding:0.5em 0 1em 0;width:770px; margin:0 auto;text-align:center;}
#footer .left {float:left; width:40%;text-align:left;color:#999;}
#footer .right {float:right; width:60%; text-align:right;}
#footer .right a:link, #footer .right a:visited {padding:2px;border-bottom:none;}
#footer .right a:focus, #footer .right a:hover, #footer .right a:active {color:#fff;background-color:#b90400;padding:2px;}
#footer a {color:white;}
#footer .left a {color:#999;border-bottom:none;}

#portraits #slides {float:right;width:354px;height:354px;margin:19px 20px 0px 20px;background:  url(../images/baby11.jpg) right top no-repeat;}
#home #slides {float:right;width:354px;height:354px;margin:19px 20px 0px 20px;background:  url(../images/oscar11.jpg) right top no-repeat;}
#corporate #slides {float:right;width:354px;height:354px;margin:19px 20px 0px 20px;background:  url(../images/portrait1.jpg) right top no-repeat;}

#slides img {float:right;margin:0;padding:0;}
#content #clientnav {font-weight:bold;font-size:140%;position:absolute; top:10px;right:20px;width:40%;font-family:  "Times New Roman", serif;}
#content #clientnav a:link, #content #clientnav a:visited {color:#b90400;border-bottom:none;}
#content #clientnav a:focus, #content #clientnav a:hover, #content #clientnav a:active {color:#fff;border-bottom:none;}
#content #clientnav li {float:left;width:40%;list-style-type:none;background-image:none; text-align:center;}
#content #clientnav li.first {}
#contact ol {margin-left:25px; color:#da2931;font-weight:bold;}
/*************** Other bits *************/
div.first {margin-left:20px;}
img.bigpic {margin-left:10px;}
div.dbimages-config {border:1px solid #ccc;width:150px;float:left;text-align:center;margin-right:10px;margin-bottom:10px;}
div.dbimages {border:1px solid #ccc;width:100px;float:left;text-align:center;margin-right:10px;margin-bottom:10px;}

div.restrict {height:150px;overflow:hidden;}
div.gallerypic {padding:6px;float:left;height:380px;margin:15px 10px 15px 20px;width:200px;display:inline;background-color:#efefef;border:1px solid #ccc;}div.gallerypic a:link,  div.gallerypic a:visited         {color: #fff; text-decoration: none;border-bottom:none;}
div.gallerypic a:focus, div.gallerypic  a:hover, div.gallerypic  a:active { color: #fff;background-color:#efefef;text-decoration: none;border-bottom:none; }
div.gallerypic img   {margin:0px;padding:0;}
div.gallerypic  a:hover {width:180px;margin:0;}
div.gallerypic img:hover {border:3px solid #b90400;}
div.gallerypic img {border:3px solid #efefef;}
#gallery p.orderlink, #order p.orderlink {position:absolute;top:10px;right:20px;font-size:120%;}

p.buylink a:link, p.buylink a:visited{color:#555;font-weight:bold;text-align:center;clear:both;}
p.buylink a:focus, p.buylink a:hover, p.buylink a:active{color: #fff;background-color:#b90400; border-bottom:1px solid #ff9900;}

#order #orderphoto {float:left; width:400px;margin-left:20px;}
#order #orderphoto p {margin-left:0px;}
#order #orderform {float:left; width:300px;}
#order #orderform p{margin-top:0;}
#order #orderform input {width:5em}
#order #orderform label {width:10em;float:left;font-weight:bold;}
#order #enquiry input.submit {font-weight:normal;background:#c70506 url(../images/redback.jpg) left top repeat-x;display:block;width:120px;color:white;border:1px solid #ccc;padding:2px 4px;height:2.2em;}
#order #enquiry input.submit:hover {background:#ff9900 url(../images/orangeback.jpg) left top repeat-x;font-weight:normal;}

.gallerypic input.submit {font-weight:normal;background:#c70506 url(../images/redback.jpg) left top repeat-x;display:block;width:80px;color:white;border:1px solid #ccc;padding:2px 4px;height:2.2em;margin:10px auto;}
.gallerypic input.submit:hover {background:#ff9900 url(../images/orangeback.jpg) left top repeat-x;font-weight:normal;}

div.gallerypic  img {display:block;width:140px;text-align:center;margin:0 auto 10px auto;}
.gallerypic input.short {width:2em;}
.gallerypic form {width:170px;margin:0 auto;}
.gallerypic  label {width:2.8em;float:left;}
#content .gallerypic p {margin:0;width:100%;}
.imagebox {text-align:center;border:1px solid #efefef;width:180px;float:left;margin-left:20px;margin-bottom:10px;}
.imagebox img {display:block;margin:10px auto;}
.gallerybox {border:1px solid #efefef;width:auto;float:left;margin-left:15px;margin-bottom:10px;}
.gallerybox img {display:block;margin:10px ;}
#gallerywrap {width:730px;margin:0 auto;}
/*************** Forms ******************/

#enquiry, form.enquiry {padding-left:20px;margin-left:0px;width:80%;margin-bottom:10px;}

#admin #enquiry {width:100%;}
#enquiry h3, form.enquiry h3 {margin-left:0;}
fieldset {border: 1px solid #cccccc;padding:10px;}
input {font-size:110%;background-color: #fff;border:1px solid #ccc;width:60%;height:1.6em;padding:1px 5px 1px 5px; margin-bottom:5px;}
input:focus, select:focus, textarea:focus {background:#f4f4f4;}
input:hover, select:hover, textarea:hover {background:#f4f4f4;}
legend {color:#b90400;font-weight:normal;font-size:140%;font-family:  "Times New Roman", serif;}
label {cursor: pointer; }
textarea {border:1px solid #ccc;width:61%;font-size:120%;}
#enquiry input.submit, form.enquiry  input.submit {font-weight:normal;background:#c70506 url(../images/redback.jpg) left top repeat-x;display:block;width:25%;color:white;border:1px solid #ccc;padding:2px 4px;height:2.2em;}
#enquiry input.submit:hover, form.enquiry input.submit:hover {background:#ff9900 url(../images/orangeback.jpg) left top repeat-x;font-weight:normal;}
.validationerrors ol {margin-left:20px;padding-left:20px;margin-bottom:10px;}
.required {color:#da2931;}
#formdiv {margin-left:20px;}
#standards textarea {width:90%;}
#enquiry input.shorttext, form.enquiry input.shorttext {width:40%;}
#enquiry p, form.enquiry p  {margin:0.5em 0;}
#enquiry input.topic, #enquiry label.topic {position:absolute;left:-9999px;}
ol.required {margin-left:40px;font-weight:bold;}
fieldset.passwordfield {width:59%;}
#order form.enquiry input.submit {font-weight:normal;background:#c70506 url(../images/redback.jpg) left top repeat-x;display:block;width:120px;color:white;border:1px solid #ccc;padding:2px 4px;height:2.2em;}
#order form.enquiry input.submit:hover {background:#ff9900 url(../images/orangeback.jpg) left top repeat-x;font-weight:normal;}
div.orderlist {border-bottom:1px solid #efefef;}
div.orderlist img {float:right;margin-right:20px;}
div.orderlist input.short {width:30px;}

div.ordered {width:100%;clear:both;overflow:hidden;border-bottom:1px solid #efefef;padding:5px 0 ;}
div.ordered img {float:left;}
div.orderedinputs {float:left;width:60%;margin-left:10px;}
#content div.orderedinputs p {margin-left:0;padding-left:0;}
div.orderedinputs label {float:left;clear:left;}
div.orderedinputs input {float:left;}
div.orderedinputs input.short {width:20px;}
div.orderedinputs input.submit {clear:both;}
#order #orderform {width:100%;}
#order .ordered label {width:10em;float:left;font-weight:normal;}
/*************** Lightbox ******************/
#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;  }

.omit {display:none;}