*{
    margin:50; /*this is the margin for blockquotes*/
    padding:0;
}



#text {margin:50px auto; width:500px}
.hotspot {color:#333; 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*/}

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

.footer{
	width: 100%;
	font-size:10px;
	color:#999;
}


/*you can't add a style width to the 'p', otherwise the arrangement off all your images will get thrown off*/
/*right now the .black style controls the text with no 'paragraph' style assignment*/

h1{
	/*margin:50px 0px 30px 50px;*/
	font-size: 24px;
	color: #999;
	line-height: 1.0;
}

h2{
	/*margin:50px 0px 30px 50px;*/
	font-size: 18px;
	color: #666;
	font-weight: bold;
	
}

.swipe  h3{
	font-size: 10px;
	text-align: right;
}

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

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

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

.swipe_3  p{
	font-size: 12px;
	text-align: right;
}

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

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

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

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

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

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

.swipe_3  h3{
	font-size: 10px;
	text-align: right;
}

.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;*/
	
}

.crevace_justy{
	width:1100px;
	height:3300px;
}
.crevace_hubert{
	float:right;
	width:1600px;
}
.crevace_lee{
	float:left;
	width:700px;
	height:4000px;
}


.swipe_3{
	position: relative;
    left: -300px;
	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{
	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;
}


h3.size {
    font-size:10px;
}

.crevace_boston{
	position: relative; /*having the relative is important. the new position won't work without this detail in the code*/
	float:left;
	/*background:url(../images/cracks/01.jpg) no-repeat top right;*/
	width:749px;
	height:704px;
	left: -250px;
	top:-85px;
	
}

.underwater{
	float:left;
	border: 0px solid blue;
	width:200px;
	height:800px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: center;
	
}

.vertical-test{
	float:right;
	width: 200px;
	height: 400px;
	border: 0px solid red;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: center;*/
}

.vertical-test2{
	float:right;
	width: 220px;
	height: 400px;
	border: 0px solid green;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: center;*/
}

a:focus, a:active{
    color:#ff5500; /*different color than regular*/
	position: relative;
}
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_new{
    margin:15px;
    bottom:0px;
    width:600px;
    float:left;
    height:2000px;
}

.inflexions_nav{
	margin:15px;
	width:100px;
	float:left;
	height: 100%;
}

.crevace{
	float: left;
	height:100%;
}
.danishsneak{
	width:10px;
}


.something{
	float:left;
}
.wordsneak{
	float:left;
	width:400px;
	height:3000px;
	font-size:21px;
	color:#CCC;
}


h4 {
	color: #F36;
	font-weight: normal;
	font-style: normal;	/*font-size: 10px;*/
	line-height: 2.0;
	letter-spacing:2px;
}

h5 {
	color: #F36;
	font-weight: normal;
	font-style: normal;	/*font-size: 10px;*/
	line-height: 2.0;
	letter-spacing:1px;
	}
	

.section_new h4 {
	font-size:10px;
}
.index {
	/*background:url(../images/slip_1.jpg) no-repeat bottom right;
	height: 3000px;*/
	/*left: -200px;*/
	
}
.index_container{
    margin:15px;
    bottom:0px;
    width:1000px;
    float:left;
    height:100%;
	color:#333;
	
    /*text-shadow:1px 1px 2px #f0f0f0;*/
}

.section{
    margin:15px;
    bottom:0px;
    width:850px;
    float:left;
    height:100%;
	color:#333;
	
    /*text-shadow:1px 1px 2px #f0f0f0;*/
}

.inserttext{
	margin:15px;
    bottom:0px;
    width:500px;
	height:1000px;
    float:left;
    height:100%;
	
}

.inserttext h1{
	font-size: 24px;
	color: #999;
	line-height: 0.9;
}

.inserttext h2{
	font-size: 18px;
	color: #666;
	font-weight: bold;
	font-style: italic;
}


.section h1{
	margin:50px 0px 20px 50px;
	font-size: 24px;
	color: #999;
	line-height: 0.9;
	;
}
.section h6{
	margin:50px 0px 20px 50px;
	font-size: 24px;
	color: #999;
	line-height: 0.9;
	font-weight: normal;
}
.section h2{
	margin:50px 0px 30px 50px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	font-style: italic;
	line-height:1.0;
}
.section h3{
	margin:50px 0px 20px 50px;
	font-size: 10px;
	font-style: bold;
	color: #333;
}



.compose{
	width: 2000px;
}

.collage{
	width: 3000px;
}

spacer{
	width:700px;
}

	
.section p{
	font-size: 16px;
    margin:20px 0px 0px 50px;
    width:750px;
	line-height: 1.5;
	font-weight:normal;
	/*background:#000;*/
}


	


.black{
    color:#333;
    /*background: url(../images/lifting_whitening.jpg) no-repeat top right;*/
	
	/*the following code is how you have a fixed position background that won't scroll*/
	/*background-image:url("../images/crevice_2.jpg") ;
	background-repeat: repeat;
	background-attachment: fixed;*/
}
.white{
    color:#333;
    background:#fff ;
}
.music{
	color:#CCC;
	background:#fff;
	font-size: 13px;
	
}

.sound{
	background:#fff;
}

.section ul{
    list-style:none;
    margin:0px 0px 0px 40px;
	font-weight:normal; /*this pissant number is the margin amount for the link numbers (menu). *SIGH**/
}
.black ul li{
	float:left;
	padding:5px;
	margin:5px;
	color:#09C;
}
.black ul li a{
	display:block;
	color:#FFA220;
}
.black ul li a:hover{
	text-decoration:none;
	color:#F90;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#09C;
}
.white ul li a{
    display:block;
    color:#09C;
}
.white ul li a:hover{
    text-decoration:none;
    color:#F90;
}
#couriet {
	font-family: "Courier New", Courier, monospace;
	color: #666;
}
#danishexception {
	size:30px;
	line-height: 18px;
	color: #ECECEC;
	font-size: 36px;
}
.tangent {
	width: 600px;
	line-height:2.5;
	color:#999;
	float:left;
}