/*	-------------------------------------------------------------
	Barney's Marine
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Version:		2.0
	Date:			December 12 2006
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Base Document Setup
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body {
		margin:								0px 0px 0px 0px;
		padding:							0px 0px 0px 0px;
		background: 						url(../images/background.jpg);
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							11px;
		color:								#000000;
		}
	
	img{
		border: none;
		}

/*	-------------------------------------------------------------
	Headings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							20px;
		font-weight:						bold;
		color:								#002e48;
		margin:								0px;
		padding:							0px;
		}
	
	h2 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							14px;
		font-weight:						bold;
		color:								#002e48;
		margin:								0px;
		padding:							0px;
		}
	
	h3 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		font-weight:						bold;
		color:								#002e48;
		margin:								0px;
		padding:							0px;
		}
	
	h4 {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							12px;
		font-weight:						bold;
		color:								#eb3d00;
		margin:								0px;
		padding:							0px;
		}
	
/*	-------------------------------------------------------------
	Font Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.redText, .redTextLrg {
		color:								#eb3d00;
		}
	
	.whiteText, .whiteTextLrg {
		color:								#FFFFFF;
		}
	
	.whiteTextLrg, .redTextLrg {
		font-size:							13px;
		font-weight:						bold;
		}
	

/*	-------------------------------------------------------------
	Link Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	a:link, a:visited {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							11px;
		text-decoration:					underline;
		color:								#eb3d00;
		}
	
	a:hover {
		font-family:						Arial, Helvetica, sans-serif;
		font-size:							11px;
		text-decoration:					underline;
		color:								#002e48;
		}
	
/*	-------------------------------------------------------------
	Website Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#siteContainer {
		margin-left:						auto;
		margin-right:						auto;
		width:								854px;
		margin-top:							15px;
		background-color:					#FFFFFF;
		overflow:							hidden;
		}

/*	-------------------------------------------------------------
	Header Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#headerMain {
		width:								854px;
		height:								101px;
		float:								left;
		}

/*	-------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#navigation {
		width:								229px;
		height:								258px;
		float:								left;
		
		background-image: url(../images/navigation-bg.jpg);
		background-repeat: no-repeat;
		
		color: #fff;
		}
		
		#navigation ul
		{
			margin: 80px 0 0 30px;
			padding: 0;
			
			list-style-type: none;
		}
		
		#navigation li
		{
			margin: 3px 0 3px 0;
			
			font-size: 130%;
		}
		
		#navigation ul li a:link,
		#navigation ul li a:visited
		{
			color: #fff;
			font-size: 1.1em;
		}
		
		#navigation ul li a:hover
		{
			color: red;
		}
		
		#navigation .first
		{
			margin-top: 0;
		}
		
		#navigation .last
		{
			margin-bottom: 0;
		}
		
		#navigation p
		{
			margin: 7px 0 0 30px;
		}

/*	-------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#mainPicture {
		width:								625px;
		height:								258px;
		float:								left;
		
		}

/*	-------------------------------------------------------------
	Brand Bar
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#brandbar {
		width:								836px;
		height:								66px;
		float:								left;
		margin: 							7px 0 7px 10px;
		clear:								both;
		
		border-top: 						5px solid #002e48;
		border-bottom: 						5px solid #002e48;
		}
	
	/* ---------------------------
	INTERNET EXPLORER 6 CSS FIX  */
	
	* html #brandbar {
		margin-top:							-3px;
		}
	
	/*---------------------------*/
		
	#brandbar img {
		float:								left;
		display:							block;
		}

/*	-------------------------------------------------------------
	Left Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#leftBox {
		width:								208px;
		float:								left;
		margin-left:						10px;
		}
	
	/* ---------------------------
	INTERNET EXPLORER 6 CSS FIX  */
	
	* html #leftBox {
		margin-left:						5px;
		}
	
	/*---------------------------*/
	
	#leftBorderedBox {
		width:								200px;
		background-color:					#d2ebfc;
		border:								solid 1px #cccccc;
		padding:		                    4px;
		}
		

/*	-------------------------------------------------------------
	Centre Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#centreBox {
		width:								430px;
		margin-left:						10px;
		float:								left;
		}
	
	#centreBlueBox {
		width:								420px;
		background-color:					#002d47;
		border:								solid 1px #cccccc;
		padding:                            4px;
		margin-top:							5px;
		color:								#ffffff;
		}
	
	#headingBlueBox {
		height:								26px;
		background-color:					#002d47;
		color:								#FFFFFF;
		font-size:							20px;
		text-align:							left;
		font-weight:						bold;
		padding:                            7px;
		}
	
	#itemLeft {
		width:								215px;
		float:								left;
		margin-bottom:						5px;
		}
	
	#itemRight {
		width:								215px;
		float:								left;
		margin-bottom:						5px;
		text-align:							right;
		}
		
	#itemLeftLarge {
		width:								300px;
		float:								left;
		margin-bottom:						5px;
		}
	
	#itemRightSmall {
		width:								110px;
		float:								left;
		margin-bottom:						5px;
		text-align:							right;
		}
		
	#content {
		margin: 							30px 30px;
		font-size:							1.4em;
	}
	
/*	-------------------------------------------------------------
	Right Box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#rightBox {
		float:								left;
		width:								171px;
		float:								left;
		margin-left:						10px;
		}
	
	#rightBorderedBox {
		background-color:					#d2ebfc;
		border:								solid 1px #cccccc;
		width:								163px;
		padding:		                    4px;
		}

/*	-------------------------------------------------------------
	Final Notes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#finalNotes {
		margin-left:						auto;
		margin-right:						auto;
		width:								500px;
		color:								#FFFFFF;
		font-size:							10px;
		margin-top:							10px;
		text-align:							center;
		padding-bottom:						10px;
		}