/*********************************************************
filename: photostyle.css
author: ian haigh
purpose: truelivingcolour style sheet
*********************************************************/

/*********************************************************
elements
*********************************************************/

body { margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
a img{border: 0px;}
h1 { color:#666; font-size:19px; line-height: 25px}
h2 { color:#000; font-size:17px; }
a {color:#09F; font-weight:bold;}
a:hover, a:active { color: #F60; text-decoration:underline; }
/*********************************************************
contextual selectors IDs/classes/elements
*********************************************************/
.comment {
	font-size: 80%;
	font-style:italic;
}
#full {	float:left; padding-left:20px; padding-bottom:20px;}
#full table tr td { 
	text-align:center;
}

#frame { position:relative; text-align: justify; width: 759px;}
#contentleft { float:left; width:450px; padding-left:20px; }
#contentleft ul li {
	list-style-type: none;
	line-height: 2em;
}

#picture {text-align:center; top:-10px;}
#picture img{ width:400px; height: 200px;}

#contentright {position:absolute; right:0px; top:165px; width: 250px; background-image:url(assets/rightbg.jpg); background-repeat:repeat-y; padding: 10px 15px 5px 10px; }
#contentright ul { margin: 0; padding: 0; list-style: none;  }
#contentright li { display: list-item; margin: 0; line-height: 20px; padding-left:20px; }
#contentright img {border: 2px solid #fff;}
/*#contentright table tr td { padding: 3px 0px 5px 0px; border-bottom:  1px solid #ccc; }*/

#slide {text-align:center;}
#slide img{  height:120px; width:225px; }

#bottomframe {position:absolute; top: 620px; background-color: #CCCCCC; color:#333; line-height: 25px; width:759px; white-space:pre; text-align:center; }
#bottomframe a { color: #333; font-weight:bold; text-decoration:none; }
#bottomframe a:hover, #bottomframe a:active { color:#000; text-decoration:underline; } 

#bottomframe2 {position:absolute; top: 645px; background-color: #333; color:#CCC; line-height: 20px; width:759px; white-space:pre; text-align:center; }
#bottomframe2 a { color:#CCC; font-weight:bold; text-decoration:none; }
#bottomframe2 a:hover, #bottomframe2 a:active { color:#FFF; text-decoration:underline; }

#pasleft {float:left; width: 400px; padding-left:20px;}
#pasright {position:absolute; right: 0; top:175px; width: 350px; height:400px; padding-right: 0px; text-align:center;  }
#pasright table{ border: 1px solid #FFC;}
#pasright table tr{ background-color: #FFFFCC;}
#pasright table tr td {text-align:left; padding: 2px 4px 2px 4px;}

#comments {float: inherit; width: 300px; text-align:left; font-size:10px; }

#heading { position:absolute; left: 20px; top:145px; }
#contactleft {float:left; width: 190px; padding-top: 50px; text-align: left; padding-left: 20px;}
#contactright {float:right; width: 546px; text-align:center; padding-top: 15px;}
#contactright img {width: 546px; height: 260px;}

#map {position:absolute; left: 292px; top:454px; width: 350px; z-index:99}