/* 

SITE STYLES FOR B&R Marine 

------------------------------

*/




/* GENERAL CSS RESET STYLES */


body {
	background: url('../img/body-tile.jpg') top repeat-x #A1ABC4 fixed;
	color: #555555;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
	
	img {
		border: 0;
	}
	
	table {
		margin: 0;
		padding: 0;
	}
	
		tr {
			margin: 0;
			padding: 0;
		}
		
			td {
				margin: 0;
				padding: 0;
			}

	/* removes Firefox "dashed" border around links */

	a {
		outline:none;
	}
	
	a:active, a:focus, input[type="image"] {
		-moz-outline-style: none;
	}

	/* used to fix bug in browser rendering images within hyperlinks */

	a img {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}	

	h1, h2, h3, h4, h5, h6, p, ul, li {
		margin-top: 0;
		padding-top: 0;
	}
	
	strong {
		color: #19A3DA;
	}

		

/* LAYOUT STYLES */	

/* Site Wrapper */

#shaddowWrapper {
	background: url('../img/shaddow-tile.png') repeat-y;
	margin: 0 auto;
	width: 1000px;
}

#shaddowBottom {
	background: url('../img/shaddow-bottom.png');
	height: 21px;
	margin: 0 auto;
	width: 1000px;
}
#rmiTag {
	color: #045E9D;
	font-size: 11px;
	margin: 0 auto 42px auto;
	padding: 6px 0 0 0;
	text-align: right;
	width: 936px;
}

	#rmiTag a {
		color: #045E9D;
		text-decoration: none;
	}
	
	#rmiTag a:active, #rmiTag a:hover {
		color: #fff;
		text-decoration: none;
	}

