/* @override http://sweetpotatopieproductions.com/style.css */
/* @override http://www.sweetpotatopieproductions.com/style.css */

#wrapper{
	width:960px;
	margin:auto;
}

body{
	background:#000 ;
	background-position:top center;
}

/* Index */

#index{
	width:960px;
	height:700px;
	float:left;
	margin:13px 0 0 0;
	display:inline;
	background:url(images/splash.jpg) no-repeat;
}

#front{
	width:960px;
	height:700px;
	float:left;
	margin:13px 0 0 0;
	display:inline;
	background:url(images/splash.jpg) no-repeat;
}
	
/* Index Navigation */

#indexLogo{
	height:50px;
	width:274px;
	float:left;
	margin:45px 0 0 120px;
	display:inline;
}

#indexLogo a {
	height:50px;
	width:274px;
	display:block;
}

#indexLinks{
	height:50px;
	width:420px;
	float:right;
	margin:605px 125px 0 0;
	display:inline;
}

#indexLinks ul {
	height:50px;
	width:420px;
	margin:0;
	padding:0;
}
	
/* Navigation */

#navigation {
	height:70px;
	width:960px;
	float:left;
	margin:10px 0 0 0;
	display:inline;
	background:url(images/navigation.png) no-repeat;
}

#logo{
	height:50px;
	width:274px;
	float:left;
	margin:10px 0 0 10px;
	display:inline;
}

#logo a {
	height:50px;
	width:274px;
	display:block;
}

#links{
	height:50px;
	width:420px;
	float:right;
	margin:10px 10px 0 0;
	display:inline;
}

/* Navigation Links */

#links ul {
	height:50px;
	width:420px;
	margin:0;
	padding:0;
}

li.about {
	height:50px;
	width:90px;
	float:left;
	margin:0 0 0 30px;
	display:inline;
	list-style:none;
}

li.about a {
	height:50px;
	width:90px;
	display:block;
}

li.photos {
	height:50px;
	width:98px;
	float:left;
	margin:0;
	display:inline;
	list-style:none;
}
	
li.photos a {
	height:50px;
	width:98px;
	display:block;
}
	
li.film {
	height:50px;
	width:76px;
	float:left;
	margin:0;
	display:inline;
	list-style:none;
}

li.film a {
	height:50px;
	width:76px;
	display:block;
}

li.words {
	height:50px;
	width:95px;
	float:left;
	margin:0;
	display:inline;
	list-style:none;
}

li.words a {
	height:50px;
	width:95px;
	display:block;
}

/* Images */

#imagesHeader{
	height:270px;
	width:960px;
	float:left;
	margin: 0;
	display:inline;
	background:url(images/imagesHeader.png) no-repeat;
}

#content{
	width:960px;
	float:left;
	padding-bottom:50px;
	display:inline;
}

.images{
	height:290px;
	width:300px;
	float:left;
	margin:20px 10px 0 10px;
	display:inline;
	background:url(images/imagesBackground.jpg);
}

.images a img {
	float:left;
	margin:10px;
	display:inline;
	border:none;
}

.imagesTitle{
	height:40px;
	width:300px;
	float:left;
	margin:0;
	background:url(images/imagesTitle.png) no-repeat;
}

.titleText {
	width:280px;
	float:left;
	margin:5px 10px;
	display:inline;
	color:#fff;
	font:16px/1.4 "Handwriting - Dakota";
}

/* Film */

#filmHeader{
	height:270px;
	width:960px;
	float:left;
	margin:0;
	display:inline;
	background:url(images/filmHeader.png) no-repeat;
}

.bodiesContent{
	width:960px;
	height:600px;
	float:left;
	background:url(images/twobodies.png) no-repeat;
}

.hairContent{
	width:960px;
	height:600px;
	float:left;
	background:url(images/collecthair.png) no-repeat;
}


.backupContent{
	width:960px;
	height:600px;
	float:left;
	background:url(images/backup.png) no-repeat;
}

.traumaContent{
	width:960px;
	height:600px;
	float:left;
	background:url(images/postTrauma.png) no-repeat;
}

.salaamContent{
	width:960px;
	height:600px;
	float:left;
	background:url(images/salaamTrailer.png) no-repeat;
}

#salaamLink{
	width:510px;
	height:340px;
	float:left;
	margin:160px 0 0 25px;
	display:inline;
}

#salaamLink a{
	width:510px;
	height:340px;
	display:block;
}

.video{
	float:left;
	margin:125px 0 0 5px;
	display:inline;
	padding:20px;
	background:url(images/videoBackground.png) no-repeat;
}

/* About */

#aboutHeader{
	height:270px;
	width:960px;
	float:left;
	margin:0;
	display:inline;
	background:url(images/aboutHeader.png) no-repeat;
}

.aboutContent{
	width:960px;
	height:800px;
	float:left;
	background:url(images/about.png) no-repeat;
}

#contact{
	width:165px;
	height:40px;
	float:right;
	margin:735px 130px 0 0;
	display:inline;
}

#contact a{
	width:165px;
	height:40px;
	display:block;
}

#footer{
	height:40px;
	width:216px;
	float:left;
	margin:0 0 0 35px;
	display:inline;
	background:url(images/signature.png) no-repeat;
}

#footer a{
	height:40px;
	width:216px;
	display:block;
}

#harvard{
	height:90px;
	width:370px;
	float:right;
	margin:0 65px 0 0;
	display:inline;
	background:url(images/harvard.png) no-repeat;
}

#harvard a{
	height:50px;
	width:340px;
	margin:20px 0 0 10px;
	display:block;
}

/* Simple Viewer */

#viewerContent{
	width:750px;
	float:left;
	padding-bottom:50px;
	margin:20px 0 0 105px;
	display:inline;
}

embed#viewer {
	height:600px;
	width:750px;
}