@import "reset.css";

/* Default styles */
body {font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 12px; height: 100%;} /* COLOR */
strong {color: #888; font-weight: bold;}

a {color: #66CCFF;}
a:hover {color: #888;}
p {line-height: 16px; margin-bottom: 1em;}

/* Structure */

#main {margin: 0 auto 0 auto; width: 930px; padding-top: 4em; height: 100%;}

#header {height: 60px;}

#logo {height: 60px; background-position: left top; background-repeat: no-repeat;} /* COLOR */
#logo img {height: 50px; width: 340px;}

#content {height: 616px;} /* COLOR */

#footer {height: 50px; margin-top: 5px;}

#loading {height: 46px; width: 46px; margin: 22em auto;}

#left_col {width: 320px; float: left; }
#right_col {width: 520px; float: left;}
#left_col, #right_col {padding: 20px;}

#scroll_container {width: 520px; height: 576px;}

/* Nav */

#nav {width: 100%; font-size: 10px;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block; text-transform: uppercase; text-decoration: none; color: #888; font-weight: bold;
}

#nav a:hover {color: #66CCFF;;}


#nav li {
	float: left; padding: 0 8px;
}

#nav li a {margin-bottom: 8px;}

#nav li ul {
	position: absolute;	
	left: -999em;
	z-index: 999;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav ul li {display: block; float: none; margin: 8px 0; width: 75px;}

/* Classes */

.left {float: left;}
.right {float:left;}
.clear {float: none; clear: both;}

#header .left {width: 620px;}
#header .right {width: 310px;  padding-top: 16px;}

#footer {font-size: 10px; margin-top: 5px; text-transform: uppercase;}
#footer .left {width: 730px;}
#footer .right {width: 198px; text-align: right; padding-right: 2px;}

#content h1 {color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 1em;}
#content h2 {color: #fff; text-transform: uppercase; font-size: 13px; margin: 2em 0 1em 0;}

#content ul {list-style-position: outside; list-style-type: square; margin-left: 2em;}
#content li { list-style-position: outside; list-style-type: square; }

.testimonial {padding: 1em; margin: 5px;} /* COLOR */
.quote {}
.author {width: 90%; text-align: right; margin-top: 1em;} /* COLOR */

.txt_box {width: 250px;}
.txt_area {width: 95%; height: 150px;}

.error_message {font-weight: bold; color: #cc0000; margin-top: 8px;}

.label {margin-bottom: 3px;}
label.error {color: #cc0000; padding-left: .5em;}