#siteWrapper {	
	margin: 0 20px;
	padding: 38px 0 15px 0;
	width: 960px;
}

	/* Header */
	
	#header {
		height: 82px;
		margin: 0 12px;
		width: 936px;
	}
	
		#logo {
			float: left;
			height: 56px;
			padding: 0 0 26px 0;
			width: 326px;
		}
		
		#headerLeft {
			float: right;
			height: 82px;
			width: 258px;
		}
		
			#returnHome {
				font-size: 11px;
				font-weight: bold;
				height: 18px;
				padding: 0 20px 32px 155px;
				width: 83px;
			}
			
				#returnHome a {
					color: #045E9D;
					text-decoration: none;
				}
				
				#returnHome a:active, #returnHome a:hover {
					color: #FF0000;
					text-decoration: none;
				}
			
			#phoneContact {			
			 	font-size: 12px;
				font-weight: bold;
				height: 32px;
				padding: 0 0 0 11px;
				width: 247px;
			}

	/* Home Page Body */
	
		#homeWrapper {
			margin: 0 12px;
			padding: 0 0 11px 0;
			width: 936px;
		}
		
		/* Left Column */
		
		#homeLeft {
			float: left;
			width: 666px;
		}
		
			/* Navigation */
			
			#nav {
				float: left;
				font-size: 11px;
				height: 32px;
				line-height: 32px;
			}
			
			#nav a {
				color: #045E9D;
				display: block;
				float: left;
				text-decoration: none;
			}
			
			#nav a:active, #nav a:hover {
				color: #045E9D;
			}
			
				a.rmi {
					background: url('../img/nav-recreational-marine-ins.gif');
					height: 32px;
					text-align: center;
					width: 196px;
				}
				
				a.rmi:hover, a.rmi:active {
					background: url('../img/nav-recreational-marine-ins.gif') 0px 32px;
				}
		
				a.mas {
					background: url('../img/nav-marine-advisory.gif');
					height: 32px;
					text-align: center;
					width: 170px;
				}
				
				a.mas:hover, a.mas:active {
					background: url('../img/nav-marine-advisory.gif') 0px 32px;
				}
		
				a.other {
					background: url('../img/nav-other-services.gif');
					height: 32px;
					text-align: center;
					width: 117px;
				}
				
				a.other:hover, a.other:active {
					background: url('../img/nav-other-services.gif') 0px 32px;
				}
				
				a.about {
					background: url('../img/nav-about-us.gif');
					height: 32px;
					text-align: center;
					width: 85px;
				}
				
				a.about:hover, a.about:active {
					background: url('../img/nav-about-us.gif') 0px 32px;
				}
				
				a.contact {
					background: url('../img/nav-contact-us.gif');
					height: 32px;
					text-align: center;
					width: 98px;
				}
				
				a.contact:hover, a.contact:active {
					background: url('../img/nav-contact-us.gif') 0px 32px;
				}
				
				a.quote {
					background: url('../img/get-quote-now.jpg');
					height: 32px;
					text-align: center;
					width: 270px;
				}
				
				a.quote:hover, a.quote:active {
					background: url('../img/get-quote-now.jpg') 0px 32px;
				}
				
			
			/* Content */
			
			#homeLeft #homeBanner {
				clear: both;
				height: 393px;
				width: 666px;
			}
			
			#homeLeft #content {
				clear: both;
				padding: 18px 12px 0 0;
			}
			
			/* Types of Coverage */
			
			#homeLeft #coverages {
				font-size: 11px;
				font-weight: bold;
				padding: 0 12px 0 0;				
			}
			
				#homeLeft #coverages td {
					text-align: center;
				}
			
	
		/* Right Column */
		
		#homeRight {
			float: right;
			width: 258px;
		}
		
			#homeRight #homeForm {
				background: #EFEFEF;
				border: #045E9D 8px solid;
				margin: 0 0 11px 0;
				padding: 0 0 12px 0;
				text-align: center;
			}
			
			div.callOut {
				border: #045E9D 8px solid;	
				margin: 0 0 11px 0;		
				padding: 12px;
				text-align: center;
			}
			
			div.callOut a {
				color: #FF9900;
				font-weight: bold;
				text-decoration: none;
			}
			
			#callOut2 {
				border: #045E9D 8px solid;	
				margin: 0 0 11px 0;		
				padding: 12px;
				text-align: center;
			}
			
			
	/* Interior */
	
	/* Interior Main Navigation */
	
	#intNav {
		height: 32px;
		margin: 0 12px;
		width: 936px;	
	}
	
		#getAquote {
			float: right;
			height: 32px;
			width: 270px;
		}
		
			#getAquote a {
				display: block;
			}
	
	#intBanner {
		margin: 0 12px;
		width: 936px;
	}
	
	#intWrapper {
		border-left: 1px dashed #999999;
		border-right: 1px dashed #999999;
		margin: 0 12px;
		width: 934px;
	}
	
		/* Left column with interior nav for three column display */
		
		#secNav {
			font-size: 12px;
			float: left;
			margin: 21px 18px 18px 12px;
			width: 180px;
		}
		
			#secNav ul {
				margin: 0 0 0 12px;
				padding: 0px;
			}
			
			#secNav a {
				color: #045E9D;
				text-decoration: none;
			}
			
			#secNav a:active, #secNav a:hover {
				color: #FF0000;
				text-decoration: none;
			}
		
		/* Middle Column of Three Column Layout */
		
		#intWrapper #content {
			border-left: 2px dotted #CCCCCC;
			float: left;
			font-size: 12px;
			min-height: 300px;
			height: auto !important;
			height: 300px;
			margin: 21px 36px 18px 0;
			padding: 0 0 0 18px;
			width: 398px; 
		}
		
		#intWrapper #content a {
			color: #045E9D;
			text-decoration: none;
		}
		
		#intWrapper #content a:active, #intWrapper #content a:hover {
			color: #FF0000;
		}
		
		/* Content Area for Two Column Layout */
		
		#twoColumnContent {
			float: left;
			font-size: 12px;
			margin: 21px 36px 18px 0;
			padding: 0 0 0 18px;
			width: 610px;
		}
		
		#twoColumnContent a {
			color: #045E9D;
			text-decoration: none;
		}
		
		#twoColumnContent a:active, #twoColumnContent a:hover {
			color: #FF0000;
		}
		
		/* Right Hand Column - Same for Three and Two Column Layout */
		
		#intWrapper #right {
			float: left;
			margin: 21px 12px 18px 0;
			width: 258px;
		}

	
	
	/* Footer */
	
	#footer {
		border-top: 8px solid #1865A1;
		clear: both;
		font-size: 11px;
		margin: 0 12px;
		width: 936px;
	}
	
		#footerSocial {
			clear: both;
			border-bottom: 1px solid #E2E2E2;
			border-left: 1px solid #E2E2E2;
			border-right: 1px solid #E2E2E2;
			border-top: 4px solid #19A3DA;
			height: 92px;
			margin: 3px 0 6px 0;
			padding: 18px 71px 18px 61px;
			width: 802px;
		}
		
		#footerBotWrap {
			background: #E2E2E2;
			clear: both;
			line-height: 18px;
			padding: 14px 11px 15px 11px;
		}
		
		#footerBotWrap a {
			color: #333;
			text-decoration: none;
		}
		
		#footerBotWrap a:active, #footerBotWrap a:hover {
			color: #045E9D;
		}
		
			#footerContactInfo {
				float: left;
			
			}
			
			#footNav {
				float: right;
				text-align: right;
			}






/* Site Content Styles */


h1 {
	color: #045E9D;
	font-size: 18px;
	font-style: italic;
}

h2 {
	font-size: 15px;
	font-style: italic;
}

h3 {
	background: #045E9D;
	color: #FFFFFF;
	font-size: 22px;
	padding: 5px 0 13px 0;
	margin-bottom: 5px;
}



.coverage {
	background: #FFF;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	padding: 0 35px;
}

.dashed {
	background: url('../img/dashed-tile.gif') repeat-x;
	padding-bottom: 16px;
	text-align: center;
}

.current {
	color: #FF0000;
}

.clearAll {
		clear: both;
		height: 1px;
		width: 100%;
}