/** {
   border: 1px solid red !important;
}*/



/*CSS Reset*/
* {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

/*basic tag styling*/

body {
	font-size: 62.5%;
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;*/ 
	font-family: "MyriadPro", verdana, sans-serif;	font-weight: 300;
	background: #222;
}

p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0.7em;
}

p.italic {font-style: italic;}
p.smallCap {font-variant:small-caps;}
p.noDisplay {display:none}

span.vn2e {font-style: italic;font-weight: 200;!important}
span.cyrillic {text-transform:none;font-style: italic;font-weight: 200;!important}

a { color: #CCC; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1 { font-size: 3.0em; margin-bottom: 0.8em; }
h2 { font-size: 1.5em; text-transform: uppercase; margin-bottom: 0.8em; }
h3 {
	font-size: 3.0em;
	/*text-transform: uppercase;*/
	font-style: none;
	background: none;
	margin-bottom: 0.1em;
}
h4 {font-size: 1.5em; font-style: none; font-weight: 125; margin-top: 0.5em;}
h4 span {font-size: 1.0em; font-style: none; font-weight: 100; }

li {list-style-type: none}

/*styling listed by vertical position on the page*/

div#header {
	height: 4.0em;
	background: #222;
	color: white;
	padding: 1.0em 1.0em 1.0em 1.0em;
	text-align: right;
	letter-spacing: 2px;
	/*text-transform: uppercase;*/
}

div#header h3 {font-size:2.2em}
div#header p {font-size:1.1em}


div#logoWrap {
	background:#000;
	position:relative;
	padding: 0;
	overflow:hidden;
	float:left;
	height:8em; width: 8em; top:-2em; border: 1px solid dimgray;
		}
		
a#logoButton {
	float:left; 
	display: block;
    background: url(../images/logoSprite.jpg) no-repeat top right;
	background-size: 8em 16em;
    height: 8em;
    width: 8em;
	}

a#logoButton:hover { background-position: 0 -8em;}

	
div#nav-wrap {
	width:780px;
	margin: 0 auto;
}

