@charset "UTF-8";
/* CSS Document */
body{
	background:url(images/bg.png) repeat center;
	font-family: Arial;
	}
b{
	color:#cc3300;
	}

a{
	text-decoration:none;
	border:none;
	}

#h{
	color:#993300;
	}

#q{
	}

#wrapper{
	background:url(images/content-bg.png) no-repeat;
	position:relative;
	background-position:0 0;
	width:850px;
	height:100%;
	margin:auto;
	padding:10px;
	}
/*----Header Elements----*/
#header{
	position:relative;
	width:800px;
	height:50px;
	margin:auto;
	padding-bottom:10px;
	}

#od{
	position:relative;
	float:left;
	height:61px;
	width:199px;
	}

#goh{
	position:relative;
	background:url(images/catalog-logo.png) no-repeat;
	float:right;
	height:80px;
	width:280px;
	right:60px;
	}
/*----Top Elements----*/

#top{
	position:relative;
	width:800px;
	height:215px;
	}

#synopsis{
	width: 450px;
	height:100%;
	float:left;

	}

#video{
	position:absolute;
	width:340px;
	height:175px;
	float:right;
	top:10px;
	right:25px;
	text-decoration:none;
	border:none;
	z-index:5;
	}
#browse{
	position:relative;
	left:50px;
	top:25px;
	font-size:15px;
	color:#757574;
	}
	
#title{
	position:absolute;
	left:210px;
	top:50px;
	font-size:15px;
	color:#cc3300;
	}

#obimg{
	position:absolute;
	top:60px;
	left:70px;
	}
#caption{
	position:absolute;
	width:160px;
	top:75px;
	left:210px;
	font-size:12px;
	color:#666666;
	}
	
#give1{
	position:absolute;
	left:210px;
	bottom:35px;
	z-index:0;
	color:cc3300;
	text-decoration:none;
	}

#give1 a{
	text-decoration:none;
	color:#ff9900;
	}

#giftsofhope{
	position:absolute;
	background:url(images/giftsofhope.png) no-repeat;
	height:566px;
	width:121px;
	left:-60px;
	top:250px;
	z-index:-2;
	}

#squiggle-1{
	background:url(images/squiggles_01.png) top;
	width:100%;
	height:103px;
	position:absolute;
	left:0px;
	top:275px;
	z-index:-1;
	}

#squiggle-2{
	background:url(images/squiggles_02.png) top;
	width:100%;
	height:103px;
	position:absolute;
	top:900px;
	left:0px;
	z-index:-1;
	}


/*----Bottom Elements---*/

#bottom{
	width:850px;
	height: 563px;
	position:relative;
	}

#left{
	float:left;
	width: 360px;
	height:100%;
	}
#left p{
	padding-left:20px;
	padding-right:20px;
	}
	
#right{
	float:right;
	width:300px;
        height:100%;
	
	}

#give2{
	}

#mainimg{
	position:absolute;
	width:600px;
	height:563px;
	top:-6px;
	right:40px;
	z-index:1;
	}

#content{
	position:relative;
	left:25px;
	top:-110px;
	width: 400px;
	font-size:14px;
	color:#333333;
	z-index:10;
	}

#call{
	/*position:absolute;
	left:25px;
	top:330px;
	font-size:14px;*/
	color:#ff9900;
	}

#give2{
	position:absolute;
	left:250px;
	top:340px;
	font-size:14px;
	color:#cc3300;
	z-index:2;
	}

#give2 img{
	border:none;
	text-decoration:none;
	}

#quote{
	position:absolute;
	width:350px;
	left:50px;
	top:400px;
	padding:10px;
	font-size:15px;
	z-index:10;
	font-style:italic;

	}

#price{
	position:relative;
	height:218px;
	width:600px;
	top:-20px;
	left:25px;
	z-index:0;
	}

/*---Gift Scroll---*/

#giftScroll{
	margin:auto;
	padding-top:20px;
	width:850px;
	}

#box1{
	position:absolute;
	width:850px;
	margin:auto;
	visibility:visible;
	}
#box2{
	position:absolute;
	visibility:hidden;
	top:0px;
	}


/*---Buttons---*/

#next{
	position:absolute;
	top:100px;
	left:375px;
	}
#prev{
	position:absolute;
	top:100px;
	left:25px;
	}

#page-turn{
	position:absolute;
	z-index:5;
	bottom:6px;
	right:43px;
	}
#page-turn img{
	text-decoration:none;
	border:none;
	width:59px;
	height:61px;
	}

/*----Footer----*/
#footer{
	padding-top:10px;
	}

#links{
	position:relative;
	float:right;
	right:50px;
	font-size:10px;
	}
#links a{
	color:#333300;
	text-decoration:none;
	}

#ftLogo{
	position:relative;
	float:left;
	left:50px;
	}
