/* body
----------------------------------------------- */
body{
	background-color: #7ecee2;
	margin:  0px;
	padding:  0px;
	font-size:  10px;
	font-family: 'Times New Roman', serif;
}
a,
body a:visited{
	color:  #333;
}
img{
	border:  0px none;
}
div#logo{
	position: absolute;
}
ul{
	margin: 0px;
	padding: 0px;
}
li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
h1{
	font-size: 3.6em;
	margin: 0px;
}
iframe{
	display: none;
}
#ieoxAdTag{
	display: none;
}
/* nav
----------------------------------------------- */
ul#nav{
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav-bg.gif);
	width: 218px;
	height: 174px;
}
ul#nav li{
	position: absolute;
	list-style-type: none;
	color: #1f373d;
	padding: 0px;
	margin: 0px;
}
ul#nav li a{
	text-decoration: none;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size:1em;
	letter-spacing:0.2em;
	text-transform:uppercase;
}
ul#nav li a:visited,
ul#nav li a:link{
	color: #333;
}
li#nav-about{
	left: 28px;
	top:  67px;
}
li#nav-work{
	left: 50px;
	top:  118px;
}
li#nav-contact{
	left: 98px;
	top:  145px;
}
li#nav-blog{
	left: 160px;
	top:  118px;
}
li#nav-friends{
	left: 165px;
	top:  60px;
}
div#background-images img{
	position: absolute;
}

/* body#home
----------------------------------------------- */
body#home div#logo{
	left: 40px;
	top: 40px;
}
body#home img#ferry{
	position: absolute;
	left: 400px;
	top: 240px;
}

body#home img#cloud1{
	top: 160px;
	left: 480px;
}
body#home img#cloud2{
	left: 390px;
	top: 181px;
}
body#home img#cloud3{
	left: 10px;
	top: 180px;
}
body#home ul#nav{
	top: 20px;
	left: 690px;
}
body#home div#blog{
	position: absolute;
	z-index: 2;
	left: 100px;
	top: 280px;
}
body#home div#blog ul{
	padding: 0px;
	margin:0px;
}
body#home div#blog ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 1.2em;
}
body#home div#blog ul li a{
	text-decoration: none;
}


/* body#work
----------------------------------------------- */
body#work img#map{
	left: 0px;
	top: 0px;
}
body#work ul#nav{
	left: 210px;
	top: 390px;
}
body#work div#logo{
	left: 490px;
	top: 10px;
}
body#work h1{
	position: absolute;
	left: 10px;
	top: -10px;
	z-index: 2;
	margin: 0px;
	padding: 0px;
}
body#work ul#subnav{
	position: absolute;
	left: 45px;
	top: 65px;
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size:1em;
	letter-spacing:0.2em;
	text-transform:uppercase;
	z-index: 3;
}
body#work ul#subnav li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
body#work ul#subnav li a{
	text-decoration: none;
}
body#work div#content{
	position: absolute;
	z-index: 2;
	left: 500px;
	top: 150px;
	width: 420px;
}
body#work div#content h2{
	margin: 0px;
	padding: 0px;
	color:#CC6600;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size:1em;
	letter-spacing:0.2em;
	text-transform:uppercase;
	margin:1.5em 0pt 0.75em;
}
body#work div#content h2 a{
	text-decoration: none;
	color:#CC6600;
}
body#work div#content p{
	margin: 0px 0px 20px 0px;
	font-size: 1.4em;
}
body#work div#content p span.info{
	font-style: italic;
	display: block;
}

/* body#about
----------------------------------------------- */
body#about div#logo{
  left: 340px;
  top: 10px;
}
body#about ul#nav{
	left: 20px;
	top: 0px;
}
body#about ul#portraits{
	position: absolute;
	z-index: 2;
	width: 860px
}
body#about ul#portraits li{
	position: absolute;
}
body#about li#adam{
	left: 80px;
	top: 275px;
}
body#about li#jennifer{
	left: 360px;
	top: 200px;
}
body#about li#drew{
	left: 650px;
	top: 270px;

}
body#about div#content{
	position: absolute;
	top: 280px;
	left: 320px;
	width: 280px;
}
body#about div#content p{
	font-size: 1.2em;
}
/* body#about.adam-powers
----------------------------------------------- */
body#about.adam-powers li#jennifer{
	left: 660px;
	top: 405px;
}
body#about.adam-powers li#drew{
	left: 770px;
	top: 420px;
}
/* body#about.jennifer-maas
----------------------------------------------- */
body#about.jennifer-maas li#jennifer{
	left: 80px;
	top: 275px;
}
body#about.jennifer-maas li#adam{
	left: 660px;
	top: 420px;
}
body#about.jennifer-maas li#drew{
	left: 770px;
	top: 420px;
}
/* body#about.drew-christie
----------------------------------------------- */
body#about.drew-christie li#jennifer{
	left: 660px;
	top: 405px;
}
body#about.drew-christie li#adam{
	left: 770px;
	top: 420px;
}
body#about.drew-christie li#drew{
	left: 80px;
	top: 275px;
}
/* body#friends
----------------------------------------------- */
body#friends img#whale{
	left: 80px;
	top: 170px;
}
body#friends ul#nav{
	left: 630px;
	top: 10px;
}
body#friends div#logo{
	left: 50px;
	top: 20px;
}
body#friends div#content{
	position:absolute;
	left: 330px;
	top: 200px;
	z-index: 2;
	width: 250px;
}
body#friends h1{
	margin: 0px;
	padding:0px;
}
body#friends div#content li{
	margin-bottom: 5px;
	margin-left: 30px;
}
body#friends div#content a{
	text-decoration: none;
	font-size: 1.1em;
}
body#friends div#content a:hover{
	text-decoration: underline;
}
/* body#blog
----------------------------------------------- */
body#blog img#lighthouse{
	position: absolute;
	left: 0px;
	top: 100px;
}
body#blog ul#nav{
	left: 0px;
	top: 0px;
}
body#blog div#logo{
	left: 420px;
	top: 10px;
}
body#blog div#content{
	position:absolute;
	left: 380px;
	top: 210px;
	z-index: 2;
	font-size: 1.2em;
}
body#blog div#b-navbar{
	display: none;
	visibility: hidden;
}
body#blog h1{
	left: 355px;
	top: 130px;
	width: 200px;
	position: absolute;
	z-index: 3;
}
body#blog a:visited{
	color: #5588AA;
}
body#blog a:hover{
	color: #CC6600
}
/* body#movie
----------------------------------------------- */
body#movie div#logo{
	left: 60px;
	top: 0px;
}
body#movie div#video{
	position: absolute;
	top: 150px;
	left: 10px;
	width: 425px;
}
body#movie div#main{
	width: 425px;
	margin: 0px auto;
	position: relative;
}