body {
    margin: 0 auto;
    width: 1000px;
    color: white;
    background-color: white;
    }

#intro {
	position: relative;
	display: block;
	top: 200px;
	}
	
#navbar {
  	padding-left: 400px;
    float: left;
    width: 600px;
    background-color: #c7c7c7;
    height: 30px;
    }

#navbar a {
    line-height: 30px;
    text-align: center;
    width: 120px;
    height: 30px;
    background-position: 0 center;
    font-size: 24px;
    background-color: #c7c7c7;
    text-decoration: none;
    font-family: raleway, HelveticaNeue-ultralight, "Helvetica Neue Ultralight", "Helvetica Neue", arial, sans-serif;
    color: white;
    display: inline;
    float: left;
    text-transform: lowercase;
    font-weight: 100;
    font-weight: ultralight;
    }

#navbar li {
    float: left;
    position: relative;
    display: inline;
    }

#navbar a:hover { 
  	border-style: none; 
  	font-size: 24px; 
  	font-family: raleway, HelveticaNeue-ultralight, "Helvetica Neue", arial, sans-serif;
  	text-decoration: none; 
  	background-color: #404040;
    color: white;
    text-transform: lowercase
    font-weight: 100;
    border-style: solid;
    border-color: white;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    }

#navbar li ul {
    width: 1em;
    position: absolute;
    left: -999em;
    }

#navbar li:hover ul, #navbar li.sfhover ul {
    left: 0px;
    height: 140px;
    top: -142px;
    z-index: 0;
    display: inline;
    position: absolute;
    }

#navbar li ul li {
    left: -40px;
    top: 1px;
    }

#navbar li ul a {
    line-height: 65px;
   	font-style: normal;
   	font-weight: normal;
   	border-color: white;
   	border-style: solid;
   	border-bottom-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
   	border-left-width: 0px;
   	text-overflow: ellipsis;
   	text-align: right;
   	height: 140px;
   	width: 120px;
   	top: 0px;
   	display: inline;
   	font-size: 190px;
   	font-family: Helvetica;
   	}
   	
 #navbar li ul a:hover {
    text-align: right;
   	border-bottom-color: white;
   	border-bottom-style: solid;
   	border-bottom-width: 1px;
   	text-overflow: ellipsis;
   	font-weight: normal;
   	font-style: normal;
   	font-size: 190px;
   	font-family: Helvetica;
   	}

#left {
	top: -15px;
    height: 800px;
    padding-right: 20px;
    float: left;
    width: 380px;
    background-color: white;
    }

#left img {
    width: 100%;
    height: auto;
    }

#main {
	top: -15px;
	width: 600px;
	position: relative;
	display: inline;
    float: right;
    background-color: white;
    }

#main img {
    border-style: none;
    max-width: 600px;
   	}
   	
#main2 {
	width: 600px;
	float: right;
	position: relative;
	display: inline;
	padding: 0px;
	margin: 0px;
	top:-15px;
	background-color: white;
	}
   	
#main2 img {
	border-style: none;
	max-width: 600px;
	}

#main2 a {
	display: inline;
	float: right;
	position: relative;
	text-decoration: none;
	}

#main2 li {
    position: relative;
    display: inline;
    float: right;
    }

#main2 a:hover {
    }

#main2 li ul {
    width: 1em;
    position: absolute;
    left: -999em;
    }

#main2 li:hover ul, #main2 li.sfhover ul {
    left: 0px;
    width: 600px;
    height: 90px;
    z-index: 0;
    float: left;
    display: inline;
    position: absolute;
    }

#main2 li ul li {
    left: -20px;
    }

#main2 li ul a {
	width: 600px;
	height: 30px;
	background-color: white;
	text-align: left;
  	font-family: raleway, HelveticaNeue, "Helvetica Neue", arial, sans-serif;
    font-size: 30px;
    color: #c7c7c7;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-weight: 100;
    font-style: italic;
    text-decoration: none;
    display: inline;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
   	}
   	
#main2 li ul a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
   	}

#foot {
    top: -5px;
   	clear: both;
   	padding-bottom: 10px;
   	position: relative;
   	display: inline;
   	float: right;
   	color: #404040;
   	font-size: 10px;
   	font-family: raleway, HelveticaNeue, "Helvetica Neue", arial, sans-serif;
   	}

#info {
   	text-overflow: clip;
   	width: 370px;
   	top: -15px;
   	text-align: right;
   	color: #404040;
   	background-color: white;
   	height: 800px;
   	float: right;
   	display: inline;
   	position: relative;
   	padding-right: 20px;
   	font-size: 30px;
   	font-family: HelveticaNeue, "Helvetica Neue", arial, sans-serif;
   	font-weight: 100;
   	font-style: italic;
    }

#info_2 {
   	text-overflow: clip;
   	width: 370px;
   	top: -15px;
   	text-align: left;
   	color: #404040;
   	background-color: white;
   	height: 800px;
   	float: left;
   	display: inline;
   	position: relative;
   	padding-left: 20px;
   	}

#image {
    width: 500px;
   	top: -15px;
   	color: #c0c0c0;
   	background-color: #c7c7c7;
   	float: right;
   	position: relative;
    display: inline;
   	height: auto;
    }

#image_2 {
    width: 500px;
   	top: -15px;
   	color: #c0c0c0;	
   	background-color: #c7c7c7;
   	float: left;
    position: relative;
   	display: inline;
   	height: auto;
    }

