* {
	margin:0;
	padding:0;
	outline:none;
	text-decoration:none;
}

body {
	background:url(images/bg.jpg) top center scroll no-repeat #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1{font-size:1.8em; font-weight:bold; color:#0B76BE;}
h2{font-size:1.5em; font-weight:bold; color:#a80c21;}
h3{font-size:1.2em; font-weight:bold; color:#0B76BE;}
h4{font-size:1em; font-weight:bold; color:#a80c21;}
h5{font-size:.85em; font-weight:bold; color:#0B76BE;}

h1, h2, h3, h4, h5, p, ul, ol, li {
	margin-top:10px;
	margin-bottom:10px;
}

ul li {
	list-style-position:outside;
	list-style-type:disc;
}

ul, ol {
	margin-left:20px;
}

hr {
	margin:5px auto;
}

img, a img, table {
	border:none;
}
a, #content a {
	color:#a80c21;
}
a:hover, #content a:hover {
	text-decoration:underline;
}

/* Wrap */
#wrap {
	width:980px;
	margin:0 auto;
}

/* Header */
#header {
	height:95px;
	position:relative;
}

h1#headerHomeLink {
	margin:0; padding:0;
	display:block;
	position:absolute;
	text-indent:-999999em;
	height:75px;
	width:550px;	
	top:10px;
	left:20px;
}
h1#headerHomeLink a {
	display:block;
	height:100%; width:100%;
}

p#headerAddy, p#headerPhone {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
}

p#headerAddy {
	top:6px;
	left:313px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1.5px;
}

p#headerPhone {
	top:5px;
	left:667px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:.5px;
	color:#d71321;	
}

/* Mid Wrap */
#midWrap {
	background:url(images/wrap_bg.gif) repeat-y top left;
}



/* Nav */
#nav {
	position:relative;
	width:215px;
	float:left;
	background-color:#4c4c4c;
	z-index:1000;
}

#home #nav {
	background:transparent url(images/nav_bg.gif) bottom center scroll no-repeat;
	height:448px;
}

#nav ul.menu { /* all lists */
	margin:0; padding:0;
	list-style:none outside none;
	width:200px;
	
	margin:11px auto 0;
}

#nav ul.menu li { /* all list items */
	margin:0; padding:0;
	list-style:none outside none;
	float:left;
	width:200px;
	height:32px;
	display:block;
	
	margin-bottom:6px;
}

#nav ul.menu li ul { /* second-level lists */
	position : absolute;
	
	left: -999em;
	/**/
	
	margin-left : 190px;
	margin-top : -35px;
	width:130px;
	background-color : #000;
	border : 2px solid #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

#nav ul.menu li ul li {/* second-level list items */
	height:25px;
	width:118px;
	
	padding:5px;
	margin-bottom:0;
}


#nav ul.menu li a {
	display : block;
	width: 200px;
	height:32px;
}
#nav ul.menu li li a {
	display : block;
	width: 108px;
	height:15px;
	padding : 5px;
	font-size:12px;
	line-height:15px;
	font-weight : bold;
	text-decoration:none;
	color : white;
}

#nav ul.menu li ul li a {
	border:1px solid #000;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#nav ul.menu li ul li a:hover  {
	background:#284db0 url(images/li_bg.gif) repeat-x center left scroll;
	border:1px solid #6f87c9;
}

#nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul, #nav ul.menu li.sfhover ul ul, #nav ul.menu li.sfhover ul ul ul {/* lists nested under hovered list items */
	left: -999em;
}

#nav ul.menu li:hover ul, #nav ul.menu li li:hover ul, #nav ul.menu li li li:hover ul, #nav ul.menu li.sfhover ul, #nav ul.menu li li.sfhover ul, #nav ul.menu li li li.sfhover ul { 
	left: auto;
}

#nav ul.menu li:hover, #nav ul.menu li.hover {
	position:static; /* fixes IE7 'sticky suckerfish' bug (flyouts don't go away)*/
}



#nav #eom {
	height:82px;
	width:121px;
	margin:8px auto;
	overflow:hidden;
	
}

/* Cover */
#cover {
	width:765px;
	float:right;
}
#coverSlides {
	width:765px;
	height:350px;
	overflow:hidden;
}

#subNav {
	height:108px;
	width:765px;
}

#subNav ul.menu, #subNav ul.menu li {
	list-style:none outside none;
	margin:0;
	padding:0;
	display:block;
}

#subNav ul.menu li {
	width:191px;
	height:108px;
	float:left;
}

#subNav ul.menu li#subnav1 {
	width:192px;
}

/* Content */
#content {
	width:725px;
	padding:20px;
	float:right;
}

/* Footer */
#footer {
	clear:both;
	height:47px;
	background:url(images/footer_bg.gif) no-repeat;
	position:relative;
	padding:7px 12px 0;
}

