/*************************************************************************************/
/*BEGIN STANDARD ELEMENT STYLES                                                                                                               */
/*************************************************************************************/
/* Last Revised: 04-22-08*/
html, body {	
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color:#333333;
}
p {
margin:0px;
padding: 0px 0px 10px 0px;
}
h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	/*letter-spacing:1px;*/
	color: #335286;
}
h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	line-height: 22px;
	/*letter-spacing:1px;*/
	font-weight: bold;
	color: #335286;
}
h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	color: #335286;
}
a:link, a:visited { color: #335286; }
a:hover, a:active {color: #333333;}

ol {
	margin-top:0px;
	padding-top:0px;
	margin-left: 20px;
	padding-left: 20px;
	list-style-position: outside;
}
ul {
	margin-top:0px;
	padding-top:0px;
}
blockquote {
margin: 5px 20px 7px 15px;
padding: 5px 20px 7px 15px;
}
#content li {
padding-bottom:5px;
}

/*************************************************************************************/

/*LAYOUT STYLES                                                                                                               */

/*************************************************************************************/
#top-container {
	margin:auto;
	padding:  0px 5px 0px 5px;
	margin: auto;
	height: 106px;
	background-image:url(images/nautical_line.gif);
	background-repeat:repeat-x;
	background-position: 0px 100px;
}
	.home #top-container {height: 140px; background-position: 0px 134px; margin-top:30px;}

#home-photo-container { float:left; width:480px; margin: 0px 25px 5px 0px; }
	
#nav-container { width: 885px; margin: auto; }

#header-container {
	margin:auto;
	padding:  0px 5px 0px 5px;
	background-image:url(images/gulf_coast_nautical_map.jpg);
	background-position: -400px 0px;
	background-repeat:repeat-x;
	background-color:#E3F3C4; 
	min-height:340px; }
	.home #header-container { min-height:360px;}
	#interior #header-container { height:70px; min-height:70px; }

#login-container { text-align:right; height: 50px; color: #335286; font-weight:bold;}


#header-content { width:885px; margin:auto; padding: 45px 5px 50px 5px; }
	#interior #header-content {	padding: 20px 5px 0px 5px;  }

#header-content h1 { padding-bottom:30px; }
	#interior #header-content h1 { padding-bottom:0px; }

#section-photo {float:right; width:330px; padding: 0px 0px 15px 25px; }
#section-photo.smaller_height_section_photo { padding-top: 15px;}

#content-container { width:885px; margin:auto; padding:  0px 5px 0px 5px; }
	#interior #content-container { }

#content { margin-right: 330px; padding:25px 25px 0px 0px; }
	#interior #content {margin-right:225px;padding-right:40px;}
	#interior.no_sidebar #content {margin-right:0px; padding-right:25px;}
	/*#interior.how #content {margin-right: 275px; padding-right:40px; }
	#interior.why #content {margin-right: 225px; padding-right:40px; }
	#interior.ready #content {};
	#interior.services #content {};
	#interior.contact #content {};
	.bio { }*/
	#interior.bio #content {margin-left:180px;}

#sidebar { float:right; width:330px; padding:25px 0px 0px 0px;}
	#interior #sidebar {width:225px;}
	/*#interior.how #sidebar {width:275px;}
	#interior.why #sidebar {width:225px;}
	#interior.ready #sidebar {};
	#interior.services #sidebar {};
	#interior.contact #sidebar {};
	.bio { }*/
	#interior.bio #sidebar {width:225px;}
	

#bio_left { float:left; width:160px; padding:30px 20px 0px 0px; font-size:11px; line-height:15px; color:#335286; }
	.bio_name {font-size:15px; line-height:18px; padding-bottom:5px; }
	
	

/*************************************************************************************/

/*MAIN NAVIGATION STYLES
                                                                                                               */
/*************************************************************************************/
#main-nav { height: 50px; float: right; margin-top:28px; }
#main-nav dl { margin: 0; padding: 0; 
}
/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */
#main-nav dt { float: left; }
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0px 0 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#main-nav dt a:hover {
	background-position: 0 -50px;
}
/* NOTE: in order to hide the line on the right of the image in the last button in the nav, reduce width ofthat last nav link by 1 pixel*/
#main-nav dt#how,
#main-nav dt#how a { width: 167px; background-image: url(images/nav/how.gif);  background-repeat: no-repeat; }

#main-nav dt#why,
#main-nav dt#why a { width: 167px; background-image: url(images/nav/why.gif);  background-repeat: no-repeat;}

#main-nav dt#ready,
#main-nav dt#ready a { width: 134px; background-image: url(images/nav/ready.gif); background-repeat: no-repeat;}

#main-nav dt#services,
#main-nav dt#services a { width: 83px; background-image: url(images/nav/services.gif);  background-repeat: no-repeat;}

#main-nav dt#contact,
#main-nav dt#contact a { width: 100px; background-image: url(images/nav/contact.gif); background-repeat: no-repeat;}

