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

#intro {
	position: relative;
	display: block;
	top: 30px;
	padding-top: 10px;
	background-image: url('http://www.davidbrucemcleod.com/main_iris_circle2.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 700px;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	}
	
#intro:hover {
    filter: alpha(opacity=100);
	-moz-opacity:01.0;
	-khtml-opacity: 01.0;
	opacity: 01.0;
	}

#navbar {
  	padding-left: 400px;
    float: left;
    width: 600px;
    background-color: #c7c7c7;
    height: 30px;
    top: -15px;
    position: relative;
    display: inline;
    border-style: solid;
    border-color: white;
    border-width: 0 0 1px;
    }

#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;
    border-style: solid;
    border-color: white;
    border-width: 0 0 1px;
    }

#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;
   	overflow: hidden;
   	text-align: right;
   	height: 140px;
   	width: 120px;
   	top: 0px;
   	display: inline;
   	font-size: 190px;
   	font-family: Helvetica;
   	text-transform: uppercase;
   	}
   	
 #navbar li ul a:hover {
    text-align: right;
   	border-bottom-color: white;
   	border-bottom-style: solid;
   	border-bottom-width: 1px;
   	overflow: hidden;
   	font-weight: normal;
   	font-style: normal;
   	font-size: 190px;
   	font-family: Helvetica;
   	}

#header {
    display: inline;
    position: relative;
    float: left;
    top: -31px;
    width: 990px;
    height: 100px;
    padding-top: 0px;
    padding-left: 10px;
    border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: white;
    background-color: #404040;
    font-family: raleway, Zapfino, arial;
    font-size: 55px;
    font-weight: 100;
    font-weight: ultralight;
    line-height: 150px;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    color: white;
    text-transform: ;
    letter-spacing: px;
    }

#header_group {
	display: inline;
    position: relative;
    float: left;
    top: -31px;
    width: 940px;
    margin-left: 10px;
    margin-bottom: 20px;
    border-right-width: 0px;
	border-left-width: 40px;
	border-top-width: 5px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #c7c7c7;
    background-color: white;
    overflow:hidden;
    text-decoration: none;
    padding-left: 10px;
    padding-top: 1px;
    -moz-border-radius: 0px 0px 0px 40px;
    /*
    border-radius: 7px 0px 0px 40px;
    */
    }
    
#header_group:hover {
	}
	
#header_group_text {
	display: inline;
    position: relative;
    float: left;
    top: -31px;
    width: 940px;
    margin-left: 10px;
    margin-bottom: 20px;
    border-right-width: 0px;
	border-left-width: 40px;
	border-top-width: 2px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #c7c7c7;
    background-color: white;
    overflow:hidden;
    padding-left: 0px;
    padding-top: 1px;
    font-family: arial;
    font-size: 15px;
    font-weight: 100;
    font-weight: ultralight;
    line-height: 20px;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    overflow: hidden;
    color: #404040;
    }
    
#sub_header {
    display: inline;
    position: relative;
    float: left;
    top: -1px;
    left:-10px;
    width: 929px;
    height: 75px;
    padding-top: 0px;
    padding-left: 20px;
    border-right-width: 0px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 10px;
	border-style: solid;
	border-color: white;
    background-color: #999;
    font-family: raleway, Zapfino, arial;
    font-size: 30px;
    font-weight: 100;
    font-weight: ultralight;
    line-height: 80px;
    text-align: left;
    text-decoration: none;
    font-style: italic;
    overflow: hidden;
    color: white;
    }

#sub_header a {
	text-decoration: none;
	color: #36c;
	}
	
#sub_header a:hover {
	color: #404040;
	}

#left {
	display: inline;
	position: relative;
	top: -31px;
    min-height: 800px;
    padding-right: 20px;
    float: left;
    width: 380px;
    background-color: white;
    }

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

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

#main img {
    border-style: none;
    max-width: 600px;
   	}
   	
#main_half {
	top: -31px;
	width: 300px;
	position: relative;
	display: inline;
    float: left;
    background-color: white;
    }

#main_half img {
    border-style: none;
    max-width: 300px;
   	}
   	
#main2 {
	width: 600px;
	height: 1100px;
	float: right;
	position: relative;
	display: inline;
	padding: 0px;
	margin: 0px;
	top:-31px;
	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: 14px;
   	font-family: raleway, HelveticaNeue, "Helvetica Neue", arial, sans-serif;
   	}

#info {
   	text-overflow: clip;
   	width: 370px;
   	top: -30px;
   	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: -30px;
   	text-align: left;
   	color: #404040;
   	background-color: white;
   	height: 800px;
   	float: left;
   	display: inline;
   	position: relative;
   	padding-left: 20px;
   	}

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

#image_2 {
    width: 500px;
   	top: -30px;
   	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;
    }
    
#image_full {
    width: 1000px;
   	top: -30px;
   	color: #c0c0c0;	
   	background-color: #c7c7c7;
   	float: left;
    position: relative;
   	display: inline;
   	height: auto;
    }

#image_full img {
    width: auto;
    max-width: 1000px;
    }

.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 */  
	}  	
   		
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: #404040;
    line-height: 18px;
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: 100;
    font-weight: ultralight;
    }
   
h4 a {
  	text-decoration: none;
  	color: #36c;
  	}
 
h4 a:hover {
    color: #666;
    }
    
h5 {
	font-style: normal;
    font-size: 40px;
   	font-family: raleway, Zapfino, arial, sans-serif;
   	color: #404040;
   	line-height: 0px;
   	font-weight: 100;
   	letter-spacing: 0px;
  	}
  	
h6 {
    font-size: 30px;
   	font-family: laine, Zapfino, arial, sans-serif;
   	color: #404040;
   	line-height: 0px;
   	font-weight: 100;
  	}

#n1 {
    height: 0px;
	background-color: #ca6
   	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
    }

#n2 {
    height: 0px;
	background-color: #b66;
   	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
    }

#n3 {
    height: 0px;
	background-color: #8a6;
   	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
    }

#n4 {
    height: 0px;
	background-color: #69c;
   	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
    }

#n5 {
    height: 0px;
	background-color: #97b;
   	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
    }

#n1:hover {
   	background-color: #404040;
   	filter: alpha(opacity=100);
	-moz-opacity:01.0;
	-khtml-opacity: 01.0;
	opacity: 01.0;
    }

#n2:hover {
   	background-color: #404040;
   	filter: alpha(opacity=100);
	-moz-opacity:01.0;
	-khtml-opacity: 01.0;
	opacity: 01.0;
    }

#n3:hover {
   	background-color: #404040;
   	filter: alpha(opacity=100);
	-moz-opacity:01.0;
	-khtml-opacity: 01.0;
	opacity: 01.0;
    }

#n4:hover {
   	background-color: #404040;
   	filter: alpha(opacity=100);
	-moz-opacity:01.0;
	-khtml-opacity: 01.0;
	opacity: 01.0;
    }

#n5:hover {
   	background-color: #404040;
   	filter: alpha(opacity=100);
	-moz-opacity:01.0;
	-khtml-opacity: 01.0;
	opacity: 01.0;
    }