/* CSS Document for bettyandcrow.com */
/* Created by Ryan Scherler www.crashpaddesign.com */

/* YUI reset import */
@import url('reset.css');

/* landing page styles */
html,body { 
	top:0px;
	margin: 0 0 40px 0; 
	padding: 0; 
/*	background: #f7f7e8; */
	background: #ebebdc;
	font-family: Arial, sans-serif, "Lucida Grande", Tahoma, ;
	color: #333;
	font-size: 12px; 
	}
	
h1, h2, h3, h4, h5 {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #333;
	font-weight: normal;
    }
	
h6 {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #fff;
	font-weight: normal;
    }

p, ul, ol, dl, li, dt, dd, table, td {
	font-family: Verdana, Arial, sans-serif, "Lucida Grande", Tahoma ;
	color: #333;
	font-weight: normal;
    }

h1 {
	font-size: 18px;
	color: #333;
	}
	
h2 {
    margin: .25em 0 .25em 0;
	font-size: 20px;
	line-height: 22px;
	}
	
h3 {
    margin: .25em 0 0 0;
	font-size: 15px;
	font-weight: bold;
	}

h4 {
    margin: .25em 0 0 0;
	font-size: 14px;
	font-weight: bold;
	}
	
h6 {
    margin: .25em 0 0 0;
	font-size: 20px;
	}
	
p {
    margin: .25em 0 1.75em 0;
	font-size: 12px;
	line-height: 18px;
    }
	
a:link { text-decoration: underline;  color: #07457e;}
a:visited {	text-decoration: none; color: #003366; }
a:hover {	text-decoration: underline;  color: #003366; }
a:active { text-decoration: none; color: #012141; }


ul {
	margin-top: 12px;
	_margin-top: 0px ;
	position: relative;
	
	
	}


#wrapper { 
	position: relative;
	margin: 32px auto;
	width: 800px;
	height: 200px;
	background: #b1b1b1;
	}
	

/* global page styles */


#address {
	display: block;
	float: right;
	margin-top: 22px;
	}

#main-nav {
	float: left;
	width: 130px;
	list-style: none;
	margin: -5px 0 0 15px;
	}

#main-nav li { 
	padding: 8px 0 10px 4px;
	margin: 0 0 0 0;	
	list-style: none;
	border-bottom: 1px solid #b1b1b1;
	}

#main-nav a {
	display: block;
	text-indent: -9999px;
	width: 100px;
	height: 10px;
	overflow: hidden;
	}

#main-nav a:hover { background-position: 0 -10px; }

#content {
	float: left;
	width: 635px;
	padding-left: 25px;
	margin-bottom: 30px;
	}

#content h2 {
	font-size: 18px;
	margin: 0 0 .25em 0;
	}
	
#content p {
	font-size: 12px;
	line-height: 1.6em;
	margin-bottom: 1em;
	}
	
#features-row .feature-box {
	float: left;
	width: 227px;
	margin: 12px 0 0 16px;
	border: solid 1px;
	height: 219px;
	overflow: hidden;
	color:#327078;
    font-size: 11px;
}

#features-row p{ 
	padding: 10px 6px 0 12px;
	margin: 30px 0 0 0;
	_margin: -3px 0 0 0;
    font-size: 11px;
	}

#features-row  h6{
	border-bottom: solid 1px;
	color: #327078;
	float: left;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height:13px;
    margin: 12px 0 2px 0;
	padding:0 0 4px 12px;
	width: 260px;
	}
#features-row  h6 a:hover,
#features-row  h6 a strong:hover{
	text-decoration: none; 
	}

.feature-box a { 
	text-decoration: none; 
    font-size: 11px;
	}

.feature-content { 
 
	padding: 25px 6px 0 12px;
	_padding: 5px 6px 0 12px;
    font-size: 11px;
	text-decoration: none; 
	font-family: Verdana, Arial, sans-serif, "Lucida Grande", Tahoma ;
	color: #333;
	line-height: 1.6em;
	margin-bottom: 1em;
	}
/*
.feature-content { 
	padding: 10px 6px 0 12px;
	margin: 30px 0 0 0;
	_margin: -3px 0 0 0;
    font-size: 11px;
	text-decoration: none; 
	font-family: Verdana, Arial, sans-serif, "Lucida Grande", Tahoma ;
	color: #333;
	line-height: 1.6em;
	margin-bottom: 1em;
	}
*/	
#footer-content{
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size: 10px;
	color:#FFF;
	}

/* content classes */

.left {
	float: left;
	margin: 0 12px 12px 0;
	}

.right {
	float: right;
	margin: 0 0 12px 12px;
	}
	
.image { border: 3px double #e0e0e0; }
	
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	}