@charset "utf-8";
/* CSS Document */

.obj {
	padding:5px;

	
}

div.loader{
background:url(images/sue_stone_book_n_holder_over.png) no-repeat ;
background:url(images/sue_stone_vid_n_holder_over.png) no-repeat;
background:url(images/sue_stone_booking_n_holder_over.png) no-repeat;
background:url(images/sue_stone_cd_n_holder_over.png) no-repeat;
margin-left:-1000px;
} 

#wrap {margin:50px; width:1004px;}
body {
	background-color:#0099CC;
	margin-left:0px;
	margin-top:0px; 
}

a {
	color:#0FF;
	
}

#news {color:#FFF;
font:Tahoma, Geneva, sans-serif}

#newsletter {
	position:absolute;
	left:733px;
	top:106px;
	width:295px;
	height:214px;
	padding-bottom:30px;
	background:url(images/newsbk.png) no-repeat;
	
}

h2 {
	color:#2173B6;
	padding-left:30px;
	font-weight:bold;
}


#booking-form {
	float:left;
	margin-left:25px;
	border-style:solid;
	
	border-color:#FFF;
width:400px;
background:#0CF;
}

.booking-form-right {
	float:left;
	margin-top:20px;
	margin-left:45px;
	border-style:solid;
	
	border-color:#FFF;
width:400px;
background:#0CF;
}
.booking-form-right2 {
	float:left;
	margin-top:20px;
	margin-left:45px;
	border-style:solid;
	
	border-color:#FFF;
width:800px;
background:#0CF;
}

#newscont p,h3 
{
color:#FFF;
margin-bottom:15px;
text-transform:uppercase;
text-align:center;

}
#flash {
	width:272px;
	margin: 150px 0 0 30px ;
	clear:both;
}




#header {float:left; width: 1004px; height: 308px; background:url(images/sue_stone_header3.jpg) no-repeat;}
#maintop {float:left; width: 982px; height: 55px; background:url(images/sue_stone_main_top.png) no-repeat; margin-left:12px; margin-top:20px;}

#mainmid {float:left; width: 982px;  background:url(images/sue_stone_main_mid.png ) repeat-y; margin-left:12px;}
#mainmid a { color:#0066CC;}
#mainbot {float:left; width: 982px; height: 15px; background:url(images/sue_stone_main_bot.png ) no-repeat; margin-bottom:30px; margin-left:12px;}

	#dividercontent p {
	padding: 5px;
	color:#FFF;
	line-height:130%; 	
	margin-right: 20px;	
	margin-left: 25px;
	font-family:Tahoma, Geneva, sans-serif;
} 

#dividercontent h1 {
	padding-left:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	
}

#divider {
	float:left;
	height:27px;
	width:1004px;
	background:url(images/sue_stone_divider.png) repeat-x;
	margin-bottom:10px;

}

.test {
	background:#0CF;
}

#footercontent {
	float:left
	margin-left:100px;
	margin-top:10px;
	padding-left:80px;
	padding-top:10px;
	width:880px;
		height:80px;
		color:#FFF;
		text-align:center;
	}
	
	#belowmain{
		width:850px;
		color:#FFF;
		margin-left:100px;
		}
	
	#footercontent a
	{	
	color:#FFF;
	text-align: -moz-center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
			
	}
	
	#lowlink p
	{
		
		padding-left:170px;
		color:#FFF;
	}
	
#holder {
	width:1000px;
	height:240px;
	
	}
	
	#book {
		float:left;
		width:240px;
		height:212px;
		margin:5px;
		background:url(images/sue_stone_book_n_holder.png) no-repeat;
		overflow:hidden;
	}
	
	#book:hover {
		float:left;
		width:240px;
		height:212px;
		margin:5px;
		background:url(images/sue_stone_book_n_holder_over.png) no-repeat;
		
	}
	
