/* 
Title:		Coastal Pension Services Styles
Firm:       Letterspace Creative - www.letterspacecreative.com
Contact: 	Fred Hviid fred@letterspacecreative.com
*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0;
	padding: 0;
	background:  url("images/bg.jpg") repeat-x #c7d6e3;
	text-align: center; 
}

/* STRUCTURE */

#globalwrap {width: 631px; margin: 0 auto; text-align:left;}	

#wrap {border: solid 2px #fff; background-color:#fff; float:left; width: 627px;}

#header {background:  url("images/header_bg.gif") no-repeat top right }

#content {float:left; background: #fff url("images/dot.gif") repeat-y 396px; width: 627px;}
#content img {border-bottom: solid 1px #fff}

#main {width: 397px; float: left}

#sidebar {width: 230px; float: left; background: #fff url("images/side_bg.gif") repeat-x top left;}

#footer {
	float:left;
	text-align:center;
	width: 627px;
	clear:both;
	padding: 25px 0 0;
	background: #fff url("images/foot.gif") repeat-x bottom left;
}

#footer p {color: #00467f; font-size: 80%;}

/* MAIN NAVIGATION */

#navigation	{
	width: 627px;
	height: 35px;
	padding: 0;
	margin: 0;
	float: left;
	border-top: solid 2px #fff;
	border-bottom: solid 1px #fff;
	}

#navigation ul	{
	width: 627px;
	height: 35px;
	background:  url("images/nav.gif");
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#navigation ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	}
	
#navigation ul li, #navigation a	{
	height: 35px;
	display: block;
	}

#navigation ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#n1 {left: 0; width: 73px;}
#n2 {left: 73px; width: 122px;}
#n3 {left: 195px; width: 176px;}
#n4 {left: 371px; width: 192px;}
#n5 {left: 563px; width: 63px;}

#n1 a:hover, #about #n1 {background: transparent url("images/nav.gif") 0 -35px no-repeat;}
#n2 a:hover, #financial #n2 {background: transparent url("images/nav.gif") -73px -35px no-repeat;}
#n3 a:hover, #employers #n3 {background: transparent url("images/nav.gif") -195px -35px no-repeat;}
#n4 a:hover, #plan #n4 {background: transparent url("images/nav.gif") -371px -35px no-repeat;}
#n5 a:hover, #contact #n5 {background: transparent url("images/nav.gif") -563px -35px no-repeat;}

/* LINKS */

a, a:visited {color: #860037; text-decoration: underline;}

a:hover {color: #093C66; text-decoration: none;}

/* TEXT */

p {
	color:#666;
	line-height: 1.75em;
	margin: 0;
	font-size: 85%;
	padding: 0 15px 20px;
}

h1 {
	font: normal 120% Georgia, serif;
	color: #fff;
	margin: 0;
}

h2 {
	font: oblique normal 120% Georgia, serif;
	color: #860037;
	padding: .5em 15px 0;
	margin: 0;
}

h3 {
	color: #00467f;
	font: normal 110% Georgia, serif;
	padding: .5em 15px 0;
	margin: 0;
}

#main h1 {padding: .5em 15px; border-right: solid 1px #005c92; margin-bottom: .75em; background: #00467f url("images/main_h1.gif") repeat-x bottom left}
#sidebar h1 {padding: .5em 15px; margin-bottom: .75em; background: #4b7da5 url("images/side_h1.gif") repeat-x bottom left}
#highlight h3 {padding: 0 0 .3em; font-size: 120%;}

/* LISTS */

ul, ol {
	line-height: 1.75em;
	padding: 0 15px 20px 15px;
	margin: 0;
	font-size: 85%;
	list-style-type: none;
	color: #666;
}

ol {
	padding: 10px 0 0 0;
	line-height: 1.50em;
}

#sidebar ul {padding: 0 0 0 15px;}

#sidebar li {background : url("images/side_bullet.gif") no-repeat left 4px; padding-left: 13px; color: #00467f; line-height: 1.25em; margin-bottom: .75em}

/* PROPOSAL FORM */

form {padding: 0 15px 0; color:#666; font-size: 85%; margin: 0}

fieldset {
	border: 1px solid #c1d2e0;
	margin: 10px 0;
	background:  #fff url("images/field_bg.gif") repeat-x bottom left;
	float: left;
	width: 343px;
	padding: 10px;
}

fieldset div {margin: 7px}

input {font-size: inherit}
legend {font-weight: bold; color: #00467f}
label {float: left; clear: both; margin: 0 0 10px 0}
#message {width: 323px; clear: both}
.n_clear {clear:none; padding-left: 1em}
.personal {width: 5em; line-height: 2em;}
fieldset div {margin-bottom: 10px}
.button {clear: both}
#contact em {color: #860037}
textarea {font-family: inherit; font-size: inherit}

/* HIGHLIGHT */

#highlight {
	border: 1px solid #c1d2e0;
	background: #fcfdfe url("images/field_bg.gif") repeat-x bottom left;
	margin: 0 18px 10px 15px;
	padding: 15px;
}

#highlight li {margin-bottom: 15px; padding-left: 25px}
.one {background : url("images/1.gif") no-repeat center left}
.two {background : url("images/2.gif") no-repeat center left}
.last {padding-bottom: 10px}

#services #highlight {margin: 15px 18px 10px 15px}
#services #highlight ul, #plan #highlight ul {padding: 0}
#services #highlight li {margin-bottom: 5px; padding-left: 0px}
#plan #highlight li {margin-bottom: 5px; padding-left: 5px}
#plan #highlight li.coastal {padding-left: 0px}

#plan #highlight {margin-bottom: 10px}