
/* - - - - - - - - AMELANS STYLE SHEET - - - - - - - - */

/* - - - - - - - - Page layout / general styles - - - - - - - - */

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	text-align: center;
}

a {
	color: #004CE2;
}

#header {
	height: 122px;
	width: 760px;
}

#container {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -380px;
	width: 760px;
	text-align: left;
}

#contentHome {
	position: absolute;
	top: 349px;
	width: 760px;
	background: url("../images/content_bg01.jpg") repeat-x bottom center;
}

#content {
	position: absolute;
	top: 202px;
	width: 760px;
	background: url("../images/content_bg01.jpg") repeat-x bottom center;
}

#leftColumn {
	width: 507px;
	float: left;
}

#rightColumn {
	float: left;
	width: 239px;
	color: #333;
}

/* - - - - - - - - Header elements- - - - - - - - */

#header img {
	margin: 24px 0 0;
	float: left;
	display: block;
	border: 0;
}

#header h1 {
	padding: 32px 0 0 20px;
	width: 400px;
	color: #003497;
	font-size: 18px;
	float: left;
}


/* - - - - - - - - Left Column Elements - - - - - - - - */

#leftColumn h1 {
	font-size: 21px;
	color: #003497;
	padding: 5px 14px 3px;
	line-height: 1.3;
}

#leftColumn h2 {
	font-size: 16px;
	color: #003497;
	padding: 5px 14px 3px;
}

#leftColumn h3 {
	font-size: 13px;
	color: #003497;
	padding: 5px 14px 3px;
}

#leftColumn p {
	font-size: 13px;
	margin: 0 28px 10px 14px;
	line-height: 20px;
	color: #222;
}

#leftColumn p.featuredPara {
	font-size: 20px;
	line-height: 30px;
	color: #333;
}

#leftColumn p.footNote {
	font-size: 11px;
	line-height: 17px;
	color: #333;
}

#leftColumn ul {
	margin: 0 28px 12px 40px;
}

#leftColumn li {
	list-style-type: none;
	background: url("../images/bullet.gif") no-repeat;
	font-size: 13px;
	line-height: 18px;
	color: #222;
	padding: 2px 0 2px 16px;
	margin-left: -16px;
}

#leftColumn a, #rightColumn a, #utilityNav li a, #utilityHomeNav li a, #footer a, .featureBoxContent a {
	text-decoration: none;
	font-weight: bold;
	/*border-bottom: 1px solid #79A3EF;*/
}

#leftColumn a:hover, #rightColumn a:hover, #utilityNav li a:hover, #utilityHomeNav li a:hover, #footer a:hover, .featureBoxContent a:hover {
	text-decoration: underline;
	/*border-bottom: 1px solid #004CE2;*/
}	
/*
#leftColumn a:visited, #rightColumn a:visited, #utilityNav li a:visited, #utilityHomeNav li a:visited, #footer a:visited, .featureBoxContent a:visited {
	color: #3973E5;
}
*/

/* - - - - - - - - Footer - - - - - - - - */


#footer {
	background: url("../images/green_curve.gif") no-repeat;
	width: 760px;
	height: 117px;
	text-align: center;
	font-size: 11px;
	color: #555;
	clear: both;
}

#footer h2 {
	font-size: 18px;
	padding: 21px 0 3px;
	color: #003497;
}

#footer p {
	padding: 5px 0 0;
	font-size: 11px;
}

/* - - - - - - - - Home Navigation - - - - - - - - */

#homeNav {
	position: absolute;
	background: url("../images/homeNav_bg01.jpg") repeat-x;
	width: 757px;
	height: 175px;
	left: 4px;
}

.homeNavItem {
	position: relative;
	width: 125px;
	height: 175px;
	border-left: 1px solid #9FBDF4;
	float: left;
	color: white;
}

.homeNavItem h2 {
	padding: 6px 0 0 9px;
	font-size: 14px;
	font-weight: bold;
}

.homeNavItem h2 a {
	color: white;
	text-decoration: none;
}

.homeNavItem h2 a:hover {
	text-decoration: underline;
}

.homeNavItem p {
	padding: 10px 10px 0 9px;
	font-size: 13px;
	line-height: 17px;
}

.homeNavItem img {
	position: absolute;
	bottom: 7px;
	left: 10px;
	border: 0;
}


