/*****************************************************************           
TITLE:         SurfsUp Stylesheet
AUTHOR:      Khaled Maiwand, HighCo Technology
CREATED:     Sept. 2007
*****************************************************************/
/*
	border: 1px dotted red;
*/
* { margin: 0; padding: 0; border: 0; }
body {
	font: 85% verdana, sans-serif;
	line-height: 120%;
	color: #FFF; background: #ffcc99;
	}

#wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
	}

#header{
	width: 800px;
	height: 31px;
	letter-spacing: 1px;
	}

	#header ul{ float: right; }
	#header li{ display: inline; }
	#header a{
		float: left;
		padding: 4px 10px;
		text-decoration: none;
		color: #660000;
		}
	#header a:hover{ background: #FFF; }
	#header a.selected{ border-top: 3px solid #FFF; border-bottom: 3px solid #FFF; }
#container{
	width: 785px;
	height: 570px;
	border: 5px solid #FFF;
	}

#containerleft{
	float: left;
	width: 300px;
	height: 570px;
	border-right: 2px solid #FFF;
	background: #dc7309 url( logo.jpg) no-repeat;
	}
	#containerleft h1, #containerleft h2{ text-align: right; color: #660000; font-weight: normal; margin-right: 5px; }
	#containerleft h1{
		margin-top: 350px;
		font-size: 250%;
		}
	#containerleft h2{
		margin-top: 20px;
		font-size: 150%;
		}

#containerright{
	float: left;
	width: 463px;
	height: 550px;
	overflow: auto;
	padding: 10px;
	background: #cc6600;
	}

	#containerright h1{
		margin-top: 5px;
		padding: 5px 0;
		font: 180% helvetica, sans-serif;
		border-bottom: 1px solid #FFF;
		}
	#containerright ul{ margin-left: 2em; }
	#containerright p{ margin-top: 8px;   }
	#containerright a{ color: #FFF;   }
	#containerright a:hover{ background: #ff9933;   }

#footer{
	width: 800px;
	text-align: right;
	padding: 5px 0px;
	color: #660000;
	}
	#footer a{
		text-decoration: underline;
		color: #660000;
		}
	#footer a:hover{ color: #FFF; }