/* Base CSS Document for Heidgerd Law Office, LLP
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 04/07/2009
Last Updated: 04/26/2010
Copyright: Heidgerd Law Office, LLP */


/*-------------------------
Site layout structure
------------------------*/

*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	margin: 0 auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	text-align: center;
	color: #59688d;
	background: url(../images/bg-body.gif) repeat-x #e1e4ea;
	
}
div {
	display: block;
	position: relative;
	
}
div#wrapper, div#columns, div.inner-columns, div#footer, div.bottom, div.inner-columns {
	clear: both;
	
}
div#wrapper {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	z-index: 1;
	
}
div#header {
	width: 700px;
	height: 150px;
	text-align: left;
	
}
body#page-home div#header, body#page-privacy div#header {
	background: url(../images/bg-headerhome.jpg) no-repeat;
	
}
body#page-about div#header {
	background: url(../images/bg-headerabout.jpg) no-repeat;
	
}
body#page-attornies div#header {
	background: url(../images/bg-headerattornies.jpg) no-repeat;
	
}
body#page-faq div#header, body#page-sitemap div#header {
	background: url(../images/bg-headerfaqs.jpg) no-repeat;
	
}
body#page-contact div#header {
	background: url(../images/bg-headercontact.jpg) no-repeat;
	
}
div#columns {
	width: 700px;
	text-align: left;
	border-top: 1px solid #fff;
	background: url(../images/bg-columns.gif) repeat-y;
	z-index: 1;
	
}
div#columns div#col-left {
	width: 498px;
	float: left;
	
}
div#columns div#col-right {
	width: 200px;
	float: left;
	
}
div#footer {
	width: 700px;
	height: 40px;
	min-height: 40xp;
	margin: 0 0 40px 0;
	text-align: left;
	border-top: 1px solid #fff;
	color: #fff;
	background: url(../images/bg-footer.gif) no-repeat #9f9b74;
	
}

/*-------------------------
Non-layout divs
------------------------*/

div.inner-columns {
	margin-top: 21px;
	clear: both;
	
}
div.inner-columns div.innercol-left, div.inner-columns div.innercol-right {
	width: 249px;
	float: left;
	
}
div#gmaps {
	display: block;
	margin: 18px;
	
}
div#gmaps div {
	display: none;
	
}
iframe {
	margin: 9px 0;
	
}
div#footer div.inner-columns {
	margin-top: 0;
	top: 17px;
	
}
div#footer div.inner-columns div.innercol-left {
	width: 498px;
	
}
div#footer div.inner-columns div.innercol-right {
	width: 200px;
	text-align: right;
	
}

/*-------------------------
Images
------------------------*/

div#header img {
	position: absolute;
	top: 0;
	left: 33px;
	behavior: url(elements/java/iepngfix.htc);
	
}
div#header img#print-logo {
	display: none;
	
}
div#columns img.lefty {
	margin-right: 15px;
	margin-bottom: 10px;
	position: relative;
	left: 1px;
	float: left;
	
}
div#columns div#col-right img.lefty {
	margin-right: 2px;
	margin-bottom: 5px;

}
	

/*-------------------------
Forms
------------------------*/

div#columns form#form-contact input, div#columns form#form-contact textarea {
	display: block;
	width: 250px;
	margin: 2px 0 0 0;
	padding: 2px;
	border: 1px solid #59688d;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #59688d;
	background-color: white;
	
}
div#columns form#form-contact textarea {
	height: 150px;
	
}
div#columns form#form-contact input#but-submit {
	width: auto;
	margin: 0 0 23px 192px;
	border: none;
	
}

/*-------------------------
Headlines
------------------------*/

div#columns div#col-left h1, div#columns h2, div#columns h3 {
	margin: 0 18px 5px 18px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	color: #002569;
	background-color: inherit;
	
}
div#columns div#col-left h1 {
	display: block;
	height: 55px;
	min-height: 55px;
	margin-top: 22px;
	margin-bottom: 10px;
	padding-left: 58px;
	font-size: 1.375em;
	line-height: 1.184em;
	background: url(../images/bg-h1.gif) no-repeat 0 0;
	
}
div#columns div#col-left h2, div#columns div#col-right h2 {
	font-size: 1.125em;
	line-height: 1.224em;
	
}
div#columns div#col-right h2 {
	margin-top: 28px;
	
}
div#columns h3 {
	font-size: 1em;
	line-height: 1.252em;
	
}
div#columns div.inner-columns h3 {
	display: block;
	padding-bottom: .063em;
	border-bottom: 1px solid #002569;
	
}
div#columns dl dd h3, div#columns dl dd p {
	margin-left: 43px;
	
}

