@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%  Arial, Helvetica, sans-serif; background-color:#E1DBE7; padding: 0; color: #000000; line-height: 18px;}

div.clear {clear: both;}
em {text-decoration: underline;}
strong {font-weight: bold;}

div.main-divider {width:690px; margin: 10px auto 15px auto; height: 1px; border-top: solid 1px #848621; clear: both;}

a:link, a:visited	{color: #301B47; outline: none !important;}
a:hover	{color: #848621;}

h1 {font-size: 16px; color: #525317; font-weight: bold; padding: 0 0 15px 0;}
h2 {font-size: 13px; color: #525317; font-weight: bold; padding: 12px 0 0 0;}
h3 {font-size: 12px; color: #525317; font-style:italic; padding: 12px 0 0 0;}
p {font-size: 12px; padding: 8px 0 0 0;}

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

#container	{position: relative; width:870px; margin: 15px auto; padding: 15px; overflow:visible; background-color: #482478;}
#header	{position: relative; width: 870px;}
#header_tagline {position: absolute; right: 5px; bottom: 5px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: right;}
#menu {float: left; width:135px; margin: 83px 15px 15px 0px;}

#body {position: relative; float: right; width:720px; margin: 15px 0 15px 0; background-color: #FFFFFF;}
	.topleft { position: absolute; top: 0; left: 0; z-index: 105; height: 15px; width: 15px; background: url(../images/rounded_corners.png) 0 0 no-repeat;}
	.topright { position: absolute; top: 0; right: 0; z-index: 105; height: 15px; width: 15px; background: url(../images/rounded_corners.png) -15px 0 no-repeat;}
	.bottomleft { position: absolute; bottom: 0px; left: 0px; z-index: 105; height: 15px; width: 15px; background: url(../images/rounded_corners.png) 0 -15px no-repeat;}
	.bottomright { position: absolute; bottom: 0px; right: 0px; z-index: 105; height: 15px; width: 15px; background: url(../images/rounded_corners.png) -15px -15px no-repeat;}

#page-title	{float: left; margin: 30px 0 0 15px; }
#page-tag {float: right; text-align: right;  margin: 17px 15px 0 0; }

#content-left {position: relative; float: left; width: 482px; padding: 0 30px 25px 15px;}
	.content-left-home {width: 382px !important;}
	.content-left-extended {width: 675px !important;}


#content-right {float: right; width: 163px; padding: 0 15px 0 15px;}
	.content-right-home {width: 263px !important; text-align: center !important;}
	.side-box {border: 1px #848621 solid; padding: 10px; margin-bottom: 25px;}
#member-logos { padding: 0 15px 0 15px; width: 690px; text-align:center;}

#footer	{width:870px; clear: both; margin: 0 auto; color: #ffffff;}
#footer-left {float: left; width: 240px; text-align: left; margin-left: 180px;}
#footer-box, #footer-right {float: left; padding: 0 13px 13px 13px; height: 85px; border-left: 1px dashed #525317;}
#footer-right {border-right: none;}

/* =CONTENT STYLES - Variations on main styles based on location */
#content-left ul {font-size: 12px;}
#content-left ul li {padding: 8px 0 0 17px; background: url(../images/left_bullet.gif) 2px 15px no-repeat;}
#content-left ol {margin: 0 0 0 21px; font-size: 12px; list-style: decimal outside;}
#content-left ol li {padding: 8px 0 0 0;}
.side-box h2 {padding: 0; text-align: center;}
#member-logos img { padding: 0 10px 10px 10px;}
#member-logos a {text-decoration: none;}
#footer p {font-size: 11px; line-height: 14px; padding: 0 0 8px 0;}
#footer a { color: #ffffff;}
#footer a:link, #footer a:visited { color: #ffffff;}
#footer a:hover { color: #848621;}
#footer h2 {font-size: 11px; font-weight: bold; color: #848621; padding-top: 0; line-height: 14px; }
#footer-box ul li, #footer-right ul li {padding: 8px 0 0 14px; background: url(../images/footer_bullet.gif) 2px 13px no-repeat; line-height: 12px;}
#footer-left a, #footer-left a:hover {text-decoration: none; color: #ffffff;}
.img-caption {font-size: 10px; font-style: italic; line-height: 13px; padding: 3px 0 15px 0;}
.img-group img, .no-fancy {border: 1px solid #482478;}
#body-photos img {border: 1px solid #848621; margin-top: 18px;}
#body-photos a {text-decoration:none;}
.logo {float: right; margin-top: 10px;}
.velux {margin-bottom: 12px !important;}



/* =MENU */

#menu li {padding: 9px 0 4px 0; font-size: 13px; font-weight: bold; border-bottom: solid 2px #848621;}
#menu li a:link, #menu li a:visited	{text-decoration: none; color: #ffffff; display: block;}
#menu li a:hover {	text-decoration: none; color: #848621; }
.itemselect {color: #848621 !important;}

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

#contact table { margin:12px 0 12px 0;}
#contact td {font-size: 12px; padding: 3px 0 3px 0;}
.options {font-size: 10px !important; padding: 0 0 3px 0 !important; line-height: 12px;}
.error {color: #FF0000; font-weight: bold; padding-left: 6px !important;}
#contact input {padding: 2px 1px 2px 5px; border: 1px solid #525317; background-color: #ffffff;}
#contact select { width:200px; margin:0 0 12px 0; font-size: 12px;  margin-top: 6px; border: 1px solid #525317;  background-color: #ffffff;}
#contact textarea {padding: 2px 1px 2px 5px; border: 1px solid #525317; width: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;margin:0 0 12px 0; background-color: #ffffff;}
.required {	color: #FF0000; font-size: 10px; padding-bottom: 6px !important; }
#contact .button { padding: 2px 0 2px 0; font: 11px Arial, Helvetica, sans-serif; cursor: pointer; width: 60px; color: #525317; font-weight: bold; background: #C6C69E;  border-width: 1px;
  border-style: solid;  border-color: #848621 #525317 #525317 #848621;}
#contact .right {text-align: right; margin-right: 10px;  }
  
 
  
   /*=TABLE FORMATTING */
table#seminar {border-spacing:0; border-collapse:collapse; margin: 6px 0 12px 0; width: 95%; }
table#seminar tr td.column_header { padding: 0 8px; font-size: 11px; font-weight:bold; border: 1px #666600 solid; background-color: #666600; text-align: center; color: #ffffff;}
table#seminar td.data {border: 1px #666600 solid; padding: 4px 8px; font-size: 11px; vertical-align: top; text-align: center; background-color: #fff; line-height: 14px;}

table.portfolio-caption tr td {vertical-align: top; padding: 9px 9px 0 2px; font-size: 11px;}
table.portfolio-caption tr td:first-child {color: #525317; font-weight: bold;}

/* Homepage Image Viewer Styles */

#rotator {position: relative; height: 196px; width: 261px; margin-bottom: 25px;}
#rotator ul li {float:left;	position:absolute; top: 0; left: 0;}
#rotator ul li img {background: #ffffff; border: 1px solid #848621;}
#rotator a:link{text-decoration:none; color:#ffffff;}
#rotator a:visited{text-decoration:none; color:#ffffff;}
#rotator ul li.show {z-index:500;}