#home #footer {
	background-image:url(images/footer_home.png);
}

#footerInfo {
	font-size:12px;
	line-height:18px;
	float:left;
	color:#002940;
}

#footerPhone {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	float:right;
	text-align:right;
	color:#a80c21;
}

#footerlinks {
}

#footerLinks span.footerLink {
	display:block;
	position:absolute;
}

#footerLinks span#facebook {
	top:14px;
	left:292px;
}

#footerLinks span#youtube {
	top:12px;
	left:386px;
}

#footerLinks span#blog {
	top:12px;
	left:426px;
}

#footerLinks span#radio {
	top:10px;
	left:473px;
}

#footerLinks span#becu {
	top:10px;
	left:582px;
}

#footerLinks span#harborstone {
	top:10px;
	left:673px;
}

/* Sub Footer */
#subFooter {
	clear:both;
	margin:12px auto 0;
	height:20px;
	width:980px;
}

#interior #subFooter {
	margin:6px auto 0;
}

#subFooter a {
	color:#a4a3a3;
	float:right;
	display:inline-block;
	font-size:11px;
}

#subFooter #siteMapLink {
	margin:3px 33px 0 0;
}



/* SEO */

#seoWrap {
	color:#666;
}
#seoWrap a {
	color:#999;
}
#seoWrap a:hover {
	color:#ccc;
}
#seoWrap {
	margin:0 auto;
	padding:20px 0;
	width:980px;
	clear:both;
	padding:10px;
	/*border:1px solid #333;*/
	background:#000;
}

#seoToggle {
	border-bottom:1px solid #333;
	padding-left:12px;
}

#seoTextWrap {
	text-align:left;
}

.seo_scrolling {
	overflow: auto;
	margin:20px auto; 
	padding:0px; 
	width:900px; 
	clear: both;
}
.seo_scrolling a{text-decoration: none;}
.seo_scrolling a:hover{text-decoration: none;}
.seo_scrolling p, .seo_scrolling ul, .seo_scrolling ol {margin-top:10px;margin-bottom:10px;}  


/* Individual Page Stylings */

.textPage {}

/* Service Page */

ul#serviceLinks, ul#serviceLinks li {
	list-style:none outside none;
	margin:0; padding:0;
}
ul#serviceLinks {
	position:relative;
	clear:both;
	white-space:nowrap;
	width:100%;
	overflow:visible;
}

ul#serviceLinks li {
	float:left;
	margin:0 5px;
}

ul#serviceLinks li a {
	float:left;
	display:block;
	padding:8px 8px;
	color:#fff;
	background:#0B76BE;
	border:2px solid #0B76BE;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}

ul#serviceLinks li a:hover {
	float:left;
	display:block;
	padding:8px 8px;
	color:#0B76BE;
	background:#fff;
	border:2px solid #0B76BE;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}

/* Service FAQs */

#serviceFAQs {}

#serviceFAQs em.ifs {
	font-size:16px;
	color:#c00;
	font-weight:bold;
	font-style:italic;
}

#serviceFAQs #toc {
	text-align:center;
}

#serviceFAQs #toc a {
	padding:5px;
	text-decoration:none;
	color:#A80C21;
	background-color:#fff;
}

#serviceFAQs #toc a:hover {
	text-decoration:underline;
}


#serviceFAQs table {
	border:1px solid #666;
	border-bottom:none;
	border-right:none;
}

#serviceFAQs table td {
	border:1px solid #666;
	border-top:none;
	border-left:none;
	padding:10px;
}


#maintenanceInfo {
	text-align:center;
}

#maintenanceInfo img {
	width:725px;
}

/* Staff Page */
#staff{
	overflow:hidden;
	width:600px;
	margin: 0px auto;
}

#staff .staffIndWrap {
	float:left;
}

#staff .staffInd{
	width:180px;
	height:220px;
	text-align:center;
	padding:10px;
	margin:0;
}

.staffInd img{
	width:150px;
	margin:10px;
	border:2px #006699 solid;
}

.staffInd .staffName{
	font-weight:bold;
	color:#006699;
}

.staffInd .staffTitle{
	font-style:italic;
}

.staffInd .staffPhone{}

.staffInd .staffEmail{}


/* radio ads */
div.jp-playlist li {
	list-style-position:inside;
}

/* Special Classes and IDs */
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
p.right {
	text-align:right;
}
img.center {
	display:block;
	margin:0 auto;
}
.contactheader {
	display:none;
}
.BrowseBox1 {
	margin:3px auto 3px auto;
}


/*  clearfix :: assign class='clearfix' to any elements that have only floated elements within it for this to work! */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* hack for IE6 */
*:first-child+html .clearfix { zoom: 1; } /* hack for IE7 */

/*  Site map */
#site li.none {
	list-style-type:none;
}