/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#wrapper_outer { 
	margin: 0 auto;
	width: 779px;
	padding: 0;
	padding-top: 41px;
}

#compass
	{ position: absolute; top: 5px; left: 40px; z-index: 149; } 

#wrapper_header {
	width: auto;
	height: 106px;
	margin: 0;
	background: #FFF url(images/bg_top.png) left top repeat-y;
	border: 0;
	border-top: 6px solid #0097AB;
	text-align: right;
}

	#wrapper_header h1
		{ display: none; }

	#wrapper_header img
		{ margin: 28px 47px 0 0; }

#wrapper_top {
	color: #333;
	padding: 10px 30px;
	border: 0;
	border-bottom: 4px solid #F5C02B;
	z-index: 150;
	font-size: 105%;
}

#wrapper_top ul 
	{ position: relative; display: inline; padding-right: 10px; margin: 0; padding-left:238px; }

#wrapper_top ul li
	{ padding: 0; margin: 0; list-style-type: none; display: inline; padding-left: 25px; }

#wrapper_top a
	{ font-weight: normal; }

#wrapper_top a.selected
	{ color: #F5BF2A; }


#wrapper_columns {
	background-color: #D9F0F2;
	margin: 15px 0 0 0;
	/*overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	/*width: 100%;*/
	/*min-height: 350px;*/
	height: 360px;
}

#wrapper_left { 
	display: inline;
	color: #333;
	margin: 0;
	padding: 0;
	width: 300px;
	float: left;
}
	
	.quote
		{ font-size: 70%; color: #0097AB; text-align: right; margin: 0 20px 250px 0; }

	#artwork
		{ position: absolute; bottom: 0px; left: 0px; }

	#nav_left ul {
		padding: 0;
		margin: 0;
	}
	#nav_left ul li {
		padding: 0;
		margin: 0;
		list-style-type: none;
		display:block;
	}
	#nav_left .selected {
		color:red;
		font-weight:bold;
	}
#wrapper_right { 
	float: right;
	padding: 15px 25px;
	width: 420px;
	display: inline;
	position: relative;
	height: 330px;
	overflow: auto;
}

	#header
		{ margin-bottom: 1em; }

	#header h1
		{ display: none; }

#wrapper_right h2
	{ margin: 0; margin-top: 1em; line-height: 31px; height: 31px; }

#wrapper_footer { 
	width: auto;
	clear: both;
	color: #333;
	background: #0097AB;
	margin: 0px 0px 10px 0px;
	padding: 0 15px 0 280px;
	height: 43px;
	text-align: right;
	color: #FFF;
	font-size: 90%;
}

#wrapper_footer p
	{ padding: 15px 0; }

#wrapper_footer a { 
	color: #FFF ! important;
}

	#design_circle
		{ float: right; text-align: right; width: 260px; margin-left: 10px; } 	
	
	#design_circle img
		{ vertical-align: middle; padding-right: 5px; background-color: #0097AB; }

	#design_circle a
		{ font-size: 80% ! important; font-weight: normal ! important }