@charset "UTF-8";



/*CSS Resets to reset list margin offsets (no bullet indent), etc */
html, body, div,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, code, hr, img,
form, fieldset, legend, label, textarea, 
span, em, strong, sub, sup, cite,
table, tbody, td, tfoot, th, thead, tr, tt,
dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
}

/*This should also work to remove the bullet indent
#nav ul {
    margin: 0;
    padding: 0;
}
*/

h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}

/*these declarations are CSS resets*/

body {
		background-color: rgb(247, 248, 249);
	margin: 0;
	/*font: Arial, Helvetica, sans-serif;*/


font-family: 'Open Sans', sans-serif;



}

img {
	border: 1px solid rgb(150, 46, 26)


}

/*-----------------------------WRAPPER-----------------------------------*/
#outer-wrapper {
	width: 960px;
	margin: 0px auto 0;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:30px;
	font-size:14px;
	line-height:130%;
	text-align:justify;
	border:1px solid grey;
	-webkit-box-shadow: 0px 0px 5px grey; /* Saf3-4 */
    -moz-box-shadow: 0px 0px 5px grey; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 3px grey; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}

#outer-wrapper h1 {
font-size:170%;	
font-style:normal;	
font-weight:bold;
color:#666666;
}

#outer-wrapper h2 {
font-size:110%;	
font-style:normal;	
font-weight:bold;
color:#666666;
}


#outer-wrapper {
color:#666666;
}

/*-------------------------------------------NAV MAIN------------------------------------*/
#nav {
	width: 960px;
	overflow: hidden;	
	list-style: none;	
	margin-top: 0px;
	margin-bottom: 0px;
	/*font-family: arial;*/
	font-size: 120%;
	/*font-weight:bold;*/
	background: url(../images/header.jpg);
	border-bottom: 1px solid grey;

}

#nav li {
	height:90px;
	float: left;
	display: block;
	list-style-type: none;
	text-align: center;
	text-decoration: none;

		
}

#nav li a {
	height:90px;
	float: left;
	display: block;
	list-style-type: none;
	text-align: center;
	color: black;
	text-decoration: none;	
	padding-top:35px;
	/*border: 1px solid grey;*/
	/*line-height is used to vertical offset text instead of padding*/

}

#nav li a:hover {
	color: rgb(150, 46, 26);
	text-decoration: none;
	font-weight:bold;
	
}

#home #nav li.home a,
#elements #nav li.elements a,
#PlateMesh #nav li.PlateMesh a,
#HoleMesh #nav li.HoleMesh a,
#about #nav li.about a,
#contact #nav li.contact a
{
	color: rgb(150, 46, 26);
	text-decoration: none;
	font-weight:bold;
	
}


/*----------------------------NAV_SUBMENU-------------------------------*/

#nav_s {
	width:80px;
	float: left;	
	overflow:hidden;
	display: block;
	list-style: none;	
	margin-top:0px;
	margin-bottom:0px;
	/*font-family: arial;*/
	font-size:110%;	
	padding-right:40px;
	text-align:right;

	/*border-bottom:1px solid grey;*/
	/*margin-bottom:30px;*/		
}

#nav_s li {
	width: 80px;
	height:60px;
	line-height:60px;
	float: left ;
	display: block;
	list-style-type: none;
	text-align: center;	
	text-decoration: none;
	text-align:right;

}

#nav_s li a {
	width: 80px;
	display: block;	
	text-align: center;	
	color: black;
	text-decoration: none;
	text-align:right;
	/*font-weight:bold;*/
	/*line-height is used to verticall offset text instead of padding*/
}

#nav_s li a:hover {

	color: rgb(150, 46, 26);
	text-decoration: none;
	font-weight:bold;
}



.software #nav_s li.software a,
.documents #nav_s li.documents a,
.advanced #nav_s li.advanced a,
.other #nav_s li.other a,
.videos #nav_s li.videos a,
.download #nav_s li.download a,
.purchase #nav_s li.purchase a



{
	color: rgb(150, 46, 26);
	text-decoration: none;
	font-weight:bold;
}