#cd {
	float:left;
	margin:5px;
    width:240px;
    height:212px;
	background:url(images/sue_stone_cd_n_holder.png) no-repeat;
	}
	
	#cd:hover {
	float:left;
	margin:5px;
    width:240px;
    height:212px;
	background:url(images/sue_stone_cd_n_holder_over.png) no-repeat;
	}
	
	#vid {
	float:left;
	margin:5px;
    width:240px;
    height:212px;
	background:url(images/sue_stone_vid_n_holder.png) no-repeat;
	}
	
	#vid:hover {
	float:left;
	margin:5px;
    width:240px;
    height:212px;
	background:url(images/sue_stone_vid_n_holder_over.png) no-repeat;
	}
	
		#booking {
	float:left;
	margin:5px;
    width:240px;
    height:212px;
	background:url(images/sue_stone_booking_n_holder.png) no-repeat;
	}
	
	#booking:hover {
	float:left;
	margin:5px;
    width:240px;
    height:212px;
	background:url(images/sue_stone_booking_n_holder_over.png) no-repeat;
	}
	
#content{
width:980px;
margin-top:-30px;}


#footer {
	float:left;
	width: 986px;
	height: 102px;
	background:url(images/sue_stone_footer.png ) no-repeat;
	margin-left:10px;
	margin-top:20px;
}



/* MENU */

#menublank
	{
		width:935px;
		height:29px;
		float:left;
		margin:0px;
		padding:0 0 0 69px; 
	}
#menu
	{
		width:1004px;
		height:29px;
		float:left;
		margin:0px;
		padding:0px;
		padding-left:9px;

	}
	
	#contentmenu
	{
		width:200px;
		height:400px;
		float:left;
		margin:0px;
		padding:0px;
		
		
	}
/*
#menu ul
	{
		width:900px;
		height:29px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;
	}
#menu ul li
	{
		height:29px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;		
	}
#menu ul li a.menu
	{
		height:25px;
		float:left;
		margin:0px;
		padding:4px 17px 0 17px;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
	}
#menu ul li a.menu:hover
	{
		height:25px;
		float:left;
		margin:0px;
		padding:4px 17px 0 17px;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;		
		color:#FFF;
		text-align:center;
		text-decoration:none;
		background-image:url(images/menuover.png);
		background-repeat:repeat-x;
	}

*/
/* CONTENT HOLDERS */

#dividercontent {
	width:950px;
}


	#content p {
	padding: 5px;
	color:#FFF;
	line-height:130%; 	
	margin-right: 20px;	
	margin-left: 25px;
	font-family:Tahoma, Geneva, sans-serif;
} 

/* #topcont {
	position:absolute;
	width:339px;
	height:272px;
	left: 850px;
	top: 528px;
	background:url(images/book.png) no-repeat;
	/*float:right;
	margin-top:-250px;
	margin-right:-50px;
	}
	*/
	
#video_top
{
	position:absolute;
	width:339px;
	height:272px;
	left: 850px;
	top: 528px;
}
	
	


#content img
{
	/*padding:15px;*/
}

.cd-sell{
	padding-top:30px;
	height:200px;
	border:thin;
	border-style:dashed;
	border-color:#FFF;
	
	}
	.cd-sellbook{
	padding-top:30px;
	
	border:thin;
	border-style:dashed;
	border-color:#FFF;
	
	}
		.cd-sellbook span{
color:#09F;
	
	}
	
		.cd-sellbook:hover span{
color:#FFF;
	
	}
	
	.cd-sellbook:hover{
		background:#09C;
		color:#FFF;
border:medium;
	border-style:dashed;
	border-color:#FFF;
	
	}
	
			
			
			
	.cd-sell span{
color:#09F;
	
	}
	
		.cd-sell:hover span{
color:#FFF;
	
	}
	
	.cd-sell:hover{
		background:#09C;
		color:#FFF;
		
border:medium;
	border-style:dashed;
	border-color:#FFF;
	
	}
#content h1
{
	padding-left:30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	
}

.line 
{
background: url(images/sue_stone_thin_line.png) repeat-x bottom;
}

#searchblank
	{
	width:200px;
		float:right;
		margin:280px 180px 0 0;
		padding:10px 0px 0px 00px;
		
	}
#searchinput
	{
		width:190px;
		height:24px;
		float:left;
		padding:15px 0px 0 15px;
		margin: 0px 0px 0 0;
		
	}
	
	#searchbox
	{
		float:left;
		padding-top:20px;
		padding-left:20px;
		
		
		
	
		
		
	}
