StyleSheet

@import 'reset.css';
@import 'file:///Macintosh HD/work/Cariban Stories/web/ie.css';




* {
	margin:0;
	padding:0;
	list-style:none;
	color: #FFF;
	font-size: 16px;
	line-height: 20px;
	vertical-align: top;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	overflow:scroll;

}

#ie6 {
display: none;
}

#container {
	width: 1024px;
	height: 768px;
	margin-left: auto;
margin-right: auto ;

	}
	

#home {
	position:absolute;
	width: 50px;
	height: 14px;
	background:url('images/home.png') no-repeat;
	margin-left: 347px;
	top: 215px;
}

#home a {
	display: block;
	text-indent: -800%;
	position: absolute;
	width: 100%;
	height: 100%;
	outline: none;
	margin-left: 0px;
}

#home a:hover {
  background-position: left bottom;
}


#media {
	position:absolute;
	width: 54px;
	height: 14px;
	background:url('images/media.png') no-repeat;
	margin-left: 442px;
	top: 215px;
	visibility: visible;
}

#media a {
	display: block;
	text-indent: -800%;
	position: absolute;
	width: 100%;
	height: 100%;
	outline: none;
	margin-left: 0px;
}

#media a:hover {
  background-position: left bottom;
}

#links {
	position:absolute;
	width: 48px;
	height: 14px;
	background:url('images/links.png') no-repeat;
	margin-left: 538px;
	top: 215px;
}

#links a {
	display: block;
	text-indent: -800%;
	position: absolute;
	outline: none;
	width: 100%;
	height: 100%;
	margin-left: 0px;
}

#links a:hover {
  background-position: left bottom;
}

#contact {
	position:absolute;
	width: 85px;
	height: 14px;
	background:url('images/contact.png') no-repeat;
	margin-left: 628px;
	top: 215px;
}

#contact a {
	display: block;
	text-indent: -800%;
	position: absolute;
	outline: none;
	width: 100%;
	height: 100%;
	margin-left: 0px;
}

#contact a:hover {
  background-position: left bottom;
}


#grace { background:url('images/index.jpg') no-repeat top center;
display: block;
height: 768px;
width: 1024px;
border:#000 thin outset;

}

#twitter {
	position:absolute;
	height: 325px;
	width: 250px;
	margin-left: 745px;
	top: 241px;
}

#header {
	background:url('header.swf') no-repeat top center;
	position:absolute;
	height: 209px;
	width: 325px;
	margin-left: 381px;
	top: 1px;
}


#social_media {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	line-height: 45px;
	position:absolute;
	height: 146px;
	width: 205px;
	margin-left: 790px;
	top: 578px;
}

#bio {
	position:absolute;
	margin-left: 177px;
	top: 596px;
	width: 500px;
	height: 122px;
}
._contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	vertical-align: top;
}
.bio {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height: 15pt;
}


	
#buy {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 288px;
  height: 26px;
  position: absolute;
  margin-left:348px;
  top:480px;
}


#buy a {
	display: block;
	text-indent: -800%;
	position: absolute;
	outline: none;
	margin-left: 0px;
}

#buy a:hover {
  background-position: left bottom;
}


#buy .bn {
	width: 84px;
	height: 24px;
	background:url('images/bn_button.png') no-repeat;
	margin-left: 0px;
}

#buy .amazon {
	width: 84px;
	height: 24px;
	background:url('images/amazon_button.png') no-repeat;
	margin-left: 100px;
}

#buy .iuni {
	width: 84px;
	height: 24px;
	background:url('images/iuniverse_button.png') no-repeat;
	margin-left: 200px;
}
._links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	top: 0px;
}