* {margin: 0; padding: 0;}

body {font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;}

a {color: #fff;}

abbr {border: none;}

dt {font-size: 4em;}

hr.clearer {clear: both; visibility: hidden;}

img {border: none;}


#topnav  {text-align: right;}

#topnav img {border: 0;}


#wrapper {background-color: #F3E8CC; border: 1px solid #900; border-width: 1px 0; padding: 1em 0;}


#content {width: 801px; margin: 0 auto;}


#summermusic {/*position: relative; top: 15px; left: 80px;*/ position: relative; top: 10px; left: 0px; clear: both; /*margin: 1.1em 0 0 12.75em;*/ width: 800px; height: 128px; font-size: 1.25em; color: #fff; text-decoration: none; display: block; padding: 0 0 15px 0; background: transparent url("../images/SoiT_landing_promo-NT_blk.jpg") no-repeat 0 0;}


#open {/*position: relative; top: 15px; left: 80px;*/ position: relative; top: 25px; left: 264.5px; clear: both; /*margin: 1.1em 0 0 12.75em;*/ width: 274px;}
	
#open a {height: 29px; font-size: 1.25em; color: #fff; text-decoration: none; display: block; padding: 8px 0 0 15px; background: transparent url("../images/SoiT-Web-Buttons-STACK.png") no-repeat 0 0;}

#open a:hover {color: #ccc; text-decoration: underline; background-position: left bottom;}


#smallopen { position: relative; top: 0; left: 595px; clear: both; width: 177px; }
	#smallopen a { height: 29px;color: #fff; float: right; padding: 2px 177px 2px 0px; background: url("../images/OpenSoiT_NavButton.png") no-repeat center bottom; }


#screenshot {clear: both; background: #900 url("../images/SoiTRH07_Background-R3B.png") no-repeat top left; height: 681px;}


/*#tagline {width: 803px; color: #fff; float: right; padding: 100px 0px 100px 0; background: transparent url("../images/SoiT_STG-Tagline.png") no-repeat center 2.25%;}*/


#localnav { color: #fff; background: #F3E8CC url("../images/SoiTRH07_navigation-back2b.png") no-repeat top left; height: 70px; text-align: left; }
/*#localnav {color: #fff; background-color: #900; width: 803px; height: 69px; text-align: left;}*/
/*#localnav {color: #fff; background-color: #900; height: 69px; text-align: left;}*/
	#localnav ul { position: relative; top: 35px; }
	#localnav li { display: inline; }
	#localnav li a { color: #fff; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0 8px; margin-left: 14px; }
	#localnav li img { margin-left: 7px; }
	#localnav li a:hover { color: #ccc; }
	#localnav a.navon, #localnav a.navon:visited { color: #900; }
	


/*#text {font-size: 1.4em; width: 580px; color: #fff; float: right; padding: 290px 5px 0 0;}*/
#text {font-size: 16.25px; width: 580px; color: #fff; float: right; padding: 390px 5px 0 0;}

#promotext {font-size: 16.25px; width: 608px; color: #CCC; float: right; padding: 60px 5px 0 0;}
#promotext a {color: #FFF; font-size: 16.25px; font-weight: bold}

#text h1 {margin: 0 0 15px 0; font-size: 2em; height: 85px; /*background: transparent url("../images/SoiT_STG-Tagline.png") no-repeat top left;*/}

#text h1 span em {font-style: normal;  display: block; color: #ccc;}

#text p {color: #ccc; margin: .25em 0;}

#text p strong {color: #fff; font-weight: bold;}



#footer {clear: both; background:#900; color:#fff; font-size: 11px; line-height: 13px; text-align: center;  padding: 3px 0 3px 0; margin: 0 0 12px 0;}
	
#footer a:link, #footer a:visited {padding:0 5px; font-weight:bold; color:#fff; text-decoration: none;}
	
#footer a:hover {text-decoration: underline;}

/*#gift {width: 750px; background:#600; border: 1px solid #900; border-width: 1px; margin: 10px auto; padding: 10px 25px;}*/
#gift {width: 750px; height: 100px; background: transparent url("../images/SoiTGiftBackF.png") no-repeat 0 0; margin: 10px auto; padding: 18px 25px;}
#gifttext {float: right; display: block; width: 565px; font-size: 16.25px; color: #ccc;}
#gifttext a {color: #fff;}

#copyright {clear: both; background:#fff; color:#000; font-size: 11px; line-height: 13px; text-align: center; margin: 25px 0;}
	
#copyright a:link, #copyright a:visited {padding: 0 2px; font-weight: normal; color: #000; text-decoration: underline;}
	
#copyright a:hover {color: #666;}
	
.offscreen {position: absolute; left: -9999px;}