/* Kill Defaults */

html, body, p, ul, ol, dl, li, h1, h2, h3, h4, img	{
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

img	{
	border: 0;
}

a {
	outline: none;
}



/* Layout
============================================================ */ 

body	{
	background-color: #FFA000;
}

#wrapper	{
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#shadow	{
	position: absolute;
	width: 660px;
	background-color: #FFFFFF;
	left: 0px;
	top: 90px;
}

#page_header {
	width: 660px;
	height: 170px;
	position: relative;
}

#page,
.page_main {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 50px;
	padding-right: 50px;
}

#page_bottom, .page_bottom	{
	width: 660px;
	height: 30px;
	background-color: #777;
}

#sidebar	{
	position: absolute;
	left: 675px;
	top: 90px;
	width: 18em;
	padding-top: 55px;
}



/* Navigation
============================================================ */ 

ul#navi	{
	width: 770px;
	height: 50px;
	margin-left: 6px;
	position: relative;
	
}

ul#navi li a {
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	background-color:#777;
	color:#FFFFFF;
	text-align:center;
	font-size:larger;
}

/*
ul#navi li#welcome_link a {
	left: 0;
	width:180px;
}
*/

ul#navi li#swoosh_link a {
	left: 0px;
	width:165px;
}

ul#navi li#swooshwinmo_link a {
	left: 165px;
	width:165px;
}

ul#navi li#support_link a {
	left: 330px;
	width: 165px;
}

ul#navi li#about_link a {
	left: 495px;
	width: 165px;
}



ul#navi li a:hover {
	text-decoration:none;
}




/* Sidebar
============================================================ */ 

.sidebox {
	background: url(images/sidebar_separator.png) no-repeat;
	padding: 10px 0px 20px 10px;
}

.sidebox.blank {
	background: none;
	padding: 10px 0px 20px 0px;
}

ul.sidebar_actions li	{
	height: 64px;
	margin-bottom: 10px;
}

ul.sidebar_actions li#download	a	{
	background: url(images/down.png) no-repeat;
}

ul.sidebar_actions li#purchase	a	{
	background: url(images/shopping_cart_accept.png) no-repeat;
}

ul.sidebar_actions li span {
	display: block;
	padding-top: 13px;
	padding-bottom: 5px;
	font-size: 18px;
}

ul.sidebar_actions li a {
	padding-left: 70px;
	display: block;
	height: 64px;
}

ul.sidebar_actions li#download	a:hover, ul.sidebar_actions li#purchase a:hover{
	background-position: 0 -64px;
}



/* Footer
============================================================ */ 

#footer	{
	background: url(images/background_solid.png);
	margin-top: 0;
	text-align: center;
	font-size: 10px;
	padding-bottom: 25px;
}

#footer ul#footer_desc li {
	display: inline;
	color: #FFA000;
}

#footer ul#footer_links li {
	display: inline;
	color: #777;
}

#footer ul#footer_links li a {
	color: #777;
	text-decoration: none;
}

#footer ul#footer_links li a:hover {
	text-decoration: underline;
}


#footer ul#footer_links li#contact_link {
	text-align: right;
	padding-right: 0.5em;
	border-right: 0.1em solid #777;
}


#footer ul#footer_links li#footer_about_link {
	text-align: left;
	padding-left: 0.5em;
}

#footer ul#footer_links li#language_link img {
	margin-left: 10px;
	position: relative;
	top: 2px;
}

body#contact_page #footer ul#footer_links li#contact_link a:hover {
	text-decoration: none;
}



/* Typography
============================================================ */ 

body {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

p {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #4d6399;
}

a:hover	{
	text-decoration: underline;
}

a:active {
	border: none;
}

h2	{
	font-size: 15px;
	font-weight: normal;
	margin-top: 23px;
	margin-bottom: 9px;
}

#sidebar {
	font-size: 11px;
	line-height: 16px;
	color: #4a5153;
}

#sidebar p {
	line-height: 16px;
	margin-bottom: 16px;
}

#sidebar h4	{
	margin-top: 35px;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #181a1a;
}

body.swoosh #page_header {
	height: 223px;
	position: relative;
	background: url(images/swoosh.jpg) no-repeat;
	background-position:center;
}
	
body.swoosh #page {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

body.swoosh div.topic {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	width: 640px;
	background: url(images/page_separator_short.png) no-repeat;
	background-position: bottom;
}
	
body.swoosh div.topic p {
	margin-top: 0px;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

body.swoosh div.topic p em {
	font-style: normal;
	font-size: 14px;
	color: #333;
}


body.swoosh #page h2 {
	font-size: 20px;
	line-height: 12px;
	margin-left: 60px;
	margin-top: 20px;
	color: #333;
	margin-bottom: 0px;
}



/* BUTTONS ====================================================================================== */

body.swoosh #buttons {
	position: relative;
	height: 120px;
}
body.swoosh .button_download {
	position: absolute;
	top: 28px;
	left: 50px;
}
body.swoosh .button_purchase {
	position: absolute;
	top: 28px;
	left: 400px;
}