/* - - - - - - - - Primary Navigation - - - - - - - - */

#primaryNav {
	position: 100px;
	background: url("../images/primaryNav_bg01.jpg") repeat-x;
	width: 757px;
	height: 30px;
	left: 4px;
}

.primaryNavItem {
	position: relative;
	width: 125px;
	height: 30px;
	border-left: 1px solid #9FBDF4;
	float: left;
	color: white;
}

.primaryNavItem h2 {
	padding: 6px 0 0 9px;
	font-size: 14px;
	font-weight: bold;
}

.primaryNavItem h2 a {
	color: white;
	text-decoration: none;
}

.primaryNavItem h2 a:hover {
	text-decoration: underline;
}

.primaryNavItem p {
	padding: 10px 10px 0 9px;
	font-size: 13px;
	line-height: 17px;
}

.primaryNavItem img {
	position: absolute;
	bottom: 7px;
	left: 10px;
	border: 0;
}


/* - - - - - - - - Secondary Navigation - - - - - - - - */


#secondaryNavBox {
	width: 239px;
	margin: 0 0 10px;
	color: #3F4103;
}

#secondaryNavBox h1 {
	width: 239px;
	font-size: 14px;
	line-height: 14px;
	color: white;
	background: url("../images/box_top_blue.gif") no-repeat;
	padding: 4px 0 4px 9px;
}

#secondaryNav {
	width: 239px;
	padding: 6px 0;
	background: url("../images/box_bg_blue.jpg") bottom left no-repeat;
}

#secondaryNav li {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
	color: #001C54;
	padding: 2px 0 2px 0;
	margin-left: 12px;
	font-weight: bold;
}


/* - - - - - - - - Footer nav & Utility nav - - - - - - - - */


#utilityHomeNav {
	background: url("../images/green_curve.gif") no-repeat;
	width: 757px;
	position: absolute;
	top: 247px;
	left: 3px;
}

#utilityNav {
	background: url("../images/green_curve.gif") no-repeat;
	width: 757px;
	position: absolute;
	top: 102px;
	left: 3px;
}

#footer ul {
	display: inline;
	padding: 0 0 0 15px;
}

#utilityNav ul, #utilityHomeNav ul {
	display: inline;
	position: relative;
	top: 15px;
	left: 10px;
}

#utilityNav li, #utilityHomeNav li, #footer li {
	display: inline;
	padding: 0 15px 0 0;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	list-style-position: inside;
	color: #001C54;
}

#footer li {
	font-weight: normal;
}


/* - - - - - - - - Feature Box - - - - - - - - */

.featureBox {
	width: 239px;
	margin: 0 0 10px;
	color: #3F4103;
}

.featureBox h1 {
	width: 239px;
	font-size: 13px;
	line-height: 13px;
	color: white;
	background: url("../images/box_top_green.gif") no-repeat;
	padding: 3px 6px;
}

.featureBox h2 {
	font-size: 16px;
	line-height: 20px;
	color: #3F4103;
	padding: 6px 6px 2px;
}

.featureBox h3 {
	font-size: 14px;
	line-height: 15px;
	color: #3F4103;
	padding: 6px 6px 2px;
}

.featureBox p {
	font-size: 12px;
	line-height: 1.25;
}

h2.featureBoxPhone {
	color: #3F4103;
	font-weight: normal;
	border-bottom: 1px solid #C1C806;
	padding-bottom: 6px;
}

.featureBoxContent {
	width: 239px;
	background: #F3F4CF;
}

img.featureImage {
	float: left;
	margin: 6px 3px 3px 9px;
}

p.featureImageCaption {
	float: left;
	font-size: 12px;
	color: #3F4103;
	width: 121px;
}

.featureBox p {
	padding: 6px 6px 2px;
}

a.featureLink {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 0 6px 2px;
	font-size: 12px;
}

iframe.claimForm {
	width: 100%;
	height: 230px;
	margin: 0;
	border: 0;
}

h2.quote {
	margin-left: -0.1em;
}


/* - - - - - - - - Form elements - - - - - - - - */

#leftColumn form {
	padding: 10px 15px 20px;
	font-size: 12px;
}

#leftColumn form h2, #leftColumn form h3 {
	padding: 6px 0 12px;
}