body.how dt#how,
body.how dt#how a,
body.why dt#why,
body.why dt#why a,
body.ready dt#ready,
body.ready dt#ready a,
body.contact dt#contact,
body.contact dt#contact a,
body.services dt#services,
body.services dt#services a {
	background-position: 0px -100px;
}
body.commercial dt#how a:hover, body.personal dt#why a:hover,
body.internet dt#ready a:hover, body.contact dt#contact a:hover, body.about dt#services a:hover {
	background-position: 0px -50px;
}
/*************************************************************************************/
/*LOGO NAV STYLES                                                                                                               */
/*************************************************************************************/
#logo-nav { height: 52px; float: left; margin:20px 20px 0px 0px; }
#logo-nav dl { margin: 0; padding: 0; 
}
/* IE5 Mac Hack \*/ 
#logo-nav { padding-left: 0px; } 
/*/ 
#logo-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */
#logo-nav dt { float: left; }
#logo-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:52px; /* IE 5/Win hack */ 
	padding: 52px 0px 0px 0px;
	overflow: hidden;
	width: 205px;
	background-image:url(images/bergland_logo.gif);
	background-repeat: no-repeat;
}
#logo-nav dt a:hover {
	background-position: 0 -52px;
}
body.home #logo-nav dt a:hover {
	background-position: 0px 0px;
}
/*************************************************************************************/
/*SIDEBAR NAV STYLES                                                                                                               */
/*************************************************************************************/
#sidebar-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
#sidebar-nav p {
	margin: 0px;
	padding: 0px 0px 15px 15px;
}
#sidebar-nav ul {
	margin: 0px 0px 2px 8px;
	padding: 0px 0px 2px 8px;
}
#sidebar-nav li {
	list-style-image: url(images/sidebar-triangle.gif);
	padding-bottom: 10px;
}
#sidebar-nav a:link {
	color:#335286;
	text-decoration: none;
}
#sidebar-nav a:visited {
	color:#335286;
	text-decoration: none;
}
#sidebar-nav a:hover {
	color:#91C918;
	text-decoration: none;
}
body.s1 #sidebar-nav a.s1, body.s2 #sidebar-nav a.s2, body.s3 #sidebar-nav a.s3, body.s4 #sidebar-nav a.s4, 
body.s5 #sidebar-nav a.s5, body.s6 #sidebar-nav a.s6, body.s7 #sidebar-nav a.s7, body.s8 #sidebar-nav a.s8 { color:#91C918; }

	
/*************************************************************************************/
/*BIO NAVIGATION                                                                                                          */
/*************************************************************************************/
#bio-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	float:right;
	margin:-4px 0px 0px 0px;
	width: 225px;
}
.contact #bio-nav {
	margin:7px 0px 0px 0px;
}
#bio-nav p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#bio-nav ul {
	margin: 0px 0px 8px 15px;
	padding: 0px 0px 8px 15px;
}
#bio-nav li {
	list-style-image: url(images/sidebar-triangle.gif);
	padding-bottom: 5px;
}
#bio-nav a:link {
	color:#335286;
	text-decoration: none;
}
#bio-nav a:visited {
	color:#335286;
	text-decoration: none;
}
#bio-nav a:hover {
	color:#91C918;
	text-decoration: none;
}
body.bio1 #bio-nav a.bio1, body.bio2 #bio-nav a.bio2, body.bio3 #bio-nav a.bio3 { color:#91C918; }
/*************************************************************************************/

/*MISC                                                                                                               */

/*************************************************************************************/

#footer {
	width:885px;
	margin:auto;
	margin-top:60px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 13px;
	clear:both;
}
.photo-right {
	float: right;
	margin: 7px 0px 0px 25px;
}
.photo-left {
	float: left;
	margin: 7px 25px 15px 0px;
}
.photo-full {
	float: left;
	margin: 15px 0px 15px 0px;
	width:590px;

}
.sidebar-image_left {
	float:left;
	padding-right:20px;
}
.sidebar-image_right {
	padding-left:20px;
}
.large_intro_text {
font-size:26px; margin-left:-2px; 
}
.button {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 12px;
	margin: 0px;
	padding:5px 3px 5px 3px;;
	
}
.button a:link, .button a:visited {
	padding: 7px 7px 7px 7px;
	display: inline;
	overflow:visible;
	text-decoration: none;
	color: #FFFFFF;
	background-color:#666666;
}
.button a:hover, .button a:active {
	background-color:#91C918;
}
/**************************************************************************************/
/* Contact form STYLES*/
/**************************************************************************************/

#contact_form{
float:left;
}
 #contact_form fieldset {
	border:none;
}
 #contact_form label {
	width: 90px;
	float: left;
	text-align: left;
	line-height:15px;
	margin-right: 2px;
	display: block;

}
#contact_form input, #contact_form textarea, #contact_form select {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
border:1px solid #666666;
width:490px;
margin-bottom:20px;
}
#contact_form .city {
width:210px;
margin-right:10px;
}
#contact_form .state {
width:50px;
margin-right:10px;
}
#contact_form .zip, #contact_form .submit {
width:200px;
margin-right:10px;
}
.required {
color:#990000;
background-color:#FFFF99;
display:block;
}
.error {
padding-left:10px;
}
.warning_box {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#333333;
}