/* CSS For THP */
/* All design & code by E.Lewis 2007 */
/* E.Lewis@elliotlewis.co.uk */
body{
	height:100%;
	margin: 10px 15px 10px 15px;
	padding: 0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #343434;
	}
#wrapper{
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:800px;
	height:600px;
	}
#header{
	margin-bottom:0px;
	height:74px;/*57px;*/
	}
#header img{
	margin-top:10px;
	}
#logo{
	position:absolute;
	}
#menu{
	float: right;
	margin: 34px 20px 0px 260px;
	color: #999999;
	text-align: right;
	}
#menu a{
	margin: 2px 6px;
	}
#content{
	clear:both;
	margin-top:15px;
	}
#footer{
	clear:both;
	margin-top:15px;
	margin-bottom:0px;
	font-size:x-small;
	color:#7E7E7E;
	text-align:center;
	}
em{
	color:#999999;
	}
h1{
	margin-top:0px;
	font-size:13pt;
	font-weight:bold;
	}
h2{
	margin-bottom:2px;
	font-size:10pt;
	}
h3{
	margin-bottom:2px;
	font-size:9pt;
	color:#C46293;
	}

p{
	margin-top:0px;
	}
.error{
	color:#FF0000;
	font-weight:bold;
	}

/* Links */

a:link{
	color:#FD80BD;
	text-decoration:underline;
}
a:visited{
	color:#FD80BD;/*FF00CC*/
	text-decoration:underline;
}
a:hover{
	color: #990033;/*9900FF*/
	text-decoration:none;
}

a:active{
	color:#000000;
	text-decoration:none;
}

/* Home Page */

#desc, #desc2, #quote{
	margin:0px 5px 10px 5px; /*margin-top isn't having effect in #homemenu?*/
	}
#desc{
	float:left;
	width:500px;
	}
#desc2{
	width:260px;
	}
#quote{
	float:right;
	width:260px;
	}
#homemenu{
	clear:both;
	margin:0px;
	}
#homemenu img{
	margin: 0px 10px;
	border: #000000 1px solid;
	}

/* Me & Pricelist */

#contact-images {
	float:right;
	text-align:center;
	}
#contact-images img{
	margin:10px 20px 10px 8px;
	border:#333333 1px solid;
	}
.price, .smalltext{
	font-style:italic;
	font-size:9pt;
	}
.price{
	color:#666666;
	}
.smalltext{
	color:#999999;
	}
	
/* Galleries */

/* desc in page style */
#desc2{
	/*border: pink 1px dashed;*/
	float:left;
}
#gallery{
	clear:both;
	/* margin-top:50px; Doesnt work in FF Saf? */
	padding:0px 10px 20px 10px;
	height:380px; /*needed for FF but not IE? */
	}
#big-photo, #thumbs{
	float:left;
	text-align:center;
	/*border:green 1px dashed;*/
	}
#big-photo{
	padding:1px 3px 3px 1px;/**/
	width:370px;
	height:360px;
	margin-right:14px;
	margin-top:10px;
	background:url(images/big-box.gif) top left no-repeat;
	}
#thumbs{
	margin-top:10px;
	width:388px;/* 384px */
	height:380px; /* 364 + pad 6 360px*/
	overflow:auto;
	/*border:purple 1px dashed;*/
	}
.landscape,	.portrait{
	background:url(images/thumb-box.gif) top left no-repeat;
	width:102px;
	height:102px;
	}
.landscape{
	text-align:center;
	vertical-align:middle;
	}
.landscape p{
	padding-right:10px;
	text-align:right;
	}
.portrait{
	
	}
.portrait img{
	margin:0px 0.5em 0px 10px;
	}
#arrow-left, #arrow-right{
	vertical-align:middle;
	}
#arrow-left{
	margin-right:5px;
	}
#arrow-right{
	margin-left:5px;
	}
#pricelist{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 0 4px 2px 4px;
	border: #FD80BD 1px solid;
	text-align: center;
	width: 260px;
	}