body.swoosh .button_download a,
body.swoosh .button_purchase a {
	display: block;
	width: 200px;
	height: 64px;
	padding-left: 70px;
	font-size: 12px;
	line-height: 16px;
	color: #555;
}

body.swoosh .button_download a {
	background-image: url(images/down.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

body.swoosh .button_purchase a {
	background-image: url(images/shopping_cart_accept.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

body.swoosh .button_purchase .more_info a {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

body.swoosh .button_download a:hover,
body.swoosh .button_purchase a:hover {
	text-decoration: none;
}


body.swoosh .button_download a span,
body.swoosh .button_purchase a span {
	font-size: 14px;
	line-height: 20px;
	color: #222;
	display: block;
	padding-top: 3px;
}



/* INTRODUCTION ================================================================================= */

body.swoosh #introduction {
	/*background: transparent;*/
}

body.swoosh #introduction p {
	padding: 50px 50px 50px 50px;
	margin: 0px;
	color: #555;
}


/* SCREENSHOT =================================================================================== */

body.swoosh #feature_screenshot	{
	position: relative;
	padding-bottom: 40px;
}

body.swoosh #feature_screenshot img {
	margin-left: 20px;
	margin-top: 14em;
	z-index: 1000;
}

body.swoosh #feature_screenshot #bottom_wrapper	{
	position: relative;
	margin-top: -25px;
	height: 22ex;
}

body.swoosh #feature_screenshot #game_time_text	{
	position: absolute;
	top: 40px;
	left: 65px;
	width: 220px;
	margin-top: 0;
}

body.swoosh #feature_screenshot #shot_charts_text	{
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	margin-top: 0;
}

body.swoosh #feature_screenshot #save_time_text	{
	position: absolute;
	left: 70px;
	width: 230px;
	top: 0;
	margin-top: 30px;
	margin-bottom: 0;
}

body.swoosh #feature_screenshot #easy_text	{
	position: absolute;
	left: 350px;
	margin-top: 30px;
	margin-bottom: 0;
	width: 225px;
	text-align: right;
}

body.swoosh #feature_screenshot #mobile_text	{
	position: absolute;
	top: 40px;
	left: 340px;
	width: 250px;
	margin-top: 0;
}



/* FEATURES ===================================================================================== */


body.swoosh h3 {
	font-size: 16px;
	line-height: 18px;
	color: #222;
	font-weight: normal;
	margin-bottom: 10px;
}

body.swoosh .description {
	color: #555;
}

body.swoosh .feature_team {
	position: relative;
}

body.swoosh .feature_team .description {
	width: 210px;
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 30px;
}

body.swoosh .feature_team img.theImage	{
	position: absolute;
	top: 48px;
	left: 370px;
	z-index: 100;
}

body.swoosh #feature_game_entry {
	position: relative;
}

body.swoosh #feature_game_entry .description {
	width: 230px;
	padding-left: 370px;
	padding-top: 100px;
	padding-bottom: 40px;
}

body.swoosh #feature_game_entry img.theImage {
	position: absolute;
	top: 100px;
	left: 35px;
	z-index: 100;
}

body.swoosh #feature_export {
	position: relative;
}

body.swoosh #feature_export .description {
	width: 200px;
	padding-left: 50px;
	padding-top: 100px;
	padding-bottom: 30px;
}

body.swoosh #feature_export img.varvee {
	position: absolute;
	top: 100px;
	left: 330px;
	z-index: 100;
}

body.swoosh #feature_export img.maxpreps {
	position: absolute;
	top: 250px;
	left: 330px;
	z-index: 100;
}

body.swoosh #feature_winmo {
	position: relative;
}

body.swoosh #feature_winmo .description {
	width: 250px;
	padding-left: 50px;
	padding-top: 100px;
	padding-bottom: 30px;
}

body.swoosh #feature_winmo img.theImage {
	position: absolute;
	top: 100px;
	left: 370px;
	z-index: 100;
}

body.swoosh #feature_all_the_stats {
	position: relative;
}

body.swoosh #feature_all_the_stats .description {
	width: 250px;
	padding-left: 50px;
	padding-top: 100px;
	padding-bottom: 30px;
}

body.swoosh #feature_all_the_stats img.theImage {
	position: absolute;
	top: 100px;
	left: 370px;
	z-index: 100;
}

body.swoosh #send_email {
	position: relative;
}

body.swoosh #send_email .description {
	width: 230px;
	padding-left: 370px;
	padding-top: 100px;
	padding-bottom: 40px;
}

body.swoosh #send_email img.theImage {
	position: absolute;
	top: 100px;
	left: 35px;
	z-index: 100;
}
/*
body.swoosh #feature_winmo .button_learnmore a {
	display: block;
	width: 100px;
	height: 24px;
	text-indent: -9999px;
	background-image: url(images/button2_white_learnmore.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

body.swoosh #feature_winmo .button_learnmore a:hover {
	background-position: 0px -24px;
}

*/



