/* Martin A. Trefzer, CSS template for Photography website section
Version: 1.0 (March 28, 2009)

Screen layout: */

	html, body {
		min-width: 790px;
		height: 100%;
		margin: 0;
		padding:0;
		background-color: black;
		background: url(../img/wp_pattern.png);
		background-repeat: repeat-xy;
		font-family: Arial, Helvetica, san-serif;
	}
	p { 
		text-align: left;
	} 
	a {
		color: #5e6169;
		text-decoration: none;
		font-weight: bold;
	}
	a.main {
		color: #cccccc;
		text-decoration: none;
		font-weight: bold;
	}
	a.large {
		color: #cccccc;
		text-decoration: none;
		font-size: 25px;
		font-weight: 100;
	}
	a.topbar {
		color: #5e6169;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;	
	}
	a:hover {
		color: #eeeeee;
	}
	img.title {
		float: left;
		border: 0;
	}

	#container {
		background-color: black;
		background-image: url(wp_pattern.png);
		background-position: center left;
		background-repeat: repeat-xy;
		position: relative;
		height: 100%;
	}

	#middlebar {
		background-color: black;
		position: absolute;
		top: 50%;
		margin-top: -295px; 
		left: 0;
		width: 100%;
		height: 560px;
	}

	#logoline {
		padding-left: 28px;
		padding-top: 5px;
		height: 60px;
		text-align: left;
		line-height: 50px;
		vertical-align: center;
		padding-right: 100;
		background-color: black;
		background-repeat: no-repeat;
		color: white;
	}

	#headline {
		padding-left: 28px;
		padding-right: 15px;
		padding-top: 8px;
		padding-bottom: 10px;
		height: 53px;
		text-align: right;
		line-height: 40px;
		vertical-align: baseline;
		padding-right: 100;
		background-color: black;
		background-position: left center;
		background-repeat: no-repeat;
		color: white;
	}

	#flashcontent {
		height: 530px;
		background-color: #000000;
		color: #dddddd;
		font-size: 14px;
		text-align: left;
	}

	#footer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: #aaaaaa;
		font-family: serif;
		font-size: 11px;
		text-align: center;
		padding-bottom: 10px;
	}

	#box {
		margin: 0px auto;
		xmargin-top: 0;
		xmargin-right: auto;
		width: 100%;
		height: 500px;
		background-image: url();
		background-position: center left;
		background-repeat: no-repeat;
		background-color: none;
	}
	
	#contact {
		margin: 0px auto;
		xmargin-top: 0;
		xmargin-right: auto;
		width: 100%;
		height: 500px;
		background-image: url(bokeh.jpg);
		background-position: center left;
		background-repeat: no-repeat;
		background-color: none;
	}

	#contactdetails {
		xheight: 220px;
		width: 420px;
		padding-top: 10px;
		padding-left: 28px;
		float: left;
		background-color: none;
		text-align: left;
		overflow: hidden;
		xdisplay: none;
		
		font-size: 25px;
		font-weight: 100;
	}
	
	#textcol {
		xheight: 220px;
		width: 420px;
		padding-top: 10px;
		padding-left: 28px;
		float: left;
		background-color: none;
		text-align: left;
		overflow: hidden;
		xdisplay: none;
	}

	#textbottom {
		xheight: 200px;
		xwidth: 360px;
		padding-bottom: 10px;
		padding-left: 28px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: none;
		text-align: left;
		overflow: hidden;
		xdisplay: none;
	}

	#textimageright {
		xheight: 200px;
		xwidth: 360px;
		padding-bottom: 0px;
		padding-right: 28px;
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: none;
		text-align: right;
		overflow: hidden;
		xdisplay: none;
	}