/*--- generic ---*/
body {margin: 0; padding: 0; background: #fff; text-align: center;}
body,td,th {color:#5e5e5e; font: 100% Helvetica, Arial, sans-serif;}

/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/* image replacement */
.mir { letter-spacing : -3000em; font-size: 1px; }
/* Be nice to Opera, but hide from MacIE. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -9999em; overflow : hidden;}
/* end hack */

/* anchor behavior */
a, a:link {color:#366; text-decoration: none;}
a:visited {color:#5e5e5e; text-decoration: none;}
a:hover {color: #444; text-decoration: underline;}


/*
----------------------------------------------------------------
global navigation
---------------------------------------------------------------- */

#nav {
	width: 620px;
	margin: 18px 0 20px 0;
	position: relative;
	height: 47px;
	}
	
body.homepage #nav {
	height: 14px;
	width: 271px;
	margin: 16px 0 0 0;
	padding: 0;
	border: 0;
	float: right;
	}

#nav h1 {float: left;}

#nav ul {
	height: 14px;
	width: 271px;
	background: transparent url(../img/ul-nav-bg.gif) top left no-repeat;
	margin-top: 32px;
	position: relative;
	float: right;
	}
	
body.homepage #nav ul {
	height: 14px;
	width: 271px;
	background: transparent url(../img/ul-nav-bg.gif) top left no-repeat;
	position: relative;
	margin-top: 0;
	}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nav ul li, #nav ul a {
	height: 14px;
	display: block;
	border-width: 0;
	}


#nav ul li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}
	

/* -- menu item positioning -- */
li.nav-about			{left: 0; width: 27px;}
li.nav-projects			{left: 45px; width: 35px;}
li.nav-press			{left: 102px; width: 23px;}
li.nav-images			{left: 148px; width: 33px;}
li.nav-blog			{left: 201px; width: 19px;}
li.nav-contact			{left: 237px; width: 33px;}

/* -- mouseover states -- */
li.nav-about a:hover		{background: url(../img/ul-nav-bg.gif) 0 -17px no-repeat;}
li.nav-projects	a:hover 	{background: url(../img/ul-nav-bg.gif) -45px -17px no-repeat;}
li.nav-press a:hover 		{background: url(../img/ul-nav-bg.gif) -102px -17px no-repeat;}
li.nav-images a:hover 		{background: url(../img/ul-nav-bg.gif) -148px -17px no-repeat;}
li.nav-blog a:hover 		{background: url(../img/ul-nav-bg.gif) -201px -17px no-repeat;}
li.nav-contact a:hover		{background: url(../img/ul-nav-bg.gif) -237px -17px no-repeat;}


#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#centercontent-wrp {
	margin-left: -275px;
	position: absolute;
	top: -75px;
	left: 50%;
	width: 550px;
	height: 150px;
	visibility: visible;
}
	
#content-wrp {
	width: 620px;
	margin: 0 auto;
	text-align: left;
	
}

#content-wrp-wrp {
	position: relative;	
	height: 150px;
}


h1.homepage {width: 280px; height: 116px; float: right; position: relative;}
h1.homepage object {position: absolute; top: 0; left: 0;}
h1.home {width: 113px; height: 46px; background: url(../img/h1-bg.gif) -6px 0 no-repeat;}
h1.home a {width: 113px; height: 46px; display: block;}

body.homepage h2 {position: absolute; left: 0; bottom: 0; width: 250px; height: 20px; background: url(../img/h2-bg.gif) no-repeat; float: left; margin-top: 14px;}

#imagevue {}

#copy {clear: both; font-size: 11px; color: #5e5e5e;}

body.about #copy p {line-height: 1.4em; margin-bottom: 15px; text-align: justify;}
body.about #copy .slide {margin-top: 20px;}

body.images #content-wrp, body.images #nav, body.images #copy {width: 700px;}

body.projects #copy ul {float: left; width: 180px; margin-right: 40px;}
body.projects #copy ul.last {margin-right: 0;}
body.projects #copy ul li {font-size: 11px; margin-bottom: 4px;}


body.press #content-wrp, body.press #nav, body.press #copy {width: 660px;}
body.press #copy {width: 660px; height: 425px; overflow: auto;}

body.press #copy .left-col {float: left; width: 430px;}
body.press #copy .right-col {float: left; width: 180px; padding: 0 0 0 10px;}

body.press #copy .left-col ul {clear: both;}
body.press #copy .left-col ul li {float: left; width: 99px; padding-bottom: 6px; margin: 5px; font-weight: bold; font-size: 10px; color: #5e5e5e;}
body.press #copy .left-col ul li.first {margin-left: 0;}
body.press #copy .left-col ul li.last {margin-right: 0;}
body.press #copy .left-col ul li img {width: 99px; height: 74px; border: 1px solid #ccc; display: block; background: #efefef; margin-bottom: 3px;}

body.press #copy .right-col h3 {margin-bottom: 10px;}
body.press #copy .right-col ul {margin-bottom: 20px;}
body.press #copy .right-col ul li {margin-bottom: 4px;  font-size: 10px;}

body.contact #copy dl {float: left;}
body.contact #copy dt {font-weight: bold; font-size: 14px; margin-bottom: 10px; color: #aaa;}
body.contact #copy dd {margin-bottom: 4px;}

img.abewoodstock {float: right; background: #efefef; border: 1px solid #ddd; padding: 6px; margin: 10px 30px 0 0;}