body {
	background-color: rgba(255, 255, 255, 1);
	background-image: url('../images/cf_white.png');
	background-repeat: repeat;
}

p {
	font-size: 12pt;
	line-height: 15pt;
	padding-bottom: 15px;
	text-align: justify;
}

ul { margin: 0px; padding-top: 0px; padding-left: 40px; list-style-type: disc; }

li { padding-bottom: 6px; }
li:first-child { padding-top: 8px; }
li:last-child { padding-bottom: 15px; }

strong {
	font-size: 14pt;
	font-weight: 600;
}

.center {
	text-align: center;
}

.italic { font-style: italic; }

.vin {
	height: 250px;
}

.vin img{
	float: left;
	height: 175px;
}

#translate {
	height: 50px;
	background-color: #222;
}

#google_translate_element {
	float: right;
	background-color: #222;
	padding: 5px;
}

#container { width: 1000px; min-height: 950px; position: relative; margin: 0px auto;}
#header { 
	width: 350px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -6px;
	background-color: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#005292');
	background-image: -moz-linear-gradient(top, rgba(0,82,146,0), rgba(0,82,146,0.6));
	background-image: -webkit-linear-gradient(top, rgba(0,82,146,0), rgba(0,82,146,0.6));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(0,82,146,0), to(rgba(0,82,146,0.6)));
	background-image: linear-gradient(top, rgba(0,82,146,0), rgba(0,82,146,0.6));
	background-image: -ms-linear-gradient(top, rgba(0,82,146,0), rgba(0,82,146,0.6));
   	background-image: -o-linear-gradient(top, rgba(0,82,146,0), rgba(0,82,146,0.6));
}

#header img {
	position: absolute;
	top: 10px;
	left: 0px;
	height: 100px;
}

#header h2 {
	position: absolute;
	color: rgba(0,82,146,1);
	top: 110px;
	right: 15px;
	font-size: 22pt;
	font-style: italic;
}

#banner {
	width: 650px;
	height: 300px;
	position: absolute;
	top: 15px;
	right: -40px;
	background-color: none;
	border: 1px solid rgba(0,82,146,1);
}

#launch {
	width:600px;
	min-height: 500px;
	position: absolute;
	top: 300px;
	right: -6px;
}

#main {
	width:600px;
	min-height: 500px;
	position: absolute;
	top: 0px;
	right: -6px;
}

.content {
	background-color: rgba(255,255,255,0.3);
	margin: 10px 0px;
	padding:15px 25px;
	border: 1px solid #CCC;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 15px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 15px; 
	box-shadow: rgba(0,0,0,.2) 0px 0px 15px;
}

#footer {
	position: absolute;
	bottom: 15px;
	margin: 0px 40px;
	width: 270px;
	font-size: 10pt;
}

#footer p{ font-size: 10pt;}

#copyright {
	font-size: 10pt;
	position: absolute;
	padding: 0px;
	bottom: 0px;
	right: 60px;
}

.button {
	display: inline-block;
	padding: 15px;
	background-image: -moz-linear-gradient(top, rgba(0,82,146,0.7), rgba(190, 190, 190, 0.9));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
        border: 1px solid rgba(190,190,190,0.6);
	color: white;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
	text-shadow: 2px 2px 5px #000000;
}

.button:hover {
	padding: 15px 20px;
	color: orange;
}

.portal {
	width: 200px;
	height: 180px;
	background-color:  rgba(0, 82, 146, 0.5); 
	position: absolute;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
        border: 1px solid rgba(100,100,100,.6); 
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 0px 15px;
        -moz-box-shadow: rgba(0,0,0,.6) 0px 0px 15px;
        box-shadow: rgba(0,0,0,.6) 0px 0px 15px;

}

.portal h2 {
	font-size: 15pt;
	color: white;
	text-align: center;
	padding: 15px;
	text-shadow: 2px 2px 5px #000000;
}

.portal a { text-decoration: none; color: white; }
.portal a:hover { text-decoration: underline; }

#parts {
	top: 30px;
	left: -12px;
}

#s2 {
	top: 30px;
	left: 208px;
}

#s3 {
	top: 30px;
	left: 428px;
}

#s4 {
	top: 230px;
	left: -12px;
}

#s5 {
	top: 230px;
	left: 208px;
}

#s6 {
	top: 230px;
	left: 428px;
}

#s7 {
	top: 430px;
	left: -12px;
}

#s8 {
	top: 430px;
	left: 208px;
}

#s9 {
	top: 430px;
	left: 428px;
}
