/*=====================================================================
 *
 * Filename: style.css
 * Template: ModernTime
 * Author: Jarel Remick - http://www.jremick.com
 * Date Created: 10/13/2008
 * Media: Screen
 *
 * Description
 * -----------
 * CSS Reset using "reset.css" from 960 framework package, derived from Eric Meyers.
 *=====================================================================*/
 
@import "reset.css";
@import "ie.css";

/* === Global === */
body { 
	background: #52504d url(../images/layout/header-bg.jpg) repeat-x top;
	font: .9em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #003333;
}
#wrapper { margin: 0 auto; width: 960px; }

img.framed {
	padding: 8px;
	margin: 5px;
	border: solid 1px #d8d8d8;
	border-right: solid 2px #cbcaca;
	border-bottom: solid 2px #cbcaca;
	background-color: #FFFFFF;
}
img.center { margin: 0 auto; display: block; }
.sidebar img {
	padding: 5px;
	margin: 5px;
}
.fl { float: left; }
.fr { float: right; }
.center { margin: 0 auto; }
.column {
	width: 400px;
	margin-bottom: 10px;
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* Content Text Styling */
#content .container p a { font-size: .85em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#content .container p a:hover { text-decoration: none; }
p {
	font-size: 1em;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sidebar p { font-size: .75em; line-height: 1.6em; margin: 12px 0 5px 0; color: #336666; }
.date { font-size: .8em; font-style: italic; color: #669999; padding-left: 15px; }
.testimonial { font-size: 1.3em; line-height: 1.45em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
.byline { display: block; font-size: .9em; text-align: right; color: #336666; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 15px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 1.6em; margin: 20px 0; }
h2 { font-size: 1.3em; margin: 10px 0; }
h3 { font-size: 1.05em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h4 { font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #336666; margin-top: 20px; }

/* hd - horizontal divider / vd - verticle divider */
.hd { width: 100%; display: block; clear: both; border-bottom: dashed 1px #ccc; margin: 8px 0; }
.sidebar .hd { margin-bottom: 20px; }
.vd { border-right: dashed 1px #ccc; }

/* Read More links */
.readmore { color: #d85656; text-decoration: none; float: right; }
.readmore:hover {
	color: #d85656;
	cursor: pointer;
}
.readmore-img { 
	display: inline-block;
	width: 94px;
	background: url(../images/layout/readmore.gif) no-repeat top;
	text-align: left;
	color: #d85656;
	text-decoration: none;
	float: right;
	margin: 5px 15px 10px 0;
}
.readmore-img:hover {
	background: url(../images/layout/readmore-hover.gif) no-repeat top;
	color: #FFFFFF;
}
.readmore-img span, .readmore { padding-left: 8px; font-style: italic; font-size: .75em; line-height: 26px; }

/* List styles for content */
#content .container ul { margin: 15px 0 0 10px; list-style: none; line-height: 20px; }
#content .container ul li { 
	height: 20px;
	background: url(../images/layout/list-circlearrow.gif) no-repeat;
	padding-left: 28px;
	margin-bottom: 10px;
	font-size: .85em;
	color: #336666;
}

/* === Header === */
#header { height: 205px; position: relative; }
#header .logo {
	position: absolute;
	top: 10px;
	left: 10px;
}
#header img.framed { position: absolute; top: 20px; left: 405px; border: solid 1px #d8d8d8; margin: 0; }
#header .tagline {
	position: absolute;
	top: 55px;
	left: 638px;
	font-size: 1em;
	font-style: italic;
	font-weight: 400;
	line-height: 65px;
	width: 322px;
	height: 65px;
}

/* === Navigation === */
#nav {
	position: absolute;
	top: 165px;
	left: 10px;
	font-size: 1.1em;
	font-weight: 100;
	letter-spacing: .08em;
	line-height: 38px;
	width: 644px;
}
#nav ul { list-style-type: none; }
#nav ul li { float: left; height: 39px; }
#nav ul li.active { background: url(../images/layout/link-active.jpg) repeat-x top; }
#nav ul li a { height: 39px; padding: 0 15px; color: #fff; text-decoration: none; display: block; }
#nav ul li a:hover { background: url(../images/layout/link-hover.jpg) repeat-x top; }

/* === Content Layout === */
#content { position: relative; }
#content .container { padding: 20px 20px 0px 20px; }
#content .sidebar .container { padding-top: 35px; }
#content .main {
	width: 600px;
	float: left;
	margin-right: 20px;
	background-color: #EEECEC;
	background-image: url(../images/layout/sidebar-shadow.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#content .sidebar { width: 340px; background: #eeecec url(../images/layout/sidebar-shadow.gif) repeat-x top; float: left; }
#content .main .base {
	padding: 15px 25px 40px 25px;
	background-color: #FFFFFF;
	background-image: url(../images/layout/main-base.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#content .sidebar .base {
	padding: 15px 0 40px 0;
	background-color: #FFFFFF;
	background-image: url(../images/layout/sidebar-base.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#content .base { clear: both; }
#content .corner { width: 5px; height: 37px; background: url(../images/layout/main-left-corner.gif) no-repeat left bottom; float: left; }
.toplink {
	width: 100%;
	height: 37px;
	text-align: center;
	line-height: 38px;
	font-size: 1em;
	font-weight: 100;
	letter-spacing: .08em;
	float: right;
	margin-top: 10px;
}
.toplink a { display: block; width: 72px; background: url(../images/layout/toplink-bg.gif) no-repeat top; color: #fff; text-decoration: none; float: right; }
.toplink a:hover { background: url(../images/layout/toplink-hover.gif) no-repeat top; }

/* === Legal Text === */
.legal {
	color: #003333;
	font-size: 0.8em;
	text-align: center;
}
.legal ul li { float: left; border-left: solid 1px #999; padding-left: 8px; margin-left: 8px; }
.legal ul li.first { border: none; margin:0; padding:0; }
.legal a {
	color: #003333;
	text-decoration: underline;
}
.legal a:hover { color: #fff; text-decoration: none; }

/* === Contact Form === */
#contact-form { width: 365px; float: left; margin-left: 75px; }
#contact-form input,
#contact-form textarea {
	padding: 5px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: .9em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contact-form textarea { height: 90px; width: 250px; }
#contact-form textarea:focus,
#contact-area input:focus { border: 1px solid #900; }
#contact-form input.submit-button { width: 100px; float: right; margin-right: 15px; cursor: pointer; }
label { float: left; text-align: right; margin-right: 15px; width: 85px; padding-top: 5px; font-size: .9em; }