/* BULLET POINTS ================================================================================ */


#feature_bulletpoints ul {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 200px;
	font-size: 12px;
	line-height: 18px;
	color: #555;
}

#feature_bulletpoints ul.left {
	padding-left: 85px;
	float: left;
}

#feature_bulletpoints ul.right {
	padding-right: 60px;
	float: right;
}

#feature_bulletpoints li {
	position: relative;
	padding-bottom: 18px;
	line-height: 18px;
}

#feature_bulletpoints img {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: -5px;
	left: -40px;
}

#feature_bulletpoints strong {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	display: block;
	color: #333;
}

/*

#feature_bulletpoints .note {
	color: #888;
	font-size: 11px;
}
*/






/* SUBSCRIBE ==================================================================================== */



/*
body.swoosh #swoosh_subscription {
	background: none; 
	margin-top: 30px;
}

body.swoosh #swoosh_subscription .description {
	width: 220px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 60px;
	color: #555;
}

body.swoosh #swoosh_subscription .description ul {
	width: 120px;
	margin-top: 20px;
	margin-left: 35px;
	line-height: 15px;
}

body.swoosh #swoosh_subscription .description ul li {
	margin-bottom: 10px;
	height: 25px;
	position: relative;
}

body.swoosh #swoosh_subscription .description ul a {

}

body.swoosh #swoosh_subscription .description ul img {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: -5px;
	left: -35px;
}






body.swoosh #subscribe {
	float: right;
	width: 290px;
	margin: 0px 50px 20px 0px;

}

body.swoosh #subscribe form {
	background: url(images/swoosh_subscriptionformbg_top.png) no-repeat;
	margin: 0px;
}

body.swoosh #subscribe form .slidingdoor {
	background: url(images/swoosh_subscriptionformbg_bottom.png) no-repeat;
	background-position: bottom;
	padding: 20px 20px 10px 20px;
	margin-bottom: 7px;	
}

body.swoosh #subscribe h4 {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}

body.swoosh #subscribe p {
	margin: 10px 0px;
	font-size: 12px;
	color: #555;
	line-height: 16px;
}



body.swoosh #subscribe #privacy	{
	font-size: 9px;
	color: #777;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 10px;
}

body.swoosh #subscribe form input#your_email {
	vertical-align: 10px;
	font-size: 14px;
	width: 245px;
}

body.swoosh #subscribe form input#newsletter_button {
	text-align: right;
	margin-left: 152px;
}


*/





/* BUG REPORT =================================================================================== */

/*
body#swoosh_bug_report #page_header {
	position: relative;
	background: url(images/page_header_blank.png) no-repeat;
	height: 80px;
}
	
body#swoosh_bug_report #page_header h1 {
	margin: 0;
	padding-left: 40px;
	padding-top: 28px;
	font-size: 20px;
	font-weight: normal;
} 

body#swoosh_bug_report p#submitted {
	margin: 50px 30px 80px 40px;
	font-size: 12px;
} 

form#swoosh_bug_report	{
	margin-left: 40px;
}

form#swoosh_bug_report label	{
	display: block;
}

*/


/* SIDEBAR ====================================================================================== */

body.swoosh #sidebar {
	padding-top: 20px;
}

body.swoosh #sidebar p {
	/*
	font-size: 11px;
	line-height: 15px;
	color: #333;
	*/
}


body.swoosh #sidebar #sidebar_winmo p {
	margin-left: 12px;
}

body.swoosh #sidebar #sidebar_winmo a {
	display: block;
	width: 190px;
	height: 180px;
	text-indent: -9999px;
	background: url(images/swoosh_sidebar_winmo2.png) no-repeat;
}


/*
body.swoosh #sidebar #price_tag {
	width: 110px;
	height: 70px;
	position: absolute;
	top: 200px;
	left: -25px;
	text-indent: -9999px;
	background: url(images/sidebar_swoosh_pricetag.png) no-repeat;
	padding: 0px;
}
*/

body.swoosh #sidebar .sideboxIcon {
	float: left;
	display: block;
	margin-right: 10px;
}

body.swoosh #sidebar .sideboxItem {
	clear: left;
}

body.swoosh #sidebar .sideboxDescription {
	margin-left: 35px;
}



/* Teddy's stuff */
table.pricing
{
	width:600px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	text-align:center;


}
td.feature
{
	width:400px;
	border-right-width:1px;
	border-right-style:solid;
	border-color:#666;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
td.finalFeature
{
	width:400px;


}
td.pricing
{
	border-right-width:1px;
	border-right-style:solid;
	border-color:#666;
	border-bottom-width:1px;
	border-bottom-style:solid;
	width:50px;
}
td.pricingLast
{

	border-color:#666;
	border-bottom-width:1px;
	border-bottom-style:solid;
	width:50px;
}
td.finalPricing
{


	width:50px;
}
td.finalPricingLast
{


	width:50px;
}
div.pricing
{
	width:600px;
	height:362px;
	background-image:url(images/featurebg.png);
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	padding:5px;
}