.go
	{
		width:26px;
		height:16px;
		float:right;
		margin:0px;
		padding:2px 30px 0 5px;
		font-family:Arial;
		font-size:10px;
		color:#e1d300;
		text-decoration:none;
		background-image:url(images/gobutton.jpg);
		background-repeat:no-repeat;
	}
.go:hover
	{
		width:26px;
		height:16px;
		float:phone;
		margin:0px;
		padding:2px 30px 0 5px;
		font-family:Arial;
		font-size:10px;
		color:#e1d300;
		text-decoration:none;
		background-image:url(images/gobutton.jpg);
		background-repeat:no-repeat;
	}
.searchinput
	{
		width:139px;
		height:17px;
		float:right;
		margin:20px 0px 0 0px;
		padding:0px 0px 0 0px;
		font-family:Arial;
		font-size:10px;
		color:#000;
	}
	#advancedsearch
	{
		width:115px;
		float:left;
		margin:0px;
		padding:8px 0 0 3px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#FFF;
	}
.advancedsearch
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#FFF;
		text-decoration:none;
	}
	
	#video
	{
	/*background:url(videobg.png) no-repeat;
		float:left;
		width:350px;
		height:260px;
		margin-right:10px;
		padding-left:12px;
		padding-top:10px;*/
		
			position:absolute;
	width:353px;
	height:263px;
	left: 694px;
	top: 381px;
	margin-right:10px;
	padding-left:12px;
	padding-top:10px;
	background:url(videobg.png) no-repeat;
	}

#contact {
float:right;
width:200px
height:200px;

margin-right:200px;
color:#FFF;
font-family:Tahoma, Geneva, sans-serif;

}

.line2 {
	font-family:"Comic Sans MS", cursive;
	font-size:36px;
	
	font-style:oblique;
	color:#00C;
	
	
}

#questiontop {
	background:url(images/question_01.png) no-repeat;
	color:#09F;
	height:43px;
	margin-left:10px;
	
	}
	#question {
	background:url(images/question_03.png) repeat-y;
	color:#09F;	
	margin-left:10px;
	
	margin-bottom:-20px;
	}

#questionbot {
	background:url(images/question_05.png) no-repeat;
	color:#09F;
	height:93px;
	margin-left:10px;
	
	
	}
	
	#question p {
		padding:5px;
		color:#09F;
	}
		#question h1 {
			text-shadow:#333;
			font-size:24px;
		padding:22px;
		margin:5px;
		color:#09F;
		text-align:center;
	}
	.tube1 {
		width:950px;
		float:left;
		padding-right:20px;
	
		margin-left:10px;
		
	
		
	}
	

	.tube11 {
		width:950px;
		float:left;
		padding-right:20px;
				margin-left:10px;
		
	
		
	}
	
.vid-txt{
margin-left:450px;
margin-top:-300px;
width:480px;
height:300px;
color:#0CF;
}

.vid-txtp {
color:#09F;	
}


	.innertube {
	
		height:380px;
		width:900px;
		background:url(images/backing.png) no-repeat;
		padding:25px 20px 20px 35px;
	}
	
	 .innertext{		 
		 
		 margin-top:-350px;
		 margin-left:460px;
		 width:400px;
		 height:350px;
	
		
	 }
	 
	 	 .innertext h5 {
		 
		 
		color:#09f;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:18px;
		font-weight:100;
	
		
	 }

.outerart {
	display:inline-block;
	width:900px;
	float:left;
	color:#09F;
}

.innerart {
	width:220px;
	float:left;
	color:#09F;
}

.innerart h5 {
	padding-left:40px;
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	
	
	color:#09F;
}

#imgtxt {
	position:absolute;
	width:426px;
	height:81px;
	left: 99px;
	top: 1016px;
}

.tabletext {
	color:#FFF;
}

#guarantee
{
	float:left;
	padding-left:100px;
	margin-left:40px;
	background:#FFF url(images/100-guaranteed2.png) no-repeat left;
	width:400px;
	height:130px;
	
}

