/* CSS Document */

* {
padding:0px;
margin: 0px;
}

html {
border-style:none;
}

#body{
	position:relative;
	height:900px;
	height:auto;
	min-height:900px;
	background-color:#00CCFF;
	}
	
#ipix-window {
	background-color: #22923C;
	}
	
#download {
	width: 745px;
	height: 20px;
	margin: 20px auto 0px auto;
	border:1px solid #0D1569;
	padding:5px 5px;
	text-align:center;
	}
	
	#download p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666666;
	}
	
#wrapper {
	width: 745px;
	height: 450px;
	margin: 30px auto 0px auto;
	border:1px solid #0D1569;
	}
	
#icon-set {
	padding-top:0px;
}
	
#icon-set .icon {
	display:block;
	padding-left:16px;
}
	
#left{
position:relative;
float:left;
width:265px;
height:450px;
}
	
#right {
float:right;
width:480px;
height:450px;
background-color:#00907E;

}
.vr-logo{
	position:absolute;
	float:left;
	bottom:0px;
	left:0px;
	top: 380px;
	width:244px;
	height:60px;
}


	


#footer {
	width: 745px;
	bottom:0px;
	margin: 10px auto 0px auto;
	background-color:#ffffff;
	}
	

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
font-style:normal;
float:right;
color:#00907E;
}

#ipix-box {
	border:1px solid #ffffff;
	padding: 5px 5px 5px 5px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color: #02685B;
	}
	
form legend {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:80%;
	font-weight:normal;
	color:#00907E;
	float:left;
	display:none;
}

form fieldset {
  border-color: #ffffff; 
  border-width: 0px 0px 0px 0px;
  margin:0px;
  padding-left:10px;
}

select { 
 background-color: #ffffff; 
 color: #00907E;
  font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:80%;
	font-weight:normal;
	width:200px;
	margin-left:130px;
}

.select-header {
background-color: #00907E; 
 color: #ffffff;
 }




/*Misc bits----------------------------------------------------------------------------------------------------------*/
.clearing {
	clear: both;
	height: 0px;
	line-height: 0px;
}

/* Clearing floats without structural markup - Apply class to elements that you need to clear after - thanks to Position is Everything */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* End of float clearing */