@charset "UTF-8";
/* CSS Document */

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* padding keeps the content of the div away from the edges */
	margin-top: 40px;
	padding-right: 0px;
	padding-bottom: 15px;
	margin-left: 30px; /*30px of header padding + 10px of nav padding*/
	padding-left: 5px;
	display:inline;
	padding-top:10px;
	position:absolute;
	top:100px;
	background-color: rgba(255, 255, 255, 0.9);
	
}

#logo {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* padding keeps the content of the div away from the edges */
	margin-top: 35px; 
	padding-right: 0px;
	padding-bottom: 15px;
	margin-left: 30px; /*30px of header padding + 10px of nav padding*/
	display:inline;
	padding-top:8px;
	position:absolute;
	top:450px;
	height:100px;
	background-color:#FFFFFF;
}

#sidebar2, #sidebarbrochure {
	float: right; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 35px 30px 15px 10px; /* padding keeps the content of the div away from the edges */
	background-color:#8CC63F;
	display:inline; /*IE6 hack*/
}




#sidebar1 a{
text-decoration:none;
}


#sidebar1 ul li a{
font-size:12px;
color:#666666;
/*background-color:#FFFFFF;*/
}


#sidebar1 ul li a:hover{
color:#99CC33;
text-decoration:none;
}

body.contourexterior #mainContent .download p {
width:500px;
}	


#sidebar2 p, #sidebar2 h1, #sidebarbrochure p, #sidebarbrochure h1 {
	padding:0px 5px;
	}

#mainContent { 
	margin: 0 220px 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	/*padding: 49px 10px 10px 0px;*/ /* remember that padding is the space inside the div box and margin is the space outside the div box */
padding: 35px 10px 10px 0px;
} 


#clearboardsubnav .current, #cortexsubnav .current, #sidebar1 .current {
color:#8CC63F;
cursor:default;
/*font-weight:bold;*/
}

 #sidebar1 h3 a:hover, body.product #mainContent h3 a:hover{
 color:#666666; }

.installation td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 0.5em;
	padding-bottom: 0.5em; 
	border-bottom: solid #CCCCCC 1px;
}

.storybox li, .features td {
	font-size: 11px;
	
}

.features th, .installation th {
/*text-align:center;*/
padding: 5px;
border-bottom: 1px solid #ccc;

}

.features td {
padding:5px;
width:50%;
}
.installation td {
padding: 5px;
}

.features tr.even, .installation tr.even {
background-color: #f5f5f5;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.newul {
color:#000000;
	font-size: 11px;
	list-style-position:outside;
	list-style:circle;
}

.storybox ul {
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
}


.storybox {
	width: 530px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.storyicon {
height: 80px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	padding-top: 10px;
	border-bottom: dashed #999999 1px;
}
.storygreycolumn {
	width: 100px;
	color:#8CC63F;
	height: 100px;
	float: left;
	border-bottom: dashed #999999 1px;
}
.storybulletcolumn {
	height: 100px;
	float: left;
	width: 340px;
	border-bottom: dashed #999999 1px;
}
.clear {
	clear: both;
}


/*Stuff for downloads table - needs to be cleaned up!*/
.downloads {

}

.downloads table {
	border-collapse: collapse;

}
.downloads th {
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	color:#8CC63F;
	border-bottom: solid #CCCCCC 1px;
	
}
.downloads td {
	font-size: 10px;
	font-weight: normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: solid #CCCCCC 1px;
	
}


.installation td {
	font-size: 11px;
	font-weight: normal;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: solid #CCCCCC 1px;
}
.downloads .center {
	text-align: center;
}
.downloads .pad_left {
	padding-left: 1em;
	padding-right: 1em;
}

body.people #mainContent p {
margin-left:140px;
}

body.people  #mainContent h3{
margin-bottom:10px;
}

body.people #mainContent img {
float:left;
margin-top:5px;
margin-bottom:5px;
display:inline;
}


#sidebarbrochure {
background-color:#FFFFFF;
padding: 0px;
	display:inline;
}

 body.product #mainContent a img{
 float:left;
 width:150px;
margin-right:20px;
margin-bottom:10px;
 }

#sidebarbrochure  a img, body.product #mainContent a img {
border:#CCCCCC 1px solid;
}
#sidebarbrochure  a:hover img, body.product #mainContent a:hover img {
border: #999999 1px solid;
}

/*body.clearboard #main-image, body.contact #main-image, body.company #main-image{
width:760px;
float:right;
height:350px;
overflow:hidden;
padding-top:10px;
padding-bottom:0px;
margin-bottom:0px;
position:relative;
display:inline;
}

body.clearboard #sidebarbrochure, body.contact #sidebarbrochure, body.company #sidebarbrochure {
margin-top:0;
padding-top:40px;
}*/



body.specs #mainContent{
margin-left:120px;
margin-right:0;
padding-left:30px;
padding-right:0;
}


body.contact #mainContent{
margin-right:20px;
width:730px;
}

#map{
float:right;
width:425px;
height:auto;
margin-left:10px;
}


body.product #mainContent a {
color:#99CC33;
text-decoration:none;
}

body.product #mainContent {
width:600px;
margin-right:auto;
}

body.product #sidebarbrochure {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;*/ /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 48px 0px 15px 30px; /* padding keeps the content of the div away from the edges */
	display:inline; /*IE6 hack*/
}

body.nz .map{
float:left;
width:200px;
height:300px;
}