#guarantee p {
	padding-top:15px;
	padding-bottom:15px;
	background:#09F;
	color:#FFF;
}

#apDiv1 {
	background:url(images/sue-stone-100-guarantee.png) no-repeat;
		position:absolute;
	width:219px;
	height:220px;
	z-index:1;
	left: 828px;
	top: 552px;

}

.blockquote{
	margin:15px;
	border:thick;
	border-color:#FF0;
	border-style:dotted;	
	background:#FFF;
}

.blockquotetxt{

	color:#0CF;
}

.input {
	
	margin:10px;
	border:thin;
	border-bottom-color:#FFF;
	border-top-color:#CCC;
	border-top-style:inset;
}


/*  CSS SLIDING IMAGES GALLERY   */

#container {position:relative; width:600px; height:790px; background:#09C; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {float:left; padding:7px 21px; display:inline; color:#000; text-decoration:none; width:150px; height:150px; cursor:default; border:thin; border-color:#FFF;}
#container a.pics img.thumb {display:block; border:1px solid #000;}

#container a.pics span {display:none; border:0; width:580px; background-color: transparent; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:10px auto; border:1px solid #000;}

#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:290px; z-index:10; height:500px;}

#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:290px; z-index:5; height:500px;}

#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0; height:500px;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}






 /* general styling for this example */
 * { margin: 0; padding: 0; }

 /* begin gallery styling */
#jgal { list-style: none; width: 200px; }
 #jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
 #jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
 #jgal li.active img { display: block; }
 #jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
 
 /* styling without javascript */
#gallery { list-style: none; display: block; }
 #gallery li { float: left; margin: 0 10px 10px 0; }

.trial {
	width:380px;
	height:135px;
	padding-top:10px;
	margin-left:30px;
	padding-right:550px;
	padding-left:30px;
	background:url(tria380l.png) no-repeat;
}


.trial_week {
	width:580px;
	height:135px;
	padding-top:50px;
	margin-left:30px;
	padding-left:25px;
	background:url(images/trial_mon.png) no-repeat;
}
.trial_year {
	width:580px;
	height:135px;
	padding-top:50px;
	margin-left:30px;
	padding-left:25px;
	background:url(images/trial_year.png) no-repeat;
}
.trial2 {
	width:580px;
	height:135px;
	padding-top:50px;
	margin-left:30px;
	padding-left:25px;
	background:url(images/trial_week.png) no-repeat;
}
.trial3 {
	width:580px;
	height:185px;
	padding-top:5px;
	margin-left:30px;
	padding-left:15px;
	background:url(images/trial123.png) no-repeat;
}

.trial4 {
	width:580px;
	height:135px;
	padding-top:25px;
	margin-left:30px;
	padding-left:5px;
	padding-right:40px;
	background:url(images/trial.png) no-repeat;
}

.trial4 IMG {
	BORDER:NONE;
	border-style:NONE;	
}

#trial p{
	padding-left:-60px;
	padding-top:15px;
}

#iframe {
	padding-left:20px;
}

.head-txt {
	color:#FFF;
}


#apDiv2 {
	position:absolute;
	width:323px;
	height:64px;
	z-index:1;
	left: 700px;
	top: 100px;
}

.buynow {
	
		padding: 20px;
	color:#FFF;

	font-family:Tahoma, Geneva, sans-serif;
	}
	
	
		.innertube1 {
	width:900px;
	background:url(images/backing2.png) no-repeat;
	padding:25px 20px 20px 35px;
		
	}
	
	.pic-wrap1 {
	width:900px;
	height:200px;
	padding-left:40px;
}
.pic-wrap {width:650px; height:300px; margin-left:
150px; padding:20px 20px 20px 20px; border:solid medium #fff}
.pic1 {float:left; width:190px; text-align:center; padding:10px; }
.pic2 {float:left;width:190px;padding:10px;}
.pic3 {float:left; width:190px;padding:10px;}

.picture-wall {
border-left:thick solid #FFF;
border-right: thick solid #fff;
border-bottom: thick solid #FFF;
border-top:thick solid #FFF;
}