/* CSS Document 

BC Design Solutions

Project: Daphne Stephenson
Date: 08.02.2010
Author: Benjamin Colchester
Version: 0.1

Acknowledgments to the Great Noodly Appendage aka Oliver Turner aka The Don

*/

/*-------------------------------------------------------------

Redefine Tags

-------------------------------------------------------------*/

html, body {
	margin: 0px;
	padding: 0px;
	height:100%; /* needed for container min-height */	
	min-width: 900px;
	background: url(../images/body_bg.jpg) center top no-repeat #333333;
	}

p { background: inherit;}

/*-------------------------------------------------------------

Utility Classes

-------------------------------------------------------------*/

.clear {
	display: block;
	clear: both;
	font-size: 0;
	}

/*-------------------------------------------------------------

Main Layout

-------------------------------------------------------------*/
	

#main { 
	position: relative; /* needed for footer positioning*/
	margin: 0px auto; /* center, not in IE5 */
	width: 900px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	background: none;
	padding: 0px 30px 0px 30px;
	}
	
	#main #topbar {
		width: 900px;
		height: 115px;
		background: none;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

		#main #topbar #main_logo {
			width: 450px;
			height: 100px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			}
			
			#main #topbar #main_logo a img {
				margin: 0px;
				padding: 0px;
				border: none;
				}
					
		#main #topbar #topbar_info {
			width: 450px;
			height: 78px;
			margin: 0px 0px 0px 0px;
			padding: 22px 0px 0px 0px;
			float: left;
			}
			
			#main #topbar #topbar_info p {
				color: #999999;
				text-align: right;
				font-size: 14px;
				text-decoration: none;
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-weight: lighter;
				line-height: 1.6em;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				}
				
				#main #topbar #topbar_info p a {
					color: #999999;
					text-decoration: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
					
				#main #topbar #topbar_info p a:hover {
					color: #fca953;
					text-decoration: none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}		

/*-------------------------------------------------------------

Navbar

-------------------------------------------------------------*/

#navbar {
	display: block; 
	width: 900px;
	height: 25px; 
	margin: 0px 0px 0px 0px;
	background: none; 
	padding: 0px 0px 0px 0px; 
	/*border-bottom: double #333333;*/
	font-family: Palatino Linotype, Palatino, Georgia, "Times New Roman", Times, serif;
	z-index: 100;
	}
	
	#navbar li {
		list-style: none;
		float: left; 
		margin: 0px 0px 0px 0px;
		}
	
		#navbar li a {
			display: block;
			padding: 5px 8px;
			background: none;
			color: #ffffff;
			text-decoration: none; 
			font-size: 14px;
			height: 15px;
			margin-right: 10px;
			border-left: 1px solid #414141;
			}
	
		#navbar li a:hover {color: #4ebc95;}	
	
		#navbar li ul {
			display: none; 
			width: 13em; /* Width to help Opera out */
			background-color: #666666;
			}
	
		#navbar li:hover ul, #navbar li.hover ul {
			display: block;
			position: absolute;
			margin: 0;
			padding: 0;
			}
	
		#navbar li:hover li, #navbar li.hover li {
			float: none; 
			}
	
			#navbar li:hover li a, #navbar li.hover li a {
				background-color: #333333;
				color: #ffffff;
				margin-right: 0px;
				}
	
		#navbar li li a:hover {
			background-color: #4ebc95;
			}			
	
/*-------------------------------------------------------------

Main Content

-------------------------------------------------------------*/

#content {
	width: 900px;
	height: auto;
	text-align: left;
	background: none;
	padding: 50px 0px 100px 0px;
	margin: 0px auto;
	}
		
	#content #left_column {
		display: block;
		float: left;
		width: 425px;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: lighter;
		padding: 0px 25px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
		
		#content #left_column ul {padding: 0px; margin: 20px 0px 0px 0px;}
		
		#content #left_column ul li {
			color: #DEDEDE;
			font-size: 12px;
			line-height: 1.5em;
			margin: 10px 0px 0px 0px;
			text-align: left;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			list-style: none;
			}
			
			#content #left_column ul li span {color: #999999; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

	#content #right_column {
		display: block;
		float: left;
		width: 450px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
		
		#content #right_column img {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			/*border: 1px solid #DEDEDE;*/
			width: 450px; 
			}
		
		#content #right_column p {
			color: #DEDEDE;
			font-size: 13px;
			line-height: 1.6em;
			margin: 21px 0px 5px 0px;
			text-align: left;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			letter-spacing: 0em;
			}
			
	#content #right_column ul {padding: 0px; margin: 20px 0px 0px 0px;}
		
		#content #right_column ul li {
			color: #DEDEDE;
			font-size: 12px;
			line-height: 1.5em;
			margin: 10px 0px 0px 0px;
			text-align: left;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-weight: normal;
			list-style: none;
			}
			
			#content #right_column ul li span {color: #999999; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}		
			
		
	#content p {
		color: #DEDEDE;
		font-size: 13px;
		line-height: 1.6em;
		margin: 21px 0px 5px 0px;
		text-align: left;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		letter-spacing: 0em;
		}
		
		#content p a {
			color: #ffffff; 
			font-size: 12px;
			line-height: 1.6em;
			text-decoration: none;
			}
			
		#content p a:hover {
			color: #fca953;
			font-size: 12px;
			line-height: 1.6em;
			text-decoration: none;
			}
			
	#content h1 {
		color: #4ebc95;
		font-size: 30px;
		line-height: 1.2em;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-family: Palatino Linotype, Palatino, Georgia, "Times New Roman", Times, serif;
		font-weight: lighter;
		border-bottom: 1px solid #414141;
		}
		
	#content h2 {
		color: #ffffff;
		font-size: 18px;
		line-height: 1.2em;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-family: Palatino Linotype, Palatino, Georgia, "Times New Roman", Times, serif;
		font-weight: lighter;
		}	
			
/*-------------------------------------------------------------

Bottom Bar

-------------------------------------------------------------*/

#bottombar {
	position:absolute;
	width: 900px;
	bottom:0; /* stick to bottom */
	background: none;
	height: 55px;
	}
	
	#bottombar p {
		margin: 20px 0px 0px 0px;
		text-align: left;
		font-size: 10px;
		color: #999999;
		background:none;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
		font-weight: lighter;
		}
		
	#bottombar p a {
		text-align: left;
		font-size: 10px;
		text-decoration: none;
		color: #999999;
		background:none;
		font-family: Arial, Helvetica, sans-serif;
		}
		
		#bottombar p a:hover {color: #ffffff;}