@import url('reset.css');
@import url('nav.css');

/* === === === === === === === === ===
Woodrick Investment

swatch colors
-------------
556504 - green
673300 - maroon/brick
666666 - gray
dadada - light gray
333333 - dark gray (text)
=== === === === === === === === === */


/* body styles
---------------------------------------------------- */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	background: #fff url(images/bg_main.gif) repeat-x scroll 0 0;	
}

a:link, a:active, a:visited { 
	color: #556504;
	text-decoration: underline;
	
}

a:hover { 
	color: #673300;
	text-decoration: none;
}

p {	margin: 0 0 15px; }

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666;
	letter-spacing: -0.02em;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #666;
	letter-spacing: normal;
}

ol, ul  { padding-left: 40px; margin-bottom: 15px; }
ol li, ul li { line-height: 1.5; }
ul { list-style: disc outside none; }
ol { list-style: decimal outside none; }

.disclaimer {
	font-size: 10px;
}

/* container
---------------------------------------------------- */
#container {
	width: 1000px;
	margin: 0 auto;
	background-color: #d4d4d4;
}


/* header
---------------------------------------------------- */
#header {
	height: 116px;
	background-color: #fff;
}

#header img {
	float: left;
	margin: 16px 0 0 20px;
}

/* banner
---------------------------------------------------- */
#banner {
	height: 335px;
	margin: 5px 0 0;
	background: transparent url(images/banner_21Ju11.jpg) no-repeat scroll 0 0;
}


body#home #banner { background-image: url(images/banner_21Ju11.jpg); }
body#about #banner { background-image: url(images/banner-about.jpg); }
body#financial #banner { background-image: url(images/banner-financial.jpg); }
body#asset #banner { background-image: url(images/banner-asset.jpg); }
body#login #banner { background-image: url(images/banner-client.jpg); }
body#contactus #banner { background-image: url(images/banner-contact.jpg); }


#flash {
	width: 341px;
	height: 335px;
	float: right;
	z-index: 1;
}

#flash object {
	width: 341px;
	height: 335px;
	z-index: 1;
}

/* content
---------------------------------------------------- */
#content {
	background-color: #d4d4d4;
	padding: 5px 5px 0;
}

/* main
---------------------------------------------------- */
#main {
	width: 629px;
	padding: 10px 10px 0;
	float: left;
	background-color: #fff;
	_display: inline; /* IE6 */ 
}

body#home #main,
body#home #sidebar {
	height: 507px; 
}

#main-full {
	background-color: #fff;
	padding: 10px 10px;
}

body#contactus #main-full blockquote {
	padding-left: 40px;
}

body#contactus #main-full blockquote strong {
	color: #556504;
}
/* sidebar
---------------------------------------------------- */
#sidebar {
	width: 315px;
	padding: 10px 10px 0;
	float: right;
	background: #fff url(images/graphic-7steps.jpg) no-repeat scroll 0 0;
	_display: inline; /* IE6 */ 
}

#sidebar h2 {
	margin-top: 248px;
	font-size: 17px;
	line-height: 2;
}

/* footer
---------------------------------------------------- */
#footer-divider {
	height: 40px;
	background: #d4d4d4 url(images/div-horz.gif) no-repeat scroll 50% 50%;
}

#footer {
	min-height: 94px;
	background: #dadada url(images/footer-bg.gif) repeat-x scroll 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
}

#contact {
	width: 400px;
	float: left;
	margin: 0 0 0 115px;
	_display: inline; /* ie6 */
}

#contact strong {
	color: #6f8503;
}

#contact p { margin: 20px 0 0;}

#contact p.address { 
	float: left; 
	margin: 0;
}

#contact p.phone {
	float: right;
	margin: 0 55px 0 0;
}

#disclaimer {
	width: 410px;
	float: right;
	margin: 20px 70px 0 0;
	min-height: 45px;
	background: transparent url(images/div-vert.gif) no-repeat scroll 0 54%;
	_display: inline; /* ie6 */
}

#disclaimer p {
	margin: 0 0 0 50px;
	padding: 16px 0 0;
}

#states {
	clear: both;
	padding: 15px 0;
}

#states p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/* form styles
---------------------------------------------------- */

table.form td {
	padding: 5px;
}

table.form input {
	border: 1px solid #D3D3D3;
	color: #444;
	padding:5px 0 5px 7px;
	font-family: Tahoma, Geneva, sans-serif;
} 

table.form input.button {
	display: block;
	width: 120px;
	height: 43px;
	border: 0px solid #fff;;
	padding: 0;
	margin: 0;
	outline: none;
	background: transparent url(images/submit-button.gif) no-repeat scroll 0 0;	
	font-size: 0px;
	text-indent: -999999px;
 	cursor: pointer; /* hand-shaped cursor */
	color: #fff;
}

table.form input.button:hover {
	background-position: 0 -43px;
}



table.form textarea {
	border: 1px solid #D3D3D3;
	color: #444;
	margin-bottom: 10px;
	padding: 5px 0;
	text-indent: 7px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}

table.form input:focus, table.form textarea:focus {
	border: 1px solid #673300;
}

table.form input.button:focus {
	border: none;
}
table.form .vtop {
	vertical-align: top;
}



/* EOF */