/*-------------------------
Paragraphs
------------------------*/	

div#columns p, div#columns address, div#columns ul, div#columns ol, div#columns dl dt {
	margin: 0 18px 15px 18px;
	font-size: .689em;
	line-height: 1.364em;
	
}
div#columns dl dd p.indent, div#columns dl dt {
	margin-left: 43px;
	text-indent: -25px;
	
}
div#columns address {
	font-style: normal;
	
}
div#columns div#col-right p {
	clear: both;

}
div#gmaps p {
	margin: 0 18px 15px 0;
	
}
div#columns form#form-contact p {
	margin-bottom: 10px;
	
}
div#footer p {
	margin: 0 18px;
	font-size: .625em;
	line-height: 1.2em;
	
}

/*-------------------------
Lists
------------------------*/

div#wrapper ul#jsddm {
	display: block;
	width: 699px;
	height: 40px;
	min-height: 40px;
	position: relative;
	clear: both;
	list-style-type: none;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .689em;
	line-height: 1.364em;
	border-right: 1px solid #fff;
	z-index: 10;
	
}
div#wrapper ul#jsddm li {
	display: block;
	height: 40px;
	float: left;
	color: #fff;
	background: url(../images/bg-navigation.gif) no-repeat #01266a;
	
}
div#wrapper ul#jsddm li ul {
	visibility: hidden;
	position: absolute;
	top: 40px;
	border-top: 1px solid #fff;
	list-style-type: none;
	z-index: 20;
	
}
div#wrapper ul#jsddm li ul li {
	height: auto;
	width: auto;
	float: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	background-image: none;
	
}
div#columns ul {
	margin-left: 36px;
	list-style-type: disc;
	
}
div#columns ul li {
	margin-bottom: .182em;
	
}
div#columns ul li.space {
	margin-top: 1.182em;
	
}
dl {
	display: block;
	clear: both;
	
}
dl strong {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 1.637em;
	line-height: 1.224em;
	color: #002569;
	background-color: inherit;
	
}
dl dt.show-hide {
	cursor: pointer;
	
}
dl dd {
	display: none;
	margin-top: -10px;
	
}
div#columns dl dd ul li {
	margin-left: 22px;
	
}
div#columns ul li ul, div#columns dl dd ul li ul {
	margin: .182em 0 .182em 12px;
	list-style-type: circle;
	font-size: 1em;
	
}
div#columns dl dd ul li ul {
	margin-bottom: 5px;
	
}
div#columns dl dd ul li ul li {
	margin-left: 0;
	
}
	

/*-------------------------
Misc. typography
------------------------*/

span {
	position: absolute;
	left: -999999em;
	
}
p label {
	font-weight: bold;
	
}
p label.error {
	color: red;
	background-color: inherit;
	
}


/*-------------------------
Main navigation
------------------------*/

div#wrapper ul#jsddm li a {
	display: block;
	padding: 16px 12px 0 12px;
	text-decoration: none;
	color: #fff;
	background: url(../images/bg-navigationlink.gif) no-repeat 50% -40px;
	
}
div#wrapper ul#jsddm li a:hover, div#wrapper ul#jsddm li a:active {
	background-position: 50% 0;
	
}
body#page-home div#wrapper ul#jsddm li#link-home a, body#page-about ul#jsddm li#link-about a, body#page-attornies div#wrapper ul#jsddm li#link-attornies a, body#page-faq div#wrapper ul#jsddm li#link-faq a, body#page-contact div#wrapper ul#jsddm li#link-contact a {
	background-position: 50% 0;
	
}
div#wrapper ul#jsddm li ul li a {
	padding: 8px 18px;
	text-decoration: none;
	color: #fff;
	background-image: none;
	
}
div#wrapper ul#jsddm li ul li a:hover, div#wrapper ul#jsddm li ul li a:active {
	text-decoration: underline;
	
}

/*-------------------------
Inline nav + buttons
------------------------*/

a {
	color: #59688d;
	background-color: inherit;
	text-decoration: underline;
	
}
a:hover, a:active {
	color: #002569;
	background-color: inherit;
	
}
div#gmaps a {
	cursor: pointer;
	font-size: .689em;
	
}
div#footer p a {
	color: #fff;
	background-color: inherit;
	
}
div#footer p a:hover, div#fooer p a:active {
	color: #dcdaca;
	background-color: inherit;
	
}

/*-------------------------
Safari Fixes
------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#columns form#form-contact textarea {
		padding-left: 0;
		resize: none;
		
	}


}