/*========================================================
  filename: screen.css
  Lift Communications Inc.
 
  author: Rick Stender
 
  description of contents: Screen CSS for LoisWarren.com
 
 =========================================================*/

/* =======================================================
	GENERAL DEFAULTS
==========================================================*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    margin: 0;
    padding: 0;
	}
	
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: .5em;
	}

body {
	background-color: #003054;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 62.5%;
	text-align: center;
	}
	
h1#about, h1#solutions, h1#contact, h1#home, h1#testimonials {
	height: 50px;
	text-indent: -2100px; 
	margin-bottom: .15em;
	}
	
h1#about { background: transparent url("../images/h1_about_lois_warren.gif") no-repeat; }
h1#solutions { background: transparent url("../images/h1_solutions.gif") no-repeat; }
h1#contact { background: transparent url("../images/h1_contact.gif") no-repeat; }
h1#home { background: transparent url("../images/h1_trusted_counsel_for_lawyers.gif") no-repeat; }
h1#testimonials { background: transparent url("../images/h1_testimonials.gif") no-repeat; }
h2#feature { background: transparent url("../images/h2_feature.gif") no-repeat; height: 35px; text-indent: -2100px; }

p { 
	font-size: 1.2em; 
	line-height: 1.8em;
	margin-bottom: 1.2em;
	}
	
a { color: #003054; text-decoration: underline; }
#page_content a:hover, #home_content a:hover { padding: 1px; background-color: #003054; color: #ffffff; text-decoration: none; }
a:visited { color: #666666; }
	
/*  ======================================================
	LAYOUT
	======================================================*/

div#wrapper {
	margin: 10px auto;
	width: 768px;
	text-align: left;
	overflow: auto;
	border: 1px solid #666666;
	background: #ffffff;
	}
	
/* Header Layout */

div#header_home {
	margin: 0;
	width: 768px;
	height: 84px;
	background: #ffffff url("../images/header_home.gif") no-repeat;
	border-bottom: 1px solid #cccccc;
	}
	
div#header {
	margin: 0;
	width: 768px;
	height: 104px;
	border-bottom: 1px solid #cccccc;
	}
	
div#logo {
	float: left;
	width: 584px;
	height: 104px;
	}
	
	
/*  Home Page Layout  */
	
div#home_flash {
	width: 768px; 
	background: url("../images/flash_placeholder.jpg") no-repeat;
	border-bottom: 1px solid #cccccc;
	}
	
div#home_content {
	float: left;
	width: 385px;
	margin: 20px 0;
	padding: 5px 50px;
	border-right: 1px solid #cccccc;
	}
	
div#home_feature {
	float: right;
	width: 232px;
	margin: 20px 0;
	padding: 5px 25px;
	font-size: .9em;
	}
	
/*  Content Page Layout  */

div#section_image {
	clear: both;
	width: 768px;
	height: 196px;
	border-bottom: 1px solid #cccccc;
	}
	
div#page_content {
	float: right;
	width: 476px;
	margin: 20px 0;
	padding: 5px 30px;
	border-left: 1px solid #cccccc;
	}
	
div#page_feature {
	float: left;
	width: 181px;
	margin: 20px 0;
	padding: 5px 25px;
	color: #cc9933;
	}
	
/* \*/
* html #page_feature {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */
	
div#page_feature span { 
	float: right;
	font-style: italic;
	line-height: 1.1em; 
	}

/*  Footer  */
	
div#footer {
	margin: 5px auto;
	clear: both;
	width: 768px;
	text-align: center;
	background-color: #003054;
	color: #ffffff;
	}
	
div#footer p { font-size: 1.1em; line-height: .85em; }
	
div#footer a { color: #ffffff; text-decoration: none; }
div#footer a:hover { padding: 0; }
	
/*  ======================================================
	NAVIGATION
	======================================================*/

/*  Main Navigation  */
	
div#main_navigation {
	float: right;
	width: 181px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	}

#main_navigation ul {
	margin: 0;
	padding: 0;
	}
		
#main_navigation li {
	list-style: none;
	border-bottom: 1px solid #666666;
	}

#main_navigation a {
	display: block;
	width: 181px;
	height: 25px;
	text-indent: -2100px;
	}
	
#main_navigation a#nav_about { background: url("../images/nav_about.gif") 0 0 no-repeat; }
#main_navigation a#nav_solutions { background: url("../images/nav_solutions.gif") 0 0 no-repeat; }
#main_navigation a#nav_testimonials { background: url("../images/nav_testimonials.gif") 0 0 no-repeat; }
#main_navigation a#nav_contact { background: url("../images/nav_contact.gif") 0 0 no-repeat; }

#main_navigation a#nav_about:hover, #main_navigation a#nav_solutions:hover, #main_navigation a#nav_testimonials:hover, #main_navigation a#nav_contact:hover { background-position: 0 -25px; }

/*  Local Navigation  */

div#local_navigation {
	float: left;
	width: 231px;
	background-color: #647007;
	}

#local_navigation ul {
	margin: 0;
	padding: 0;
	}
		
#local_navigation li {
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #ffffff;
	}

#local_navigation a {
	width: 231px;
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #ffffff;
	font-size: 1.2em;
	text-decoration: none;
	}
	
#local_navigation a:hover { text-decoration: underline; }