#image img {
    width: auto;
    max-width: 500px;
    }

#image_2 img {
    width: auto;
    max-width: 500px;
    float: right;
    }

.centeredImage {
	display: block;
	position: relative;
   	text-align: center;
   	margin: 0px;
   	}
   		
.centeredText {
	display: block;
	position: relative;
   	text-align: center;
   	margin: 0px;
  	}
   		
@font-face {  
  	font-family: raleway ;  
  	src: url( fonts/raleway_thin.eot ); /* IE */  
    src: local("raleway-thin"), url( fonts/raleway_thin.ttf ) format("truetype"); /* non-IE */  
	}  
	
@font-face {  
  	font-family: Killigra ;  
  	src: url( fonts/Killigra.eot ); /* IE */  
    src: local("killigra"), url( fonts/Killigra.ttf ) format("truetype"); /* non-IE */  
	}  	
 
@font-face {  
  	font-family: Aquiline ;  
  	src: url( fonts/Aquiline.eot ); /* IE */  
    src: local("aquiline"), url( fonts/Aquiline.ttf ) format("truetype"); /* non-IE */  
	} 
	
@font-face {  
  	font-family: Aquiline2 ;  
  	src: url( fonts/AquilineTwo.eot ); /* IE */  
    src: local("aquiline"), url( fonts/AquilineTwo.ttf ) format("truetype"); /* non-IE */  
	} 	
	
@font-face {  
  	font-family: Laine ; 
  	src: url( fonts/Laine.eot ); /* IE */  
    src: local("laine"), url( fonts/Laine.ttf ) format("truetype");
    font-style: normal;
    font-weight: normal;/* non-IE */  
	} 
	
@font-face {  
  	font-family: Scriptina ;
  	font-style: normal;
    font-weight: normal;
  	src: url( fonts/Scriptin.eot ); /* IE */  
    src: local("scriptin"), url( fonts/Scriptin.ttf ) format("truetype"); /* non-IE */  
	}  
	
@font-face {  
  	font-family: Oldboy ;
  	font-style: normal;
    font-weight: normal;
  	src: url( fonts/Olhod___.eot ); /* IE */  
    src: local("olhod___"), url( fonts/Olhod___.ttf ) format("truetype"); /* non-IE */  
	}  	
 
/* Then use it like you would any other font  
.raleway { font-family: yourFontName, verdana, helvetica, sans-serif;  
}  	*/
   		
h1 {
    font-weight: normal;
   	font-style: normal;
   	word-wrap: break-word;
    word-break: break-all;
    line-height: 150px;
    float: left;
   	left: -16px;
   	top: 50px;
   	font-variant: normal;
   	font-size: 280px;
   	font-family: raleway, helveticaneue, "helvetica neue", arial, sans-serif;
   	position: relative;
   	display: inline;
   	font-style: italic;
   	}

h2 { 
  	text-align: left;
  	font-family: raleway, HelveticaNeue, "Helvetica Neue", arial, sans-serif;
    font-size: 30px;
    color: #565656;
    font-weight: 100;
    font-style: italic;
    text-decoration: none;
    }
    
h2 a {
    text-decoration:none;
    color: #666;
    font-weight: 100;
    }
    
h2 a:hover {
    color: #6d306d;
    }

h3 {
    font-family: raleway, HelveticaNeue, "Helvetica Neue", arial, sans-serif;
    font-size: 22px;
    color: #555;
    line-height: 22px;
    text-align: justify;
    font-weight: 300;
    font-style: italic;
    }
  
h3 a {
  	text-decoration: none;
  	color: #369;
  	}

h3 a:hover {
  	color: #a4a;
    }

h4 {
    font-style: normal;
    text-align: justify;
    color: #246;
    line-height: 18px;
    font-size: 16px;
    font-family: Helvetica, raleway, HelveticaNeue, "Helvetica Neue", arial, sans-serif;
    font-weight: 100;
    }
   
h4 a {
  	text-decoration: none;
  	color: #36c;
  	}
 
h4 a:hover {
    color: #666;
    }
    
h5 {
	font-style: italic;
    font-size: 40px;
   	font-family: raleway, Zapfino, arial, sans-serif;
   	color: #404040;
   	line-height: 30px;
   	font-weight: 100px;
   	letter-spacing: 0px;
  	}
  	
h6 {
    font-size: 30px;
   	font-family: laine, Zapfino, arial, sans-serif;
   	color: #404040;
   	line-height: 0px;
   	font-weight: 100;
  	}

#n1 {
    height: 140px;
   	background-color: #b94;
   	text-transform: uppercase;
    }

#n2 {
    height: 140px;
   	background-color: #b66;
   	text-transform: uppercase;
    }

#n3 {
    height: 140px;
   	background-color: #8a6;
   	text-transform: uppercase;
    }

#n4 {
    height: 140px;
   	background-color: #69c;
   	text-transform: uppercase;
    }

#n5 {
    height: 140px;
   	background-color: #97b;
   	text-transform: uppercase;
    }

#n1:hover {
   	background-color: #404040;
    }

#n2:hover {
   	background-color: #404040;
    }

#n3:hover {
   	background-color: #404040;
    }

#n4:hover {
   	background-color: #404040;
    }

#n5:hover {
   	background-color: #404040;
    }