@charset "UTF-8";
/* =CALL LIBRARY */
/* ------- Reset all CSS Styles */

	@import url("reset-min.css");
	

/* =ALL PURPOSE - Instructions for general use throughout the site */

body {
	font: 62.5% Tahoma, Arial, Helvetica, sans-serif; background-color:#D3D3D3; padding: 15px; color: #000000; line-height: 18px;
}


div.clear {
	clear: both;
}

em {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

div.main_divider {
	width:830px; margin: 5px auto 0 auto; height: 1px; border-top: solid 1px #818285;
}

a	{
	color: #E51B24;
}

a:hover	{
	color: #333333; cursor: pointer;
}

/* =MAIN STRUCTURE - The main website structure, including all container DIVs */

#container	{
	width:860px; margin: 0 auto; background-color: #ffffff; background-image:url(../images/bottom_banner.gif); background-position: bottom left; background-repeat:no-repeat;
}

#menu	{
	width:650px; margin: 15px auto;
}

#body_header	{
	width:830px; margin: 25px 15px 0 15px; padding: 0 0 10px 0;
}

#body_left_home {
	float: left; width: 470px; padding: 25px 35px 35px 30px;
}

#body_left {
	float: left; width: 380px; padding: 0 0 35px 30px;
}

#body_left_uneven {
	float: left; width: 495px; padding: 25px 65px 35px 30px;
}

#body_right_home {
	float: right; width: 320px; margin: 25px 0 15px 0;
}

#body_right {
	float: right; width: 380px; padding: 0 30px 35px 0;
}

#body_right_uneven {
	float: right; width: 260px; margin: 25px 0 15px 0;
}


#body_span {
	width: 800px; padding: 25px 30px 0 30px;
}

.sidebar {
	width: 228px; border: 1px #818285 solid; margin: 0 0 30px 0; background: url(../images/header_back.gif) no-repeat; padding-bottom: 10px;
}


#footer {
	margin: 10px 15px 0 15px; padding-top: 10px; clear: both;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
}

#callout {
	background: url(../images/callout.gif) no-repeat; margin: 32px 0 0 0; padding: 10px 15px 5px 15px;
}
	

/* =CONTENT - Instructions necessary to format all content */

.leftimage_body	{
	float: left; margin: 15px 15px 0 0;
}

.rightimage_body	{
	float: right; margin: 15px 0 0 15px;
}

.rightimage	{
	float: right; margin: -15px 60px 30px 0;
}

.leftimage	{
	float: left; margin: -15px 15px 30px 15px;
}

.rightimage_home	{
	padding: 0 0 15px 0;  width: 230px;
}

.noimage {
	height: 55px !important;
} 

#MediaPlayer {
	margin: 0 30px 0 0;
}

#body_header h1 {
	font-size: 20px; color: #818285;
}

#body_left_home p, #body_right_home p, #body_left p, #body_right p, #body_left_uneven p, #body_right_uneven p, #body_span p {
	font-size: 13px; padding: 0 0 12px 0;
}

#body_right_uneven p {
	font-size: 11px; padding: 0 9px 6px 9px; line-height: 14px;
}

#body_left_home h2,#body_left h2, #body_right h2, #body_left_uneven h2, #body_right_uneven h2  {
	font-size: 13px; color: #E51B24; font-weight: bold; padding: 6px 0 6px 0;
}

#body_right_home h2  {
	font-size: 13px; color: #E51B24; font-weight: bold; padding: 0 30px 12px 0; text-align: center;
}

#body_right_uneven h2  {
	color: #ffffff; text-align: center; font-size: 12px; font-weight: bold; padding: 2px 0 10px 0;
}

#body_left_home h3, #body_left h3, #body_right h3, #body_left_uneven h3, #body_right_uneven h3   {
	font-size: 12px; color: #E51B24; padding: 0 0 6px 0;
}

#body_right_uneven h3   {
	font-size: 12px; color: #E51B24; padding: 0 0 6px 0;
}

#body_left ul, #body_left_home ul, #body_right ul, #body_left_uneven ul, #body_right_uneven ul {
	font-size: 13px; padding: 0 16px 0 0;
}

#body_right_uneven ul {
	font-size: 13px; padding: 0 16px 0 0;
}

#body_left ul li, #body_left_home ul li, #body_right ul li, #body_left_uneven ul li, #body_right_uneven ul li  {
	padding: 0 0 12px 13px; background: url(../images/bullet.gif) left top no-repeat;
}

