/* @override http://x-15patch.com/css/layout.css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img,a img,:link img,:visited img {
	border: 0;
}

address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */

html {
	background: #000 url("../images/bg-wrap.jpg") top repeat-x;
}

body {
	background: #000 url("../images/x-15-long.jpg") top  center no-repeat;
	text-align: center;
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}

blockquote {
	margin-left: 10px;
	margin-right: 10px;
}

h1 {
	font-size: 1.2em;
	color: #000;
}

h2 {
	font-size: 1.1em;
	color: #000;
}

h3 {
	font-size: 1.0em;
	color: #000;
}

h1 span,h2 span,h3 span {
	display: none;
}

a:link,a:visited {
	color: #CC0000;
	text-decoration: underline;
	outline: none;
}

a:hover,a:active {
	color: #2f86af;
	text-decoration: underline;
	outline: none;
}

/* ------------------------ main framework ------------------------ */

#wrap {
	background: url("../images/bg-wrap.jpg") repeat-y;
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}

/* ------------------------ masthead framework ------------------------ */

#main {
	background: url("../images/x-15.jpg");
	height: 760px;
}

/*
#slider { 
 	float: left;
 	height:259px;
	width:500px;
	
	z-index: -2;
	 
}

 @end */

div#rotator {
	position: relative;
	height: 259px;
	width: 500px;
	margin-top: 79px;
}

/* rotator css */

div#rotator ul li {
	float: left;
	position: absolute;
	list-style: none;
}

/* rotator image style */

div#rotator ul li img {
	
}

div#rotator ul li.show {
	z-index: 500;
}

.slide {
	width: 514px;
	height: 46px;
	margin-left: 305px
}



 
 
 

.btn-slide {position:relative; float:left;

	width: 214px;
	height: 46px;
	display: block;
	background: url(../images/btn-slide.png) no-repeat;
}


	 .btn-slide a {	
		position:absolute;
		left:0px;
		width:214px;
		top:0px;
		height:46px; 
		}
.btn-slide a span {
		display:none;
		}





.btn-slide2 {position:relative; float:left;
	width: 214px;
	height: 46px;
	display: block;
	background: url(../images/btn-slide2.png) no-repeat;
}


	 .btn-slide2 a {	
		position:absolute;
		left:0px;
		width:214px;
		top:0px;
		height:46px; 
		}
.btn-slide2 a span {
		display:none;
		}



 

#panel {
	background: url("../images/view.png") no-repeat;
	height: 500px;
	width: 751px;
	display: none;
	z-index: 6000;
	margin-top: 20px;
	margin-left: 140px;
	position: absolute;
}

 

 

/* ------------------------ bottom-wrap framework ------------------------ */

/* ------------ must have below column-left and column-right to clear the float ------------ */

#bottom-wrap {
	width: 100%;
 
 
	clear: both

;
 
}

/* ------------------------ horizontal sprite nav ------------------------ */

#nav {
	background: url("../images/nav.jpg") no-repeat;
	width: 1020px;
	height: 174px;
	margin: 0;
	padding: 0;
}

#nav span {
	display: none;
}

#nav li, #nav a {
	height: 174px;
	display: block;
}

/* change height here also */

#nav li {
	float: left;
	list-style: none;
	_display: inline;
	position: relative;
}

#nav-01 {
	width: 202px;
	margin-left: 98px;
}

#nav-02 {
	width: 50px;
	margin-left: 157px
}

#nav-03 {
	width: 50px;
	margin-left: 20px
}

#nav-04 {
	width: 299px;
	margin-left: 95px
}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover {
	background: url("../images/nav.jpg")  -98px -174px no-repeat;
}

#nav-02 a:hover {
	background: url("../images/nav.jpg") -457px -174px no-repeat;
}

#nav-03 a:hover {
	background: url("../images/nav.jpg") -527px -174px no-repeat;
}

#nav-04 a:hover {
	background: url("../images/nav.jpg") -672px -174px no-repeat;
}

#main form input {
	font-size: 22px;
	background: none;
	border: none;
	color: #b2b7c6;
	text-shadow: 1px 2px 0px #000;
	font-style: italic;
	font-weight: bold;
}


div#geton p  {font-size: 22px; line-height: 25px; 
	
	border: none;
	color: #b2b7c6;
	text-shadow: 1px 2px 0px #000;
	font-style: italic;
	font-weight: bold;
	
}
div#geton   { text-align: center;
	margin-top: 40px; margin-left: 350px;padding:10px; width: 300px; border: 4px solid #647187; background-color: #000;
}
#launch {
	margin-left: 200px;
	margin-top: 40px;
}
