/*
	###############################################################
	#                                                             #
	#           HAWKINS FAMILY LAW WEBSITE PROJECT V2.0           #
	#           ------------------------------------              #
	#           CSS FILE : SCREEN ALL BROWSERS                    #
	#                                                             #
	###############################################################

	ALTERATION HISTORY
	===============================================================
	DATE		AUTHOR		DETAIL
	===============================================================
	07/03/08	Sam HS		Created File
					Added homepage template data

	08/03/08	Sam HS		Added support for the forms on
					the contact pages. Added some
					additional styles for the subnav
					area displaying active panels

	26/03/08	Sam HS		Added the accent images for the 
					remaining pages
	---------------------------------------------------------------

*/

	* {
		margin:			0;
		padding:		0;
	}

	body {
		background:		#ffffff;
		color:			#666666;
		font-family:		helv, arial, sans-serif;
		font-size:		62.5%;
		text-align:		center;
	}

	#container {
		position:		relative;
		width:			758px;
		margin:			auto;
		margin-top:		15px;
		margin-bottom:		15px;
		text-align:		left;
	}

	/* HEADER AREA */

	#headbar { 
		position:		relative;
		width:			758px;
		height:			52px;
		background:		transparent url(headbar.gif) no-repeat top left;
	}
	#headbar h1 { 
		font-size:		1em;
		color:			#ffffff;
		position:		absolute;
		font-weight:		400;
		bottom:			6px;
		left:			13px;
		width:			180px;
		height:			1.4em;
		overflow:		hidden;
	}
	#address { 
		font-size:		1em;
		color:			#ffffff;
		position:		absolute;
		bottom:			6px;
		right:			13px;
	}
	#accent { 
		position:		relative;
		width:			758px;
		height:			156px;
		background:		transparent url(accent.jpg) no-repeat top left;
	}

	#container.home #accent { }


	#container.whyChooseUs #accent { 
		background:		transparent url(accentWhy.jpg) no-repeat top left;
	}

	#container.who #accent { 
		background:		transparent url(accentWho.jpg) no-repeat top left;
	}

	#container.whoRachel #accent { 
		background:		transparent url(accentWho.jpg) no-repeat top left;
	}

	#container.services #accent { 
		background:		transparent url(accentServices.jpg) no-repeat top left;
	}

	#container.servicesChildren #accent { 
		background:		transparent url(accentServicesChildren.jpg) no-repeat top left;
	}

	#container.servicesCivil #accent { 
		background:		transparent url(accentServicesCivil.jpg) no-repeat top left;
	}

	#container.servicesCohabitor #accent { 
		background:		transparent url(accentServicesCohabitor.jpg) no-repeat top left;
	}

	#container.servicesCohabitorDispute #accent { 
		background:		transparent url(accentServicesCohabitorDispute.jpg) no-repeat top left;
	}

	#container.servicesCollaborative #accent { 
		background:		transparent url(accentServicesCollaborative.jpg) no-repeat top left;
	}

	#container.servicesDivorce #accent { 
		background:		transparent url(accentServicesDivorce.jpg) no-repeat top left;
	}

	#container.servicesFinancial #accent { 
		background:		transparent url(accentservicesfinancial.jpg) no-repeat top left;
	}

	#container.servicesMediation #accent { 
		background:		transparent url(accentServicesMediation.jpg) no-repeat top left;
	}

	#container.servicesPrenuptial #accent { 
		background:		transparent url(accentServicesPrenuptial.jpg) no-repeat top left;
	}

	#container.servicesPropertyIssues #accent { 
		background:		transparent url(accentservicesproperty.jpg) no-repeat top left;
	}

	#container.servicesSeparation #accent { 
		background:		transparent url(accentServicesSeparation.jpg) no-repeat top left;
	}

	#container.servicesWills #accent { 
		background:		transparent url(accentServicesWills.jpg) no-repeat top left;
	}

	#container.useful #accent { 
		background:		transparent url(accentUseful.jpg) no-repeat top left;
	}

	#container.contact #accent { 
		background:		transparent url(accentContact.jpg) no-repeat top left;
	}

	#nav { 
		position:		relative;
		font-size:		1.1em;
		height:			22px;
		border-top:		2px solid #ffffff;
		border-bottom:		2px solid #ffffff;
		background:		#f1f2f9 url(navbg.gif) repeat-x top left;
	}
	#nav ul { 
		margin:			0;
		padding:		0;
	}
	#nav ul li { 
		list-style:		none;
		display:		block;
		margin-top:		3px;
		padding-left:		34px;
		padding-right:		34px;
		float:			left;
		line-height:		16px;
		border-right:		1px solid #ffffff;
	}
	#nav ul li a { 
		color:			#808080;
		text-decoration:	none;
	}
	#nav ul li a:active, #nav ul li a:hover {
		color:			#cccccc;
	}

	#nav ul li a.active { 
		color:			#034ea1;
	}
	#nav ul li.last { 
		border-right:		none;
	}

	#contentarea {
		position:		relative;
		clear:			left;
		width:			100%;
		height:			20px;
		background:		#f1f2f9 url(contentbg.gif) repeat-y top left;	
	}

	/* SUB NAV AREA */

	#subnav { 
		width:			200px;
		margin-left:		20px;
		float:			left;
	}
	#subnav h3 { 
		font-size:		1.1em;
		font-weight:		400;
		padding:		10px;
		padding-top:		7px;
		padding-bottom:		7px;
		background:		#bbc0e0;
		color:			#f1f2f9;
	}
	#subnav h3.active {
		background: 		#034EA1;
	}
	#subnav ul { 
		font-size:		1.1em;
		margin:			0;
		padding:		10px;
	}
	#subnav ul li { 
		list-style:		none;
		line-height:		1.6em;
	}
	#subnav ul li a { 
		color:			#666666;
		text-decoration:	none;
	}
	#subnav ul li a:active, #subnav ul li a:hover { 
		color:			#cccccc;
	}
	#subnav ul li a.active { 
		color:			#034ea1;
	}

	#printlogo {
		display:		none;
	}

	/* BODY AREA */
	
	#content { 
		padding-left:		262px;
		padding-right:		30px;
		background:			transparent url(contentbg.gif) repeat-y top left;	
	}
	
	#printbtn {
		display:			block;
		width:				105px;
		height:				20px;
		position:			absolute;
		top:				240px;
		right:				10px;
		text-indent:		-10000px;
		overflow:			hidden;
		background:			transparent url(printpage.gif) no-repeat top left;
	}

	#content p { 
		font-size:		1.25em;
		line-height:		1.4em;
		padding-bottom:		15px;
		text-align:		justify;
	}
	#content h2 {
		color:			#034ea1;
		text-indent:		-10000px;
		display:		block;
		height:			32px;
		overflow:		hidden;
	}

	#content h3 { 
		font-size:		1.2em;
		font-weight:		bold;
		padding-top:		7px;
		padding-bottom:		2px;
		color:			#034EA1;
	}

	#content strong {
		color: 			#034EA1
	}
	
	#content table {
		font-size:		1.25em;
	}

	#content ul, #content ol {
		font-size:		1.25em;
		margin-left:		1.5em;
		padding-bottom:		20px;
	}

	#content ul li {
		list-style-type:	disc;
	}

	#content ol li {
		list-style-type:	lower-roman;
	}

	#content li {
		padding-left:		10px;
		line-height:		1.7em;
	}

	#content a {
		color:			#034ea1;
	}

	#content a.downloadbtn {
		font-size:		0.9em;
		padding:		10px;
		color:			#ffffff;
		background:		#BBC0E1;
		text-decoration:	none;
	}

	#content #contactform {
		padding:		10px;
		min-height:		250px;
	}
	
	#content #contactform fieldset {
		display:		block;
		padding-left:		125px;
		border:			none;
	}

	#content #contactform legend {
		padding:		0;
		margin:			0;
		text-indent:		0;
		border:			none;
		color:			#034EA1;
		font-size:		1.7em;
		font-weight:		bold;
	}

	#content #contactform label {
		color:			#808080;
		font-size:		1.25em;
		line-height:		1.5em;
		display:		block;
		margin-bottom:		5px;
	}

	.required {
		color:			#034EA1;
	}

	#content #contactform label input, #content #contactform label textarea {
		font-size:		1.25em;
		display:		block;
		width:			310px;
	}

	#submit {
		padding:		15px;
		padding-top:		5px;
		padding-bottom:		5px;
		font-size:		1.5em;
		font-weight:		bold;
		color:			#034EA1;
		background:		#BBC0E1;
		border:			none;
		cursor:			hand;
		cursor:			pointer;
		float:			right;
		margin-right:		7px;
	}
		


	#content #contactform.loraine {
		background:		transparent url(contactFormLoraine.jpg) no-repeat top left;
	}
	
	#content form.jo {
		background:		transparent url(contactFormJo.jpg) no-repeat top left;
	}


	#content form.rachel {
		background:		transparent url(contactFormRachel.jpg) no-repeat top left;
	}
	
	
	#content form.stephanie {
		background:		transparent url(contactFormStephanie.jpg) no-repeat top left;
	}
	
	#content form.katie {
		background:		transparent url(contactFormKatie.jpg) no-repeat top left;
	}
	
	#clearfloat {
		clear:			both;
	}

	/* MAIN CONTENT HEADINGS IMAGE REPLACEMENT */

	#headingContact {
		background:		transparent url(headingContact.gif) no-repeat top left;
	}
	
	#headingPrivacy {
		background:		transparent url(headingprivacy.gif) no-repeat top left;
	}

	#headingHome1 {
		background:		transparent url(headingHome1.gif) no-repeat top left;
	} 

	#headingServices {
		background:		transparent url(headingServices.gif) no-repeat top left;
	}
	
	#headingServicesConsentOrders {
		background:		transparent url(headingServicesconsentorders.gif) no-repeat top left;
	}
	
	#headingServicesOrders {
		background:		transparent url(headingServicesorders.gif) no-repeat top left;
	}

	#headingServicesChildren {
		background:		transparent url(headingServicesChildren.gif) no-repeat top left;
	}

	#headingServicesCivil {
		background:		transparent url(headingServicesCivil.gif) no-repeat top left;
	}

	#headingServicesCohabitor {
		background:		transparent url(headingServicesCohabitor.gif) no-repeat top left;
	}

	#headingServicesCohabitorDisputes {
		background:		transparent url(headingServicesCohabitorDispites.gif) no-repeat top left;
	}

	#headingServicesCollaborative {
		background:		transparent url(headingServicesCollaborative.gif) no-repeat top left;
	}

	#headingServicesDivorce {
		background:		transparent url(headingServicesDivorce.gif) no-repeat top left;
	}

	#headingThanks {
		background:		transparent url(headingthanks.gif) no-repeat top left;
	}

	#headingServicesFinancial {
		background:		transparent url(headingServicesFinancial.gif) no-repeat top left;
	}

	#headingServicesMediation {
		background:		transparent url(headingServicesMediation.gif) no-repeat top left;
	}

	#headingServicesPrenuptial {
		background:		transparent url(headingServicesPrenuptial.gif) no-repeat top left;
	}

	#headingServicesPropertyIssues {
		background:		transparent url(headingServicesPropertyIssues.gif) no-repeat top left;
	}

	#headingServicesSeparation {
		background:		transparent url(headingServicesSeparation.gif) no-repeat top left;
	}

	#headingServicesWills {
		background:		transparent url(headingServicesWills.gif) no-repeat top left;
	}

	#headingSitemap {
		background:		transparent url(headingSitemap.gif) no-repeat top left;
	}

	#headingTerms {
		background:		transparent url(headingTerms.gif) no-repeat top left;
	}

	#headingUsefulInfo {
		background:		transparent url(headingUsefulInfo.gif) no-repeat top left;
	}

	#headingWho {
		background:		transparent url(headingWho.gif) no-repeat top left;
	}

	#headingWhoJo {
		background:		transparent url(headingWhoJo.gif) no-repeat top left;
	}

	#headingWhoRachel {
		background:		transparent url(headingWhoRachel.gif) no-repeat top left;
	}

	#headingWhoLoraine {
		background:		transparent url(headingWhoLoraine.gif) no-repeat top left;
	}
	
	#headingWhoStephanie {
		background:		transparent url(headingWhoStephanie.gif) no-repeat top left;
	}
	
		#headingWhoKatie {
		background:		transparent url(headingWhoKatie.gif) no-repeat top left;
	}


	#headingWhyChooseUs {
		background:		transparent url(headingWhyChooseUs.gif) no-repeat top left;
	}
	
	#headingError404 {
		background:		transparent url(heading404error.gif) no-repeat top left;
	}
	/* FOOTER AREA */

	#footer { 
		position:		relative;
		clear:			both;
		width:			758px;
		height:			122px;
		background:		transparent url(footerbg.gif) no-repeat top left;
	}
	#copyright { 
		position:		absolute;
		color:			#ffffff;
		font-size:		1em;
		top:			77px;
		left:			20px;
	}
	#footernav {
		position:		absolute;
		bottom:			8px;
		left:			3px;
	}
	#footernav ul { 
		margin:			0;
		padding:		0;
	}
	#footernav ul li { 		
		list-style:		none;
		display:		block;
		padding-left:		10px;
		padding-right:		10px;
		border-right:		1px solid #808080;
		float:			left;
	}

	#footernav ul li.last { 
		border-right:		none;
	}

	#footernav ul li a { 
		color:			#808080;
		text-decoration:	none;
	}
	#attributation { 
		position:		absolute;
		bottom:			8px;
		right:			13px;
	}
	#attributation a { 
		color:			#808080;
		text-decoration:	none;
	}

	#resolutionlink {
		position:		absolute;
		display:		block;
		width:			35px;
		height:			55px;
		top:			2px;
		left:			22px;
		text-indent:	-10000px;
		overflow:		hidden;
	}
	.disclaimer {
		padding-top:	10px;
		border-top:		1px dotted #cdcdcd;
		font-style: 	italic;
	}