.featureBox form {
	padding: 6px;
	font-size: 12px;
}

.featureBox form h3 {
	margin: -4px 0 6px -6px;
}

#leftColumn input:focus, #leftColumn textarea:focus, .featureBox input:focus, .featureBox textarea:focus {
	background: #ffff99;
}

label {
	font-size: 11px;
	line-height: 10px;
	display: block;
}

label.radio, label.check {
	cursor: pointer;
	border-bottom: 1px dotted #15153F;
	font-size: 13px;
	vertical-align: middle;
	height: 5px;
}

.radioButton, .checkBox {
	margin: 0 -1px 0 5px;
	cursor: pointer;
}

.textField {
	padding: 1px 2px;
	font-size: 12px;
	margin: 2px 0 8px;
	color: black;
	background: white;
	border: 1px solid #3F4103;
}

#leftColumn .textField {
	padding: 1px 2px;
	font-size: 13px;
	margin: 3px 0 10px;
	color: black;
	background: white;
	border: 1px solid #8893A8;
}

.button {
	border: 2px solid #00597B;
}

.buttonOver {
	border: 2px solid #E04000;
	cursor: pointer;
}

.formSection {
	border-top: 1px solid #97BDCB;
	padding: 12px 0;
}

textarea {
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
}

/* - - - - - - - - Featured Lawyer - - - - - - - - */

#featuredLawyer, #homeNews {
	margin-top: 20px;
	width: 250px;	
	float: left;
	padding-bottom: 10px;
}

#homeNews {
	clear: left;
	border-right: 1px solid #D3DDEE;
}

#featuredLawyer p, #homeNews p, #featuredLawyer li, #homeNews li {
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 0;
}

#featuredLawyer h2, #homeNews h2 {
	margin-bottom: 6px;
}


/* - - - - - - - - Start claim - - - - - - - - */


#startClaim {
	width: 460px;
	margin: 15px;
	padding: 0 0 12px;
	background: #80A6F4 url(../images/homeNav_bg01.jpg) repeat-x;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 4px solid #C3CA0F;
}

#startClaim img {
	margin-left: 15px;
}

#startClaim h2 {
	font-size: 18px;
	padding-top: 6px;
	color: white;
	background: url(../images/claimnow_box_top.gif) no-repeat;
}

#startClaim h2 a {
	color: white;
	text-decoration: none;
}

#startClaim p {
	color: white;
}


/* - - - - - - - - Personnel pages - - - - - - - - */

#staffPhoto {
	border: 1px solid #D1D6E5;
	margin: 0 0px 15px 15px;
	float: left;
}

#staffProfile {
	font-size: 14px;
	width: 330px;
	height: 122px;
	margin: 0 0 0;
	border-top: 1px solid #D1D6E5;
}

#staffProfile th {
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	border-right: 1px solid #D1D6E5;
	width: 102px;
}

#staffProfile td {
	font-size: 13px;
	line-height: 17px;
}

#staffProfile th, #staffProfile td {
	padding: 6px 8px;
	vertical-align: text-bottom;
	line-height: 14px;
}

div.headingBackLink {
	font-size: 12px;
	padding: 2px;
	margin: 3px 0 3px 1px;
}


/* - - - - - - - - Sucess Stories - - - - - - - - */

div.successStory {
	width: 460px;
	background: #F5F6FC /* url("../images/box_bg_blue.jpg") bottom left repeat-x*/;
	margin: 0 0 15px 15px;
	border: 1px solid #A2C0F2;
	padding-top: 6px;
}

img.successStoryPhoto {
	float: right;
	margin: 6px 12px 8px 12px;
	border: 1px solid #D1D6E5;
}

div.successStory p {
	padding: 4px 0;
	font-size: 15px;
	color: #555;
}


/* - - - - - - - - Meet the team (home page)  - - - - - - - - */

a.featuredStaffLink {
	font-size: 12px;
	line-height: 10px;
	margin: 0;
}

div.featuredStaffCaption {
	font-size: 12px;
	line-height: 15px;
	width: 121px;
	float: left;
	color: #333;
}

img.featuredStaffPhoto {
	float: left; 
	margin: 0 8px 6px 15px;
	border: 1px solid #D1D6E5;
}