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

#text {margin:50px auto; width:500px}
.hotspot {color:#999; padding-bottom:1px; border-bottom:0px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:/*url(images/tt_left.gif)*/ top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:/*url(images/tt_top.gif)*/ top right no-repeat; /*overflow:hidden*/}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; /*overflow:hidden*/}


#tt {position:absolute; display:block; background:/*url(images/tt_left.gif)*/ top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:/*url(images/tt_top.gif)*/ top right no-repeat; /*overflow:hidden*/}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; /*overflow:hidden*/}


.section ul{
    list-style:none;
    margin:0px 0px 0px 0px;
	font-weight:normal; /*this pissant number is the margin amount for the link numbers (menu). *SIGH**/
}
.section ul li{
	float:left;
	padding:5px;
	margin:5px;
	color:#09C;
}
.section ul li a{
	display:block;
	color:#FFA220;
}
.section ul li a:hover{
	text-decoration:none;
	color:#F90;
}

body{
	background:#333;
	font-family:"Century Gothic", Arial, Helvetica;
	font: 11px/1.5
	font-style: normal;
	
	/*letter-spacing:-1px;*/
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	color:fff;
}

p{
	color:#fff;
	font: 16px/1.3
}

h1{
	margin-left: auto;
    margin-right: auto;
	font-size: 24px;
	color: #999;
	line-height: 1.0;
}

h2{
	margin-left: auto;
    margin-right: auto;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	font-style: italic;
}

a:focus, a:active{
    color:#ff5500; /*different color than regular*/
}
input[type=submit]:focus, input[type=submit]:active{
    background-color:#444; /*different color than regular*/
}

a img {outline : none;}

img {border : 0;}

object, embed { 
  outline: 0;
}

/* unvisited link */
a:link {
	color: #09C;
}

/* visited link */
a:visited {
	color: #069;
}

/* mouse over link */
a:hover {
	color: #F90;
}

/* selected link */
a:active {
	color: #F90;
}

.section{
	margin-left: auto;
    margin-right: auto;
	width:70%;
	height:900px;
	/*background: url(../images/sissle_hole.jpg) no-repeat bottom right;*/
	    /*text-shadow:1px 1px 2px #f0f0f0;*/
}
.footer{
	width: 100%;
	font-size:10px;
	color:#999;
}

.next{
	margin:15px;
    /*bottom:0px;*/
	width:100px;
	/*float: left;*/
}

.swipe{
	position: relative;
    left: -250px;
	float:left;
	border: 0px solid blue;
	width:300px;
	height:800px;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);*/
	/*transform-origin: center;*/
	
}

p.swipe{
	font-size:10px;
}

.swipe_2  h3{
	font-size: 12px;
	font-weight: normal;
	
}

.swipe_2{
	position: relative;
    left: -100px;
	float:left;
	border: 0px solid blue;
	width:300px;
	height:800px;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);*/
	/*transform-origin: center;*/
	
}


.swipe_2  p{
	font-size: 11px;
	font-weight: normal;
	
}

.swipe_3 a:visited {
	color: #ebebeb;
}

.swipe_2 a:link {
	color: #cccccc;
}

.swipe_2 a:hover {
	color: #F90;
}

.swipe_2 a:visited {
	color: #ebebeb;
}