* {font-family:'Futura-Medium','Futura','Trebuchet MS',sans-serif; color:black;}

html, body, table, td, form {margin:0; padding:0;}
body {background-color:white;}
div.pagebackground {
	position:relative;
	border:1px solid black;
	width:700px;
	margin-left:auto; margin-right:auto;
	padding:0;
	background-color:white;
}
div.pagespotlight {
	margin:0;
	padding:0;
	background-color:transparent;
}

div.content { padding:0 2em;}

.left{float:left;}
.right{float:right;}

a {
	color:#666;
}
a:hover {color: #f66;}
a.current {color: black;}

.clickable{cursor:pointer;}

textarea{color:black; width:600px; height:250px; margin:1em auto; display:block;}
input {color:black; margin:1em auto; display:block;}

h2 {padding:0; text-transform:uppercase; color:black;}
h4 {padding:0; margin:2em 0 .5em 0; text-transform:uppercase; color: #666;}
hr {margin:1em; clear:both; background-color:#DDD; color:#DDD;}
p {margin:0; margin-bottom:2em;}

ul {
	background-color:#ddd;
	border:1px solid #333;
	border-width: 1px 0;
	overflow:hidden;
	text-align:center;
	padding:.25em;
	margin:1em 0;
}
li{
	display:inline;
	text-transform: uppercase;
	font-size: .7em;
	color: #666;
	line-height: 25px;
	text-align:center;
	margin:0 .9em;
}

dl{
	float:right;
	width: 250px;
	padding-bottom:5em;
	margin:2em 0 0 2em;
	font-size:0.75em;
}
dt {text-transform:uppercase; color:#666; margin-top:2em;}
dd {margin:.25em 1em;}
dd img {float:left; border:3px solid white; margin:3px}

img.white{border:3px double #999;}

div.infobox{float:right; width: 130px; height: 200px; padding:5px; margin:2em 0 0 2em; color: #666; font-size:0.75em; font-style: italic; line-height: 20px;}

div.gallerybook{
	float:left;
	margin:1em 15px 1em 0;
	width:315px;
	height:280px;
	display:block;
	background-color:transparent;
	background-image:url('/images/bg_gallerybook.png');
	background-repeat:no-repeat;
}
div.gallerybook div{margin:50px auto; text-transform: uppercase; text-align:center;}
div.gallerybook img{margin:40px 0 0 63px; width:200px; height:145px; border-width:0px; display:block;}

div.ipod{  position:relative;
	margin:2em 0;
	width:300px;
	height:569px;
	display:block;
	background-color:transparent;
	background-image:url('/images/bg_iphone.png');
	background-repeat:no-repeat;
}
div.ipod div{margin:540px auto; text-transform: uppercase; text-align:center;}
div.ipod img.portrait{position:absolute; z-index:1; top:124px; left:33px; width:220px; height:316px; border-width:0px; display:block;}
div.ipod img.soon{position:absolute; z-index:50; top:150px; left:10px; width:355px; height:164px; border-width:0px; display:block;}

div.footer{height:250px;}


#homepageimages {margin:auto;}
#imageviewer {z-index:10; position:absolute; width:800px; margin:0 -50px; display:none; top:100px; left:0px; background-color:white; border:2px solid #333; border-width:2px 0;}
#closeviewer {z-index:30; position:absolute; top:-18px; left:30px; border-width:0px; display:inline; width:36px; height:34px;cursor:pointer;}
#pushpin {z-index:40; position:absolute; top:-20px; left:378px; border-width:0px; display:inline; width:45px; height:65px;}
.fullportrait {z-index:20; width:320px; height:460px; border:20px solid white; margin: 30px auto 50px auto; display:block;}
.fulllandscape {z-index:20; width:500px; height:350px; border:20px solid white; margin: 30px auto 50px auto; display:block;}

#movie{width:500px; height:300px; background-color:white; border:2px solid #2F3130;}