/* Sssh.com Tour 2012 (v4) Style Sheet - Wyldesites, Inc. */


/* font import */

@import url(http://fonts.googleapis.com/css?family=Telex);



/* page setup */

body { font: normal 14px 'Telex', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #666; background: #dedede url(../img/pagebg.jpg) no-repeat center 0px; }

#wrapper { width: 990px; display: block; margin: 0 auto; }

strong { font-weight: bold; }

a { color: #b75676; text-decoration: none; }
a:hover { text-decoration: underline; }
p { line-height: 20px; text-align: justify; }

.bl1 { color: #b0daf8; }
.bl2 { color: #74b2de; }
.bl3 { color: #375274; }
.pk1 { color: #f2cad5; }
.pk2 { color: #b75676; }
.pk3 { color: #713143; }

h1, h2, h3, h4, h5, h6, .txt1, .botnav { font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: bold; }

.lt { float: left; display: inline; position: relative; }
.rt { float: right; display: inline; position: relative; }
.clr { height: 0; clear: both; margin: 0; padding: 0; }
.cen { text-align: center; }
.box { display: block; clear: both; border: 5px solid #d5d5d5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }


/* top line setup  */

#topline { height: 48px; padding: 0 60px; }
#topline p { line-height: 48px; float: left; display: inline; position: relative; padding-right: 115px; }
#topline p.lang { padding-right: 0; }
.welc {	font: italic bold 14px Georgia, "Times New Roman", Times, serif; color: #74b2de; }
.twit {	display: block; background: url(../img/sprite.png) no-repeat 150px 9px; height: 48px; width: 190px; }
.lang { font-size: 12px; color: #b75676; }
.fra { display: inline; float: left; position: relative; background: url(../img/sprite.png) no-repeat 0px -41px; height: 28px; width: 32px; margin: 11px 5px 0 15px; }
.eng { display: inline; float: left; position: relative; background: url(../img/sprite.png) no-repeat -40px -41px; height: 28px; width: 32px; margin: 11px 0 0 0; }
.fra span, .eng span { visibility: hidden; }
a.fra:hover, a.eng:hover { text-decoration: none; }


/* all rotating headers for all pages are setup here  */

#header h1 { display: block; position: absolute; z-index: 100; text-indent: -9999px; background: url(../img/top-logo.png) no-repeat 0px 0px; }
.norm { height: 175px; width: 320px; margin: 50px 0 0 20px; }

#header h2 { display: block; position: absolute; z-index: 200; font: italic bold 30px Georgia, "Times New Roman", Times, serif; color: #74b2de; overflow: hidden; /* -webkit-text-shadow: 1px 1px 6px #fff; -moz-text-shadow: 1px 1px 6px #fff; text-shadow: 1px 1px 6px #fff; behavior: url(js/PIE.htc); */ }

#header h2.tagline1 { font-size: 28px; line-height: 32px; margin: 200px 0 0 170px; }
#header h2.tagline2 { font-size: 26px; line-height: 30px; margin: 205px 0 0 170px; }
#header h2.tagline3 { font-size: 26px; line-height: 30px; margin: 205px 0 0 170px; }
#header h2.tagline4 { font-size: 26px; line-height: 30px; margin: 205px 0 0 150px; }
#header h2.tagline5 { font-size: 28px; line-height: 32px; margin: 200px 0 0 150px; }

#header { display: block; clear: both; width: 980px; height: 324px; margin-bottom: 12px; overflow: hidden; }
#overlay {
	display: block;
	position: absolute;
	width: 980px;
	height: 324px;
	z-index: 10;
	background:url(../img/overlay.png) no-repeat 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/PIE.htc);
	top: 54px;
}

#rotate { display: block; position: absolute; width: 980px; height: 324px; z-index: -10; overflow: visible; }
#rotate img { display: block; width: 980px; height: 324px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(js/PIE.htc); }



/* nav bar setup */

#topnav {
	display: block;
	position: absolute;
	z-index: 300;
	list-style:none;
	width: 965px;
	height: 45px;
	line-height: 45px;
	margin-top: 279px;
	background: url(../img/sprite.png) repeat-x 0px -76px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(js/PIE.htc);
	padding: 0 0 0 15px;
	left: 346px;
	top: 53px;
}
#topnav li { float:left; position:relative; display: inline; padding: 0 10px; }
#topnav li a { display:block; color:#fff; text-decoration:none; font-size: 17px; -moz-text-shadow: 1px 1px 2px #713143; -webkit-text-shadow: 1px 1px 2px #713143; text-shadow: 1px 1px 2px #713143; }
#topnav li a strong { text-decoration: underline; }
#topnav li a:hover { text-decoration:underline; -moz-text-shadow: 1px 1px 2px #713143; -webkit-text-shadow: 1px 1px 2px #713143; text-shadow: 1px 1px 2px #713143; }
.date { color: #fff; font-size: 11px; }




/* main content area */

#content { display: block; clear: both; width: 980px; background: #efefef url(../img/leftcol.gif) repeat-y left top; }




/* left side bar */

#sidebar { color: #fff;	width: 305px; padding: 20px 20px 20px 0; background: url(../img/leftcol.png) no-repeat left top; border-radius: 5px 0px 0px 0px;	-moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; -moz-text-shadow: 1px 1px 1px #713143; -webkit-text-shadow: 1px 1px 1px #713143; text-shadow: 1px 1px 1px #713143; behavior: url(js/PIE.htc); }

#sidebar p { margin: 12px 0 0 25px; line-height: 24px; }
#sidebar a { color: #fff; text-decoration: underline; }

.dl1 { border-bottom: 1px dotted #fff; height: 1px; margin: 12px 0 12px 25px; }

h3, h4 { font-size: 18px; margin-left: 25px; }
h3.upd { font-size: 26px; text-align: center; }

h4 { display: block; width: 250px; height: 35px; line-height: 45px; padding-left: 50px; margin: 20px 0 0 15px; background: url(../img/sprite.png) no-repeat 0px -135px; }


/* right side content */

#features { width: 600px; padding: 20px 25px; border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; behavior: url(js/PIE.htc); }

#slider { display: block; height: 330px; }

#rotate img { width: 980px; height: 324px; }

.tags { font-size: 16px; line-height: 22px; text-align: center; color: #333; }
.botnav { font-size: 22px; line-height: 36px; text-align: center; -moz-text-shadow: 0px 0px 3px #d7bcc5; -webkit-text-shadow: 0px 0px 3px #d7bcc5; text-shadow: 0px 0px 3px #d7bcc5; }
.botnav a { text-decoration: underline; }
.botnav a:hover { text-decoration: none; }


#feat-items { width: 600px; }
#feat-items li { width: 290px; display: inline; position: relative; float: left; margin-bottom: 20px; }
#feat-items li h5 { font-size: 20px; line-height: 36px; color: #589fd2; }
#feat-items li div { width: 286px; border: 2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); background: #dcdcdc; }
#feat-items li div a { display: block; width: 286px; height: 210px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); overflow: hidden; }
#feat-items li div a:hover { text-decoration: none; }
#feat-items li div a span { visibility: hidden; text-decoration: none; }
#feat-items li div p { padding: 12px; font-size: 12px; line-height: 16px; color: #444; }
#feat-items li div p a { display: inline; width: auto; height: auto; }
#feat-items li div p a:hover { text-decoration: underline; }

.pad { margin-left: 20px; }
.feat1 { background: url(../img/features/feat1-1.jpg) no-repeat 50% 50%; }
.feat2 { background: url(../img/features/feat1-2.jpg) no-repeat 50% 50%; }
.feat3 { background: url(../img/features/feat1-3.jpg) no-repeat 50% 50%; }
.feat4 { background: url(../img/features/feat1-4.jpg) no-repeat 50% 50%; }
.feat5 { background: url(../img/features/feat1-5.jpg) no-repeat 50% 50%; }
.feat6 { background: url(../img/features/feat1-6.jpg) no-repeat 50% 50%; }

.feat7 { background: url(../img/features/feat2-1.jpg) no-repeat 50% 50%; }
.feat8 { background: url(../img/features/feat2-2.jpg) no-repeat 50% 50%; }
.feat9 { background: url(../img/features/feat2-3.jpg) no-repeat 50% 50%; }
.feat10 { background: url(../img/features/feat2-4.jpg) no-repeat 50% 50%; }
.feat11 { background: url(../img/features/feat2-5.jpg) no-repeat 50% 50%; }
.feat12 { background: url(../img/features/feat2-6.jpg) no-repeat 50% 50%; }

.feat13 { background: url(../img/features/feat3-1.jpg) no-repeat 50% 50%; }
.feat14 { background: url(../img/features/feat3-2.jpg) no-repeat 50% 50%; }
.feat15 { background: url(../img/features/feat3-3.jpg) no-repeat 50% 50%; }
.feat16 { background: url(../img/features/feat3-4.jpg) no-repeat 50% 50%; }
.feat17 { background: url(../img/features/feat3-5.jpg) no-repeat 50% 50%; }
.feat18 { background: url(../img/features/feat3-6.jpg) no-repeat 50% 50%; }

.feat19 { background: url(../img/features/feat4-1.jpg) no-repeat 50% 50%; }
.feat20 { background: url(../img/features/feat4-2.jpg) no-repeat 50% 50%; }
.feat21 { background: url(../img/features/feat4-3.jpg) no-repeat 50% 50%; }
.feat22 { background: url(../img/features/feat4-4.jpg) no-repeat 50% 50%; }
.feat23 { background: url(../img/features/feat4-5.jpg) no-repeat 50% 50%; }
.feat24 { background: url(../img/features/feat4-6.jpg) no-repeat 50% 50%; }





/* footer setup */

#footer { clear: both; display: block; background: url(../img/footerbg.jpg) no-repeat left top;  color: #306991; font-size: 14px; line-height: 18px; padding: 20px 25px; height: 140px; width: 930px;  border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; behavior: url(js/PIE.htc); }

h6 { font-size: 20px; line-height: 24px; color: #4b80a5; -moz-text-shadow: 0px 0px 3px #91b8d4; -webkit-text-shadow: 0px 0px 3px #91b8d4; text-shadow: 0px 0px 3px #91b8d4; margin-bottom: 20px;  }

#footer a { color: #306991; text-decoration: underline; }
.copy { font-size: 12px; }

#seenon { background: url(../img/asseenon.gif) no-repeat center top; height: 144px; width: 955px; margin: 10px auto 25px auto; text-indent: -9999px; }
.seentxt { margin-top: 20px; text-align: center; }





/* all other pages */

#movie { display: block; height: 370px; }
.sshot { border: 3px solid #ce889e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); overflow: hidden; height: 370px; width: 270px; }
.joinfoot { font-size: 12px; line-height: 18px; text-align: center; color: #666; }




/* join page */

.subnow { text-align: center; padding-bottom: 10px; }

.an-option { width: 275px; height: 165px; margin: 10px 7px;  display: block; background: #e7e7e7; -moz-box-shadow: inset 0 0 12px #666; -webkit-box-shadow: inset 0 0 12px #666; box-shadow: inset 0 0 12px #666; border: 3px solid #d5d5d5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(js/PIE.htc); }

.an-option:hover { -moz-box-shadow: 0px 0px 8px #69f; -webkit-box-shadow: 0px 0px 8px #69f; box-shadow: 0px 0px 8px #69f; behavior: url(js/PIE.htc); }

.an-option p { text-align: center; padding: 0 12px 4px 12px; }

form { text-align: center; }

.jbox { display: block; padding: 10px; border: 1px solid #373737; background: #333; -moz-box-shadow: inset 0 0 12px #000000; -webkit-box-shadow: inset 0 0 12px #000000; box-shadow: inset 0 0 12px #000000; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; behavior: url(js/PIE.htc); }

.opt-1, .opt-2, .opt-3, .opt-4 { position: relative; width: 275px; height: 35px; -moz-text-shadow: 1px 1px 1px #222; -webkit-text-shadow: 1px 1px 1px #222; text-shadow: 1px 1px 1px #222; color: #fff; font-size: 18px; text-align: center; line-height: 36px; webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); }

.opt-1 { background: #b75676; }
.opt-2 { background: #c75e80; }
.opt-3 { background: #bf6c87; }
.opt-4 { background: #d67997; }

.prices { display: block; background: #713143; padding: 4px 8px; font-size: 26px; color: #fff; border: 1px dashed #fff; clear: both; margin: 10px auto 5px auto; width: 90px; text-align: center; }
.jtxt1 { font-size: 14px; line-height: 14px; color: #555; }

.safesecure { text-align: center; font-size: 13px; }

a.new-join {
	display: block;
	position: relative;
	margin: 0 auto 10px auto;
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	width: 190px;
	padding: 6px;
	color: #FFFFFF;
	background: #74b2de;
	border: 1px solid #369;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow: inset 0 0 12px #184878;
	-moz-box-shadow: inset 0 0 18px #184878;
	-webkit-box-shadow: inset 0 0 12px #184878;
	
	text-shadow: 1px 1px 1px #1b5289;
	-moz-text-shadow: 1px 1px 1px #1b5289;
	-webkit-text-shadow: 1px 1px 1px #1b5289;

	behavior: url(js/PIE.htc);
}


#alt-joins { width: 160px; margin: 20px auto; }
#alt-joins li { text-align: center; margin-bottom: 20px; font-size: 16px; }
#alt-joins li a { display: block; width: 160px; height: 24px; padding-top: 126px; }
.phone { background: url(../img/sprite.png) no-repeat 20px -200px; }
.fax { background: url(../img/sprite.png) no-repeat -221px -200px; }
.mail { background: url(../img/sprite.png) no-repeat -462px -200px; }



/* join page 2 */


.cards { width: 560px; height: 90px; background: url(../img/sprite.png) no-repeat -30px -377px; display: block; margin: 0 auto; }

#jform { font-size: 12px; border-collapse: separate; border-spacing: 2px; width: 100%; }
#jform td { padding: 3px; }
#jform td.left { width: 170px; background: #FEC7D1; text-align: right; color: #713143; }
#jform td.right { text-align: left; background: #EBD9D7; color: #713143; }
#jform input[type=submit] { font-size: 18px; padding: 6px 20px; }