
/*  KRUGER LAW FIRM -- October 2007
    Author: 3Five Designs, Inc.
    Developer: Jacob LeBeau
    E-Mail: jacob@3fivedesigns.com  */


/* Global Settings
--------------------------------------*/

html, img, h1, h2, h3, h4, ul { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; background: #b6bdc2 url(../images/body_bg.png); }
img, a { border: none; }


/* Layout & Structure
--------------------------------------*/

#header { margin: 0; padding: 0; width: 100%; height: 91px; background: #b6bdc2 url(../images/header_bg.png) 0 0 repeat-x; }
#contain { margin: 0; padding: 0; width: 100%; background: #e4dfc6 url(../images/contain_bg.png) 0 0 repeat-x; }
#footer { margin: 0; padding: 0; width: 100%; background: url(../images/footer_bg.png) 0 0 repeat-x; }

.hide { width: 0; height: 0; overflow: hidden; position: absolute; } /* Hides accessibility links for visual users */
.clear { clear: both; }


/* Logo Area
--------------------------------------*/

#logo { margin: 0 auto; padding: 0; width: 800px; height: 91px; }
#logo h1 { display: none; }
#logo img { margin-top: 25px; }

/* Content Area
--------------------------------------*/

#content_contain { margin: 0 auto; padding: 0; width: 800px; background: url(../images/content_bg.png) 0 0 repeat-y; }

#content { margin: 0 0 6px; padding: 60px 0 0; width: 575px; float: right; color: #383838; line-height: 150%; background: url(../images/contain_bg.png) 0 0 repeat-x; }

#home #content { padding: 45px 0 0; }
#contact_us #content { padding-bottom: 15px; }
	
	#content h2 { margin: 0 0 7px 15px; font-size: 110%; border-bottom: 1px dotted #999282; }
	#content h3 { margin: 5px 0 3px 15px; font-size: 90%; font-weight: bold; }
	#content p { margin: 0 0 15px 15px; font-size: 90%; }
	#content a:link, #content a:visited { color: #a8532e; text-decoration: none; }
	#content a:hover, #content a:active { color: #b88772; }
	#content dl { margin: 0 0 15px 15px; font-size: 90%; }
	#content dt { margin: 15px 0 0; font-weight: bold; }
	#content dd { margin: 0 0 0 10px; }

	#home #content h3 { margin: 5px 0 15px 15px; font-size: 90%; font-weight: normal; }
	#content img.home_photo { float: left; }
	#content h2.tagline { margin: 6px 0 0 0; padding: 20px; width: 535px; font-size: 150%; font-weight: normal; color: #fff; float: left; text-align: center; border-top: 6px solid #a77964; border-bottom: none; background: #b88772; }
	#content .small { font-size: 75%; }
	
	#content .seperator { padding-top: 15px; border-top: 2px dotted #999282; }
	
	#content #contact_info { margin: 10px 0 0; width: 200px; float: left; }
	#content #contact_info p { font-size: 75%; line-height: 160%; }
	#content #contact_info img { margin-right: 3px; vertical-align: middle; }
	
	#content #contact_form { margin: 10px 0 0; width: 350px; float: right; }
	#content #contact_form p { margin: 0; font-size: 75%; line-height: 160%; }
	#content #contact_form fieldset { margin: 5px 0 0; padding: 0; border: none; }
	#content #contact_form legend { text-indent: -9999px; line-height: 0; }
	#content #contact_form label { margin: 6px 0 0; float: left; clear: both; width: 346px; font-size: 75%; }
	#content #contact_form input { margin: -2px 0 0; padding: 3px 2px 2px; width: 346px; float: left; font-size: 110%; }
	#content #contact_form textarea { margin: -2px 0 0; padding: 3px 2px 2px; width: 346px; float: left; font-size: 110%; font-family: Arial, Helvetica, sans-serif; }
	#content #contact_form #submit { margin: 8px 0 0; padding: 4px 6px; width: auto; float: left; font-size: 80%; }
	
	#content #submit_message { margin: 10px 0 0; width: 350px; float: right; line-height: 150%; font-weight: bold; }
	#content #submit_message p { margin: 0; }


/* Navigation
--------------------------------------*/

#nav_contain { margin: 0; padding: 0 0 0 6px; width: 214px; float: left; border-top: 6px solid #e4dfc6; }
	
	#nav_contain h3 { margin: 12px 10px 0 15px; font-size: 80%; font-weight: normal; color: #585652; line-height: 160%; }
	#nav_contain img { margin: 10px 0 0 14px; border: 1px solid #e9e5d0; }

#navigation { margin: 0; padding: 0; width: 213px; list-style: none; background: #c0bba4; }

	#navigation li { margin: 0; padding: 0; border-bottom: 1px solid #e9e5d0; font-size: 100%; }
	#navigation a:link, #navigation a:visited { width: auto; display: block; padding: 10px; text-decoration: none; color: #fff; border-left: 6px solid #aba899; }
	#navigation a:hover, #navigation a:active,
	#home #nav_home a, #profile #nav_profile a, #practice #nav_practice a, #contact_us #nav_contact a { display: block; padding: 10px; color: #5e5c58; background: #cbc8b7; border-left: 6px solid #b88772; }


/* Footer
--------------------------------------*/

#contact { margin: 0 auto; padding: 0 0 25px; width: 800px; min-height: 43px; background: url(../images/nav_footer_bg.png) 0 0 no-repeat; }

	#contact ul { margin-top: 20px; width: 575px; float: right; text-align: right; font-size: 80%; color: #525b64; list-style: none; }
	#contact li { margin: 0 0 0 20px; display: inline; }
	#contact a:link, #contact a:visited { text-decoration: none; color: #525b64; }
	#contact a:hover, #contact a:active { text-decoration: none; color: #818b95; }
	
	#contact #privacy_link { margin: 10px 0 0 28px; text-indent: -9999px; line-height: 0; display: inline; float: left; width: 174px; height: 14px; }


/* Fun with IE 6 and lower
--------------------------------------*/

* html #content { padding-top: 60px; }
* html #content img.home_photo { margin-top: -15px; }
* html #content #contact_form fieldset { padding-bottom: 10px; }
* html #content #contact_form label { clear: none; }
* html #content #contact_form #submit { padding: 0; }