/* CSS Document ----Layout----
Style Sheet for: digriffithsartist.co.uk version 01
designed by Mike Fenton: www.gallerymikefenton.co.uk

ToC

	1. Defaults				18
	2. Quarter Columns  	32
	3. Half Columns			89
	4. 3 Quarter Columns	126
	5. Full Width Columns	161
	6. Footer				185
	7. Tables				218
	8. Positioning			222
	9. Borders				247
*/
/*--------------------------------DEFAULTS------*/
*{
	margin:0;
	padding:0;
	}
body{
	background-color:#000;/*light*/
	background-color:#ccc;
	}
#wrapper{
	position:relative;
	width:790px;
	min-height:700px;
	margin:10px auto auto auto;
	padding:0px;
	background-color:#fff;/*light*/
	}
#leftLogoHolder{
	width:33%;
	float:left;
	padding-top:20px;
	background-color:#663;
	}
#rightLogoHolder{
	width:67%;
	float:left;
	padding-top:20px;
	background-color:#663;
	}
	/*---------------------------container divs----------------------*/
#mainContent{
	width:50%;
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 0px;
	float:left;
	background-color:#FFF;
	min-height:600px;/**/
	}
#pictureHolder{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 0px;
	float:left;
	background-color:#FFF;
	min-height:600px;/**/
	}
#pictureHolderHalf{
	width:50%;
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 0px;
	float:left;
	background-color:#FFF;
	min-height:600px;/**/
	}
#picturePageContent{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	float:left;
	min-height:600px;
	text-align:center;
	}
#picturePageContent img{
	border:30px solid #ccc;
	}
.fullWidth{
	width:100%;
	margin:10px 0px 10px 0px;
	padding:0px;
	float:left;
	background-color:#fff;
	}
.divider{
	clear:both;
	width:95%;
	border-top:1px solid #ccf;/**/
	margin:10px auto;
	}
.column{
	margin:10px 0px 10px 0px;
	padding:0px;
	float:left;
	background-color:#FFF;
	min-height:400px;/**/
	}
.quartContent{
	width:25%;
	}
.thirdContent{
	width:33%;
	}
.halfContent{
	width:50%;
	}
.twoThirdContent{
	width:66%;
	}
.threeQuartContent{
	width:75%;
	}
/*----------------------FOOTER----------*/
#footer{
	clear:both;
	width:100%;
	margin:20px 0 0 0;
	padding-top:10px;
	border-top:1px solid #663;
	}
#footer ul{
	list-style: none;
	margin: 0px 10% 0px 10%;
	padding-top:0px;
	padding-bottom:10px;
	text-align:center;
	}
#footer ul li{
	display:inline;
	font-size:.9em;
	font-weight:normal;
	font-style:normal;
	color:#663;/**/
	padding: 0px 20px 0px 0px;
	}
#footer ul li a{
	margin:0px 5px 0px 0px;
	padding: 0px 20px 0px 0px;
	color:#663;
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
	}
#footer ul li a:hover{
	color:#c03;
	}
/*-------------------TABLES---*/
table tr td{
	padding:0px 0px;
	vertical-align:top;
	}
#pictureHolder table{
	margin-left:2%;
	width:98%;
	}
.cellWidth{
	width:175px;
	}
/*--------------POSITIONING----*/
img {
	border:3px solid #fff;
	margin:5px 0px 5px 0px;
	}
.imgBorder{
	border:5px solid #ccf;
	}
.floatLeft{
	float:left;
	}
.floatRight{
	float:right;
	}
.clearBoth{
	clear:both;
	}
.clearLeft{
	clear:left;
	}
.clearRight{
	clear:right;
	}
.greyBackground{
	background-color:#666666;
	}