#body_right_uneven ul li  {
	padding: 0 0 12px 13px; background: url(../images/bullet.gif) left top no-repeat;
}

#callout p {
	font-size: 11px; font-style: italic; color: #ffffff;
}

.caption {
	font-size: 11px !important; font-style: italic; text-align: left; line-height: 15px; padding-top: 6px;
}

.attribution {
	text-align: right; line-height: 10px;
}


#body_left ol, #body_leftHome ol {
	margin: 0 0 0 21px; font-size: 11px; list-style: decimal outside;
}

#body_left ol li, #body_leftHome ol li {
	padding: 0 0 12px 0;
}

#body_left ol p, #body_leftHome ol p {
	font-size: 12px; padding: 0;
}

#footer p {
	color: #ffffff; font-weight: bold; padding: 0 0 2px 0;
}

#comparisons {
	border-color: #E51B24; border-style: solid; border-width: 0 0 1px 1px;	margin: 12px 0 0 0;
}

#comparisons td.column_header {
	padding: 2px; font-size: 11px; font-weight:bold; color: #ffffff; border-color: #E51B24; background-color: #E51B24; border-style: solid; border-width: 2px 1px 2px 0; text-align:center;
}

#comparisons td.data {
    border-color: #E51B24; border-style: solid; padding: 8px; border-width: 1px 1px 0 0; font-size: 11px; line-height: 15px; text-align:center; vertical-align: top;
}

#photo_spread {
	width: 800px; margin: 0 30px; text-align: center;
}

#photo_spread_tabs {
	width: 560px; margin: 0; text-align: left;
}

#photo_spread table {
	border-collapse:separate;
}

#photo_spread td {
	 padding: 0 12px 12px 12px;
}

#photo_spread_tabs table {
	border-collapse:separate;
}

#photo_spread_tabs td {
	 padding-right: 44px; vertical-align: top;
}


/* =MENU */

#menu ul {
	margin: 0 0 0 9px; padding: 0; color: #ffffff; text-align: center; font-weight: bold;
}

#menu ul li {
	float: left; width: 120px;  margin: 0 3px; padding: 0 0 4px 0; font-size: 11px; 
}

#menu a	{
	text-decoration: none; color: #ffffff; display: block; padding-bottom: 2px; background: url(../images/menu_off.gif) no-repeat;
}

#menu a:hover	{
	text-decoration: none; background: url(../images/menu_on.gif) no-repeat; 
}

#menu a.itemselect, #menu a.itemselect:hover {
	background: url(../images/menu_on.gif) no-repeat !important; cursor: default;
}


/* =TABS - Instructions for formatting tabs*/


ul.tabs {
	margin: 20px 0 0 0; padding: 0 30px 0 30px; color: #ffffff; text-align: center; font-weight: bold; height: 19px;
}

ul.tabs li {
	float: left; padding: 0; font-size: 11px;
}

ul.tabs a	{
	width: 121px; text-decoration: none; color: #ffffff; display: block; padding-bottom: 1px; background: url(../images/tabs.gif) no-repeat;
}

ul.tabs a:hover	{
	text-decoration: none; background-position: 0 -19px; color: #ffffff;
}	

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 -38px; cursor:default !important;
}

div.panes div.pane {
	display:none;		
}

.panes {
	border: 1px #818285 solid; padding: 15px;
}


	

/* =CONTACT FORM - Instructions for formatting form on Contact Wave Wind page*/

#contact form {
  padding: 0; margin: 0;
 	
}

#contact table {
  margin:12px 0 12px 0;
}

#contact td {
	font-size: 12px; padding: 3px 0 3px 0;
}

.error {
	color: #E51B24; font-weight: bold; padding-left: 6px !important;
}

#contact input {
	padding: 2px 1px 2px 5px; border: 1px solid #818285;
}

#contact select {
  width:200px; margin:0 0 24px 0;
}

#contact textarea {
	padding: 2px 1px 2px 5px; border: 1px solid #818285; width: 460px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;
}

.required {
	color: #E51B24; font-size: 10px; padding-bottom: 6px !important; 
}


#contact .button {
  padding: 2px 0 2px 0; font: 11px Tahoma, Arial, Helvetica, sans-serif; cursor: pointer; width: 60px; color: #FFFFFF; font-weight: bold; background: #E51B24;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3 #818285 #818285 #D3D3D3;
}

#contact .right {
	text-align: right; margin-right: 10px;
  }