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

body {
	background:#FFFF;
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center;
	background-attachment: local;
}


.container {
}

.website {
	margin: 0 auto;
	width:950px;
	padding-top:35px;
}

.bg-image {
    position: absolute;
    width: 100%;
    height: auto; /*or 100%*/
    z-index: -1;
}

.bg-image img {
    width: 90%;
	margin-top:-1050px;
	margin-left:220px;
    height: 100%;
}


.navbar {
	width:300px;
	float: left;
	margin-top: -500px;
	margin-left:0px;
	
}


.navbar li {
	margin-top:150px;
	padding-top: 20px;
	color:#EEE;
	
}

ul
{
list-style-type:none;
margin:0;
padding:30;
}


a:link {
   color:#453943;
   font-size:14px;
	font-family: Helvetica, Avant Garde, san serif;
	padding:5px;
	letter-spacing:3px;
	font-weight:500;
  text-decoration: none;
}


a:visited {
	color:#453943;
  font-weight: bold;
  text-decoration: line-through;
}


a:hover, a:focus {
  text-decoration: underline overline;
}

a
{
display:block;
width:200px;
}

.logo {
	width:250px;
	float:left;
	margin-top:-675px;
	margin-left:0px;	
	
}



.scrollbox {
	height:250px;
	width:650px;
	font:16px/26px Helvetica, Arial, San Serif;
	overflow:auto;
	margin-top:-315px;
	float:right;
	margin-right:0px;
	color:#444;
}



.image1 {
	margin-top:-675px;
	float:right;
	margin-right: 200px;
	
}

.image2 {
	margin-top:-675px;
	float:right;
	margin-right:-30px;
	
}

.image3 {
	margin-top:-675px;
	float:right;
	margin-right:220px;	
}

.image4 {
	margin-top:-675px;
	float:right;
	margin-right:-10px;	
}

.preview1 {
	margin-top:-600px;
	float:right;
	margin-right:500px;
	  display: inline;
	  opacity:0.4;
	  filter:alpha(opacity=40);
}


.preview1:hover {
	opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
	
}

a:link {text-decoration:none; color:#777;}    /* unvisited link */
a:visited {text-decoration:none; color:#777;} /* visited link */
a:hover {text-decoration:none; color:#777;}  /* mouse over link */
a:active {text-decoration:none; color:#777;}  /* selected link */


.type1 {
	margin-top:-250px;
	float:right;
	margin-right:580px;
	display:inline;
	font:16px/26px Helvetica, Arial, San Serif;
	color:#444;
}



.preview2 {
	margin-top:-600px;
	float:right;
	margin-right:335px;
	  display: inline;
	  opacity:0.4;
	  filter:alpha(opacity=40);
}


.preview2:hover {
	opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
	
}

.type2 {
	margin-top:-250px;
	float:right;
	margin-right:420px;
	display:inline;
	font:16px/26px Helvetica, Arial, San Serif;
	color:#444;
}

.preview3 {
	margin-top:-600px;
	float:right;
	margin-right:170px;
	  display: inline;
	  opacity:0.4;
	  filter:alpha(opacity=40);
}


.preview3:hover {
	opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
	
}


.type3 {
	margin-top:-250px;
	float:right;
	margin-right:255px;
	display:inline;
	font:16px/26px Helvetica, Arial, San Serif;
	color:#444;
}

.preview4 {
	margin-top:-600px;
	float:right;
	margin-right:5px;
	  display: inline;
	  opacity:0.4;
	  filter:alpha(opacity=40);
}


.preview4:hover {
	opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
	
}

.type4 {
	margin-top:-250px;
	float:right;
	margin-right:90px;
	display:inline;
	font:16px/26px Helvetica, Arial, San Serif;
	color:#444;
}

.preview5 {
	margin-top:-600px;
	float:right;
	margin-right:-155px;
	  display: inline;
	  opacity:0.4;
	  filter:alpha(opacity=40);
}


.preview5:hover {
	opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
	
}

.type5 {
	margin-top:-250px;
	float:right;
	margin-right:-70px;
	display:inline;
	font:16px/26px Helvetica, Arial, San Serif;
	color:#444;
}

/*Survery CSS Code*/
#tally_area {font: 14px/26px Helvetica, Arial, San Serif;
			width:912px;}
			
h3.tally_head {color:#ef6c53;
			  letter-spacing:5px;
			  margin:17px 0px -3px 0px;}
			  
p.directions {color:#838ea2;
			 margin:-5px 0px -10px 0px;}
			 
#question {width:100%;
		  height:60px;}
			
#num_question {display: inline-block;
			  height:20px;
			  background-color:#ef6c53;
			  padding:0px 10px 5px 43px;
			  margin-right:10px;}
			  
#num {font-size: 16px;
	 font-weight: bold;
	 color:#fff;
	 clear:both;}

ul{margin-left:40px;
  list-style-type:none;}
	 
li{float: left;
 margin-right:15px;}

#column_one {width: 100%;
			float:left;
			margin-right:1%;}

#column_two {width: 50%;
			float: left;}

#result_area {width:912px;
			 clear:both;
			 font: 14px/26px Helvetica, Arial, San Serif;}
			 
#result_area a {width:230px;
			   color:#ef6c53;
			   border-top: solid 1px #fff;
			   border-bottom: solid 1px #fff;}
			   
#result_area a:hover {width:230px;
					color:#838ea2;
					border-top: solid 1px #000;
					border-bottom: solid 1px #000;}
					
input.submit_button {margin-top: 6px;
				   padding: 7px 10px;
				   font-size: 16px;
				   color:#ef6c53;
				   border-top: solid 1px #fff;
				   border-bottom: solid 1px #fff;
				   border-left: none;
				   border-right: none;
				   background-color: #fff;
				   cursor:pointer;
				   letter-spacing:3px;}
				   
input.submit_button:hover {margin-top: 6px;
					     padding: 7px 10px;
						 color:#838ea2;
					     font-size: 16px;
					     border-top: solid 1px #000;
					     border-bottom: solid 1px #000;
					     cursor:pointer;
					     letter-spacing:3px;}
/*End of Survey Code*/