/*--------------CONTENT below the nav section---------------*/

#content {
	width: 900px;
	padding: 30px 30px 30px 30px;
	color: #636363;
	background: white;
	overflow: hidden;
	font-size:1.1em;
	-webkit-box-shadow: 0px 0px 5px grey; /* Saf3-4 */
    -moz-box-shadow: 0px 0px 5px grey; /* FF3.5 - 3.6 */
    box-shadow: 0px 0px 3px grey; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}


#content p {
	margin-bottom: 1.125em;
	/* margin-bottom : space between paragraphs */
	line-height: 1.7;
	text-align: justify;
}

#content a {
	font-weight: normal;
	color: #00478a;	
	text-decoration: none;
}
#content h2 {
	color: #00478a;
	margin-bottom: 1em;
	font-size: 1em;
}

#content h3 {
	color: #00478a;
	margin-bottom: 1em;
	font-size: 1em;
	font-style:normal;
}

#content h4 {
	color: #00478a;
	margin-top: -15px;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1.5em;
	font-family:arial, verdana, arial, ;
	text-align: center;

}

#content h5 {
	color: rgb(150, 46, 26);
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 1.2em;
	font-family:arial, verdana, arial, ;
	text-align: left;
}





/*---HOME PAGE---*/
#center1 {

	text-align:center;
}

/*---BIOGRAPHY PAGE---*/	
#left1 {
	width:465px;
	float:left;
	padding-top:65px;
	text-align:center;
}

#left1 img {
	border:1px solid grey;
}


#right1{
	width:455px;
	float:left;
	font-size:110%;
	padding-top:30px;
}	

/*---SERVICES PAGE---*/

#left2 {
	padding:30px;
}

#left2 ul {
	margin-left:50px;

}

#left2 li {
   list-style: square;

}

#contact_right{
	width:455px;
	float:left;
	font-size:110%;
	padding-top:30px;
}	

	
/*---FOOTER---*/
#footer {
	width: 960px;
	font-size:0.8em;
	font-family: arial;
	margin-top:15px;
	padding-bottom:10px;
	text-align:center;
	padding-top:15px;
	margin: 0px auto 0;
	color:grey
	/*border:1px solid grey;*/
}	


/*---------------------------------- SPACE --------------------------------------------*/

#space10{
	height: 10px;
}

#space20{
	height: 20px;
}

/*---------------------------------- CLEAR --------------------------------------------*/

#clear{
clear:both;
}


/*---------------------------------- TEXT LINK --------------------------------------------*/

#content a {
	color: rgb(150, 46, 26);
	text-decoration: underline;
}

#content a.text-link{
	color: rgb(150, 46, 26);
	text-decoration: underline;
}

#content a.text-link4{
	color: #00478a;
	font-size:100%;
	text-decoration: underline;
	font-weight:bold;

}

#content .question{
	font-weight:bold;
	
}


/*  ======================= FORM STYLES =============================  */

.hide {display: none;}

#content form p {
	margin-bottom: 0.5em;	
}

p#formerror {
	color: red;	
	margin-bottom: 1em;
}

form ul#errorlist {
	margin: 1em 0 1em 2em;
}

/*---------------------------------- DOWNLOAD CONTROLS --------------------------------------------*/

.terms a, .must-select {
    position:absolute;
    left:-999em;
    transition:opacity 1s ease;
    background:yellow;
    color:black;
		font-size:90%;
    opacity:0;

}
.terms a{color:blue;background:transparent;}
.terms:after {
    content:"Download After Accepting Terms of Agreement";
    display:block;
    color:#999;
    text-decoration:underline;
	font-size:90%;
}
.terms{
    padding:10px 0 0;
    position:relative;  
}
.terms:hover .must-select{
    display:block;
    position:absolute;
    bottom:-3em;
    left:auto;
    opacity:1.0;
    padding:.5em;
    border-radius:4px;
  z-index:99;
  font-size:90%;
}
#download:checked ~ .terms .must-select{display:none}
#download:checked ~ .terms a{position:static;opacity:1.0;}
#download:checked ~ .terms:after{display:none}