/* ------------------------------------------------------------------
Author: Designition Ltd (www.designition.co.uk)
Date: Feburary 2005
Site: Ken Shelton Photography
------------------------------------------------------------------ */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; margin: 0px; padding: 0;
	background-color: #000; background-image:  url(../../img/pagebg.gif); background-repeat: repeat-y;}
#headings {display: none;}
#randomimg {position:absolute; width:219px; height:126px; z-index:5; left: 0; top: 0;}
#whiteline {position:absolute; width:750px; height:1px; z-index:1; left: 0px; top: 118px; border-top: 1px solid #fff;}
#logo {position:absolute; width:350px; height:58px; z-index:2; left: 220px; top: 9px;}
#logo p {padding: 0; margin: 0;}
#logo p img {border: 0;}
#contact {position:absolute; width:422px; z-index:4; left: 225px; top: 73px; font-size: 11px; line-height: 175%;}
#contact hr {display: none;}
#contact p {padding: 0; margin: 0;}
/* navigation layer */
#navi {padding-top: 17px; position:absolute; width:188px; height:200px; z-index:11; left: 24px; top: 126px; font-size: 1px;}
#navi img {border: 0; margin-bottom: 10px;}
#navi hr {display: none;}
#navi .nvhide {display: none;}
#navi a {display: block; width: 188px; height: 13px; margin-bottom: 10px;}
#navi a {background-repeat: no-repeat; background-position: left top;}
#navi a.nvhome {background-image: url(../../img/nvhome.gif);}
#navi a.nvinfo {background-image: url(../../img/nvinfo.gif);}
#navi a.nvgallery {background-image: url(../../img/nvgallery.gif);}
#navi a.nvhome:hover {background-image: url(../../img/nvhome2.gif);}
#navi a.nvinfo:hover {background-image: url(../../img/nvinfo2.gif);}
#navi a.nvgallery:hover {background-image: url(../../img/nvgallery2.gif);}
/* navi layer classes - altered by javascript */
.navi0 {background-image: none;}
.navi1 {background-image: url(../../img/nvbg1.gif); background-repeat: no-repeat;}
.navi2 {background-image: url(../../img/nvbg2.gif); background-repeat: no-repeat;}
.navi3 {background-image: url(../../img/nvbg3.gif); background-repeat: no-repeat;}
/* main content area */
#content {position:absolute; width:510px; z-index:6; left: 229px; top: 141px; margin-bottom: 20px;}
#content h3 {font-weight: bold; font-size: 16px; line-height: 175%; margin-top: 0; color: #eee;}
#content p {line-height: 175%;}
#content h4 {font-size: 14px; margin: 0; padding: 0; margin-bottom: 4px;}
#cont-clear {clear: all;}
/* gallery index page - categories */
.cat-wrap {margin-bottom: 10px;}
.cat-img {width: 158px; float: left; }
.cat-img img {border: 0; margin-bottom: 10px;}
#content .cat-text p {margin: 0; padding: 0; line-height: 130%;}
.cat-clear {clear: left; }
#content p.cat-link {margin-top: 6px;}
a {color: #fff;}
a:hover {text-decoration: none;}
/* photo listing pages */
.list-img {width: 150px; float: left; margin-right: 20px; margin-bottom: 20px;}
.list-img img {border: 0;}
.list-img p {padding: 0; margin: 0; text-align: center; font-size: 11px;}
.list-clear {clear: left;}
p.back-cat {float: right; margin-top: 5px;}
/* Layout styles for sub pages - next and previous */
#nextprev { text-transform: uppercase; border-bottom: 1px solid #000; margin-bottom: 10px; margin-top: 10px; 
			padding-bottom: 3px; margin-right: 5px;}
#nextprev p { margin: 0; padding: 0; font-size: 11px;}
#nextprev .next {  width: 100px; display: block; float: left; text-align: right;}
#nextprev .previous { width: 100px; display: block; float: left;}
#nextprev .stats { font-weight: bold; width: 100px; display: block; float: left; text-align: center;}
#nextprev .clear { clear: all; }

#clients-s {
width: 150px;
margin-top: 50px;
}
#clients-s p {
color: #fff;
font: 11px verdana;
padding: 0 0 6px 0;
margin: 0;
display: block;
width: 150px;
border-bottom: 1px solid #aaa;
}
#flash {
margin-top: 10px;
}

/* pass rules to Mac IE only cos it is rubbish \*//*/
#mac-fix {height: 500px;}
/**/