/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:950px;
		height:43px;
		padding:0px 0px 0px 10px;
		margin:0px;
		background-image:url(http://www.apacheredboy.co.uk/marine/images/index_02.gif);
		background-repeat:repeat;
		border-width:0px;
		border-style:solid;
		border-color:#EEEEEE;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:11px 30px 11px 30px;
		color:#FFFFFF;
		font-family:Georgia;
		font-size:16px;
		text-decoration:none;
		text-align:left;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#CCCCCC;
		background-image:url(http://www.apacheredboy.co.uk/marine/images/index_02b.gif);
		background-position:center center;
		color:#003E7E;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background-color:#CCCCCC;
		background-image:url(http://www.apacheredboy.co.uk/marine/images/index_02b.gif);
		background-position:center center;
		color:#003E7E;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-image:url(http://www.apacheredboy.co.uk/marine/images/index_02b.gif);
		color:#003E7E;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		width:138px;
		padding:10px;
		margin:2px 0px 0px 0px;
		background-color:transparent;
		border-width:1px;
		border-style:none;
		border-color:#DADADA;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 5px;
		color:#787878;
		font-size:11px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#787878;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#787878;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:2px 0px 4px 0px;
		border-style:dotted;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:43px;
		margin:0px 2px 0px 2px;
		border-style:dotted;
		border-color:#CBCBCB;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#DADADA;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Main Hover Fill Items [Static]""""""""*/	
	#qm0 .qmhoverfill	
	{	
		background-color:#91ED99;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#91E599;
		border-width:1px;
		border-style:solid;
		border-color:#555555;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:#F7F7F7;
		border-width:1px;
		border-style:solid;
		border-color:#DADADA;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#F7F7F7;
	}
	/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	width:100%;
	position:relative;
	left:0;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	text-align:left;
	height:289px;width:100%;
	background-color:#CCC;
	border:1px solid #929191;
	color:#003e7e;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	background:url(../images/ajax-loader.gif) no-repeat center;
	margin-top:100px;
	height:40px;
	width:230px;
	display: none;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:9px;
	line-height:10px;
	padding-left:6px;
	color:#999;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	font-family:Arial, Helvetica, sans-serif;
	cursor: pointer;
	position: relative;
	margin:1px;
	background-image: url(arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff;
	background-color: #003e7e;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	text-align:left;
	color:#999;
	border:1px solid #8a8a8a;
	height:25px;
	line-height:14px;
	font-size:11px;
	padding:2px 2px 0px;
	background-color: #FFF;
	background-image: url(../images/contact_input.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px #999 solid;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:15px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#contactForm p {padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contactForm .input_boxes {
	float:left;
	width:204px;
	border:1px solid #B8B8B8;
	height:180px;
	margin-left:20px;
}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}

