@charset "utf-8";
/* CSS Document */

body { /* Set overall colours, fonts and alignemt */
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #272327;
	text-align: center;
}

#masthead { 
margin: 0px; 
padding: 0px; 
width: 900px; 
height: 150px;
text-align: center;
float: left;
}

#container { /* This is our master div that holds our site together */ 
margin: 0px auto; /*remember to use (auto) to centre align my page*/ 
padding: 0px; 
width: 900px;
height: inherit;
background-color:#272327; 
}

#nav { /* This div holds our site navigation */
	margin: 40px;
	font-size: 12px;
	padding: 0px;
	width: 900px;
	height: 30px;
	}

#nav ul { /* this creates the style of the unordered list*/
	margin:0px;
	padding:0px;
	list-style:none;
}

#nav li { /* this positions nav to left*/
	float:left;
	position:relative;
}

#nav li a {
	padding:12px 15px;
	color:#fff200;
	font-weight: bold;
	text-decoration:none;
	}

#nav li a:hover {
	padding: 12px 15px;
	color:#00ac5c;
	font-weight: bold;
	text-decoration:none;
	}
	
#nav ul ul{
	position:absolute;
	top: 20px;
	left:15px;
	display:none;
	z-index:500;
}

#nav ul li:hover ul {
	display:block;
}
	
#content { 
margin: 0px; 
padding: 0px 20px 0px;  
width: 900px; 
padding: 20px;
text-align:left;
clear:both;
}

#contentSV { 
margin: 0px;   
width: 900px; 
text-align:center;
clear:both;
} 

#contentHolder { /* Holds our colums in place */
	margin: 0px;
	padding: 0px;
	width: 900px;
	text-align: left;
	}

#leftColumn { /* Creates a left column */
	margin:20px;
	float: left;
	width:350px;
	color:#FFF;
	}

#rightColumn { /* Creates a right column */
	margin: 25px;
	padding: 0px;
	float: right;
	width: 420px;
	text-align:left;
	color:#FFF;
}

#footer { 
margin: 25px; 
padding: 0px 0px 5px 0px;
font-size:20px;
width: 850px;
color: #BC9B6A; 
text-align: right;
clear:both;
}

	#flashcontent {
		height: 100%;
	}