@import "borders_backgrounds.css";
@import "text.css";
@import "forms.css";

* {
	margin: 0px;
	padding: 0px;
}

body{ text-align: center; } /* This is to fix an IE 5 centering bug - functions as LAYOUT rather than TEXT */


/* container styles */
div#container {
	width:1000px;
	min-height:700px;
	overflow: visible;
	margin: 0px auto 0px auto;
	text-align: left; /* This is to reverse the IE Bug Fix - functions as LAYOUT rather than TEXT */
	position: relative;
}

div.content_wrapper {width: 900px; margin: 0px 50px 0px 50px;}


/* For fixed width layout just give the container a px width eg - div#container{ width:950px } */
/* For a left aligned layout just give the body left text align body{ text-align: left; }  and the container a 0px margin-left. */

div#contactme{
	width:303px;
	height: 34px;
	
	position: absolute;
	left:  643px;
	top: 74px;

}

div#twitter{
	width:780px;
	height: 15px;
	float: left;
	text-align: left;
	*margin-left:-15px;
}

img.twitter {vertical-align:top;}

div#nav_wrapper{
	width:900px;
	height: 37px;
	
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #d9dbdc;
	
	position: relative;
	
	left: 0px;
	top:166px;
}

div#nav {text-align: right; margin-top: 12px;}



hr {margin-bottom:20px; background-color: #d9dbdc; color: #d9dbdc; width: 100%; height: 1px;}

div#nav hr {margin-top:5px;}

div#projects {
	width: 900px;
	height: auto;
	
	position: relative;
	
	left: 0px;
	top: 201px;
}

div#project_item {
	width: 900px;
	height:360px;
	
	margin: 0px 0px 20px 0px;
}

div#about_wrapper {
	width: 900px;
	height:360px;
	
	margin: 20px 0px 20px 0px;

}

div#client_info_form {
	width: 550px;
	height:auto;
	
	margin: 0px 150px 0px 165px;

}

div#services {

	margin: 20px 0px 20px 0px;
}

div#photo_slider{
	width: 605px;
	height:360px;
	
	margin-right: 30px;
	
	float: left;
	}

div#fisherking_posters, div#ham, div#tentwenty, div#village, div#adsum, div#otdraw {
	width: 605px;
	height: 360px;
	
	top:-25px;
	left: 0px;
	
	display: block;
	
	position: relative;
	
	z-index: 0;
}

div#tentwenty, div#fisherking {
	width: 605px;
	height:360px;
	
	top:0px;
	left: 0px;
	
	position: relative;
	
	z-index: 0;
}

div#fisherking_posters.pics img, div#ham img, div#tentwenty img, div#village img, div#adsum img, div#otdraw img {    
    width:  605px; 
    height: 360px; 
    top:  0; 
    left: 0:
    
    display: block;
    overflow: hidden;
}

div#project_item_description {
	width: 265px;
	height:360px;
	
	float: right;
}

div#image_selector {
	width: 90px;
	height: 25px;
	
	top:0px;
	left:515px;
	
	position: relative;

	z-index: 1;
	
	*display:block;
	*overflow:hidden;
}

div#feature_text {
	width: 405px;
	height:95px;
	
	position: absolute;
	
	top:425px;
	left: 316px;
	
	overflow: hidden;
}

div#about_paul {
	width: 550px;
	height:auto;
	
	margin-right: 50px;
	margin-bottom: 30px;
	
	float: left;
}

div#paul_photos {
	width: 300px;
	height:auto;
	
	float: right;
	}
	
div#text_footer {clear: both;}

/* For non-floating columns just give the content a width eg - content{ width:70% }. eg 70% for a single side bar and 45% for a 3 column layout */
/* If you are using a LEFT sidebar, give the content{ margin-left:28% } */

/*div#sidebar_right{
	float: left;
	width: 185px;
	
	margin-top: 328px;
	margin-left: 126px;
}

div#sidebar_right_epage{
	float: left;
	width: 185px;
	
	margin-top: 286px;
	margin-left: 126px;
}
*/


/* IMG STYLES FOR GALLERY THUMBS */

/*.thumbscontainer {
	
}*/

ul.thumbs li {
}
ul.thumbs {
width: auto;
padding: 15px;
}

ul.thumbs li img {
border-width: 2px;
border-style: solid;
border-color: white;
}