div#topper {
	background-image: -webkit-linear-gradient(bottom, #333, #000);
	background-image:    -moz-linear-gradient(bottom, #333, #000);
	background-image:     -ms-linear-gradient(bottom, #333, #000);
	background-image:         linear-gradient(bottom, #333, #000);
	border-top: 1px solid dimgray;
	border-bottom: 1px solid dimgray;

   padding: 0px;
   margin: 0px;
   background-color: #000; /* IE6...IE9 */
   *line-height: 3.2em; /* IE6,IE7 */
}

ul.nav {
   list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 1px;
   background-image: -webkit-linear-gradient(bottom, #333, #000);
   background-image:    -moz-linear-gradient(bottom, #333, #000);
   background-image:     -ms-linear-gradient(bottom, #333, #000);
   background-image:         linear-gradient(bottom, #333, #000);
   padding: 0px;
   margin: 0px;
   *background-color: #000; /* IE6...IE9 */
   *line-height: 3.2em; /* IE6,IE7 */
   }
ul.nav li {
   display: inline-block;
   *display: inline; /* IE6,IE7 */
   }
ul.nav li.current, ul.nav li:hover, ul.nav li:active {
   background-color: rgba(255, 255, 255, 0.3);
	-moz-transition:all 0.20s ease-out;-o-transition:all 0.20s ease-out;-webkit-transition:all 0.20s ease-out;-ms-transition:all 0.20s ease-out
   }
ul.nav li a {
   display: inline-block;
   text-decoration: none;
   outline: none;
   font-size: 1.2em;
   color: white;
   /*border-right: 1px solid dimgray;*/
   padding: 1.0em 1.0em; /* sets button size */
   }

div.page-wrap {
	width:800px;
	margin: 0 auto;	
}
		
	div#main-content {
				
		border-radius: 1.0em;
		-webkit-border-radius: 1.0em;
		-moz-border-radius: 1.0em;
	
		box-shadow: .5em .5em .5em #111;
		-webkit-box-shadow: .5em .5em .5em #111;
		-moz-box-shadow: .5em .5em .5em #111;
		/* Top Offset, Right Offset, Size, Color */
		color:white;
		
		background: #222;
		background-image: -webkit-gradient(radial, 250 200, 10, 400 300, 500, from(rgba(112,112,112,255)), to(rgba(64,64,64,255)));
		background-image:    -moz-gradient(radial, 250 200, 10, 400 300, 500, from(rgba(112,112,112,255)), to(rgba(64,64,64,255)));
		background-image:     -ms-gradient(radial, 250 200, 10, 400 300, 500, from(rgba(112,112,112,255)), to(rgba(64,64,64,255)));
		background-image:         gradient(radial, 250 200, 10, 400 300, 500, from(rgba(112,112,112,255)), to(rgba(64,64,64,255)));
		
		padding: 20px 20px 1px 20px;

		margin: 5.0em 0 5.0em 0;
		padding-top: 5.0em;
		padding-bottom: 5.0em;
		padding-left: 40px;
		padding-right: 40px;
		
	}
	
div#footer {
	min-height:75px;background-color:#3f3f3f;padding: 25px 0 25px 0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#2b2b2b));
	background-image:-webkit-linear-gradient(top, #3f3f3f, #2b2b2b);
	background-image:-moz-linear-gradient(top, #3f3f3f, #2b2b2b);
	background-image:-ms-linear-gradient(top, #3f3f3f, #2b2b2b);
	background-image:-o-linear-gradient(top, #3f3f3f, #2b2b2b);
}


	div#footer-wrap {
		margin: 0 auto;
		position:relative;
		width: 780px;
		font-size:1.2em;color:white;position:relative;overflow:hidden
}
	
#footer .inside{width: 100%;margin:0 auto; }

.footer-link-group{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}

.footer-link-group a{display:block;overflow:hidden;color:white;background-image:-webkit-linear-gradient(left,transparent,transparent 30%,rgba(255,255,255,0.7));background-image:-moz-linear-gradient(left,transparent,transparent 30%,rgba(255,255,255,0.7));background-image:-ms-linear-gradient(left,transparent,transparent 30%,rgba(255,255,255,0.7));background-image:-o-linear-gradient(left,transparent,transparent 30%,rgba(255,255,255,0.7));-webkit-background-size:400% 100%;-moz-background-size:400% 100%;background-size:400% 100%;-moz-transition:all 0.26s ease-out;-o-transition:all 0.26s ease-out;-webkit-transition:all 0.26s ease-out;-ms-transition:all 0.26s ease-out}

.footer-link-group-1{width:32%}

.footer-link-group-2, .footer-link-group-3, .footer-link-group-4 {width:30%;float:right; padding-left: 5%; border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2)}

/*cssgradients*/ .footer-link-group a:hover, a:active{text-decoration:none;background-position:100% 100%;padding-left:5px}

.footer-link-group a:hover, a:active {*text-decoration:underline} /* IE6,IE7 */

div.test-notes {
	padding: 10px;
	/*border: 1px solid #888;*/	
	color: #DDD;
	position: relative; top:-4.0em;
	text-align: left;
	
	}
	
div.test-notes h2 { font-size: 1.2em;}
div.test-notes p { font-size: 1.1em;}
div.test-notes a { font-size: 1.2em; color: white; text-decoration:underline}

		
div#bottomer {		
		
		background-image: -webkit-linear-gradient(bottom, #555, #666);
		background-image:    -moz-linear-gradient(bottom, #555, #666);
		background-image:     -ms-linear-gradient(bottom, #555, #666);
		background-image:         linear-gradient(bottom, #555, #666);
   		background-color: #666; /* IE6...IE9 */		
		color: white;
		padding: 20px 0 20px 0;
		text-transform: uppercase;
		text-align: center;
		
		
	}
	
	.temp {	height: 500px; width:700px}