/*
| Author: Steven Fiske
| Date: 9/14/2008
*/

/*** CLEAR ALL STYLES ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	display: block;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*** GLOBAL TAG STYLES ***/
body {
	background-color:#000;
	font-family:  Arial, Helvetica, sans-serif;
	}
a {text-decoration: none; display: inline; color: #66B6C1;}
abbr { display: inline; text-decoration: none;}
h1, h2 {font-family: Helvetica, Arial, sans-serif;}
p { font-family: Arial, Helvetica, sans-serif; }
em {font-style: italic;}
strong {font-weight: bold;}
					
#wrapper {
	
	}
#wrapper-in {
	margin: 0px auto;
	width: 800px;
	}
.home #content {
	background: #0c0c0c url(../images/body_bg_home.png) no-repeat left top;
	height: 450px;
	}
.site #content {
	background-color: #434343;
	/* background: #424242 url(../images/body_bg_site.jpg) no-repeat left top;*/
	}
#left_column {
	top: 0;
	left: 0;
	width: 234px;
	float: left;
	}
#right_column {
	float: left;
	top: 0;
	left: 234px;
	width: 566px;
	}
.home #welcome {
	width: 762px;
	height: 198px;
	margin: 0px 0 0 19px;
	}
	#upper {
		background: url(../images/welcome_to_iamsport1.png) no-repeat left top;
		height: 74px;		
		}
.site #welcome {
	width: 234px;
	height: 154px;
	display: block;
	}
	.site .company #welcome {
		background: url(../images/welcometoiamsport_site.jpg) no-repeat left top;
		}
	.site .partners #welcome {
		background: url(../images/welcometoiamsport_partners.jpg) no-repeat left top;
		}
	.site .contact #welcome {
		background: url(../images/welcometoiamsport_contact.jpg) no-repeat left top;
		}
	.site .vision #welcome {
		height: 153px;
		background: url(../images/welcometoiamsport_vision.jpg) no-repeat left top;
		}
	.site .privacy #welcome {
		height: 153px;
		background: url(../images/welcometoiamsport_vision.jpg) no-repeat left top;
		}
	#welcome h1 {
		text-indent: -9999px;		
		}
	#welcome h2 {
		text-indent: -9999px;		
		}
	#welcome p {
		padding: 0 22px 0 70px;
		font-size: 14px;
		line-height: normal;		
		}
.home #header {
	height: 250px;
	}
.site #header {
	height: 176px;
	}
#community_login a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	}
	.company #community_login a {
		background: url(../images/community_login_company.jpg) no-repeat left top;
		}
		.company #community_login a:hover {
			background: url(../images/community_login_partners.jpg) no-repeat left top;
			}
	.partners #community_login a {
		background: url(../images/community_login_partners.jpg) no-repeat left top;
		}
		.partners #community_login a:hover {
			background: url(../images/community_login_company.jpg) no-repeat left top;
			}
	.contact #community_login a {
		background: url(../images/community_login_contact.jpg) no-repeat left top;
		}
		.contact #community_login a:hover {
			background: url(../images/community_login_partners.jpg) no-repeat left top;
			}
	.vision #community_login a {
		background: url(../images/community_login_vision.jpg) no-repeat left top;
		}
		.vision #community_login a:hover {
			background: url(../images/community_login_contact.jpg) no-repeat left top;
			}
	.privacy #community_login a {
		background: url(../images/community_login_vision.jpg) no-repeat left top;
		}
		.privacy #community_login a:hover {
			background: url(../images/community_login_contact.jpg) no-repeat left top;
			}
#body_copy {
	background: url(../images/bodycopy_bg.png) repeat-y left top;
	color: #F0F0F0;
	font-size: 12px;
	}
	#body_copy span.copy_top{
		height: 140px;
		margin-bottom: -140px;
		background: url(../images/bodycopy_top_bg.png) no-repeat left top;
		}
	#body_copy span.copy_bottom{
		height: 53px;
		margin-top: -17px;
		background: url(../images/bodycopy_btm_bg1.jpg) no-repeat left top;
		}
			.vision #body_copy {
				float: left;
				width: 576px;
				padding-bottom: -20px;
				background: url(../images/bodycopy_vision_bg.jpg) repeat-y left top;
				}
				.vision #body_copy span.copy_top{
					height: 82px;
					margin-bottom: -82px;
					background: url(../images/bodycopy_vision_top_bg.jpg) no-repeat left top;
					}
				.vision #body_copy span.copy_bottom{
					margin-top: 0;
					height: 36px;
					background: url(../images/bodycopy_vision_btm_bg.jpg) no-repeat left top;
					}
				.vision #body_copy p {
					margin: 0 36px 8px 36px;
					line-height: normal;
					}
			.privacy #body_copy {
				margin: 0 12px;
				padding: 20px 0;
				width: 775px;
				background: #1d2226;
				}
	#body_copy p {
		margin: 0 45px 20px 22px;
		line-height: normal;
		}
	#body_copy h1 {
		height: 55px;
		margin-bottom: -5px;
		text-indent: -9999px;
		}
	#body_copy h3 {
		margin: 20px 45px 10px 22px;
		line-height: normal;
		font-size: 18px;
		}

		.company #body_height{
			height: 643px;
			}
		.contact #body_height {
			height: 389px;
			}
		.partners #body_height {
			height: 449px;
			}
		.vision #body_height {
			height: 973px;
			}
		.company #body_copy h1 {
			background: url(../images/bodycopy_h1_company.jpg) no-repeat left top;
			}
		.contact #body_copy h1 {
			}
		.partners #body_copy h1 {
			background: url(../images/bodycopy_h1_partners.jpg) no-repeat left top;
			}
		.vision #body_copy h1 {
			height: 43px;
			background: url(../images/bodycopy_h1_vision.jpg) no-repeat left top;
			}
		#body_copy form {
			background: url(../images/contactform_bg.jpg) no-repeat left top;			
			}
		.contact #body_copy p {
			color: #000;
			margin: 20px 0 18px 37px;
			}
		.company #body_copy p {
			margin: 0 45px 8px 22px;
			}
		#form_left {
			float: left;
			margin: 0 15px 0 37px;
			}
		#form_right {
			float: left;
			}
			
			#body_copy label {
				margin: 15px 0 1px 0;
				text-transform: uppercase;
				}
			#body_copy #form_left input {
				width: 236px;
				padding:2px 4px;
				margin: 0px;
				border: none;
				background: url(../images/form_input_bg.jpg) no-repeat left top;
				}
				#body_copy #form_left input:focus {
					background: url(../images/form_input_bg_active.jpg) no-repeat left top;
					}
			#body_copy textarea {
				width: 225px;
				height: 161px;
				margin: 0;
				padding:2px 4px;
				border: none;
				background: url(../images/form_input_bg.jpg) no-repeat left top;
				}
				#body_copy textarea:focus {
					background: url(../images/form_input_bg_active.jpg) no-repeat left top;
					}
			#submitbutton {
		
				}	
			#submitbutton input {
				height: 14px;
				width: 56px;
				float: right;
				padding: 0;
				margin: 12px 44px 40px 0;
				border: none;
				cursor: pointer;
				background: url(../images/submit-trans.png) no-repeat left top;
				}
				#submitbutton input:hover {
					background: url(../images/submit-trans.png) no-repeat left bottom;
					}
			.contact #body_copy h2 {
				font-size: 24px;
				margin: 30px 0 10px 30px;
				}
				.contact #body_copy h3 {
					margin: 30px 0 -40px 30px;
					color: #CCCCCC;
					size: 18px;
					}	
.contact #extra_info {
	height: 243px;
	background: url(../images/extra_info_contact_bg.jpg) no-repeat left top;
	padding: 30px 25px 30px 30px;
	}
	.contact #extra_info p {
		font-size: 11px;
		line-height: 18px;
		color: #fff;
		text-transform: uppercase;
		}
	.contact #extra_info strong {
		color: #cd9393;
		font-weight: lighter;
		display: inline;
		}
	.contact #extra_info a {
		color: #fff;
		text-decoration: underline;
		}
		.contact #extra_info a:hover {
			color: #cd9393;
			}
.partners #extra_info {
	height: 371px;
	background: url(../images/extra_info_bg.png) no-repeat left top;	
	}
	.partners #extra_info h2 {
		height: 34px;
		margin: 0 0 20px 13px;
		text-indent: -9999px;
		background: url(../images/extra_info_links.jpg) no-repeat left top;
		}
		.partners #extra_info a {
			display: block;
			font-size: 12px;
			text-transform: uppercase;
			color: #F0F0F0;
			text-decoration: none;
			padding: 4px 4px 4px 19px;
			margin: 0 6px 12px 14px;	
			}
			.partners #extra_info a:hover {
				color: #000;
				background: #f5b971;			
				}
#apparel a {
		height: 74px;
		width: 460px;
		float: right;
		display: block;
		text-indent: -9999px;
		background: url(../images/purchase_apparel-trans.png) no-repeat left top;		
		}
		#apparel a:hover {
			cursor: pointer;
			background: url(../images/purchase_apparel-trans.png) no-repeat left bottom;	
			}
#news {
	width: 549px;
	height: 314px;
	background: url(../images/news_bg.jpg) no-repeat left top;
	}
	#news_window {
		padding: 17px 0 0 30px;
		color: #D3D3D3;
		}
		#news_window p {
			font-size: 12px;
			padding: 10px;
			}
		.overlay {
			top: 0;
			left: 0;
			position: absolute;
			}
		.underlay {
			position: relative;
  			display: block;
			}
		ul#thumbs {
			padding: 5px 0 0 0;
			}
			ul#thumbs li {
				margin-right: 8px;
				width: 117px;
				height: 82px;
				display: inline;
				float: left;
				}
			ul#thumbs img {
				cursor: pointer;
				}
		#ajax_content {
			width: 493px;
			height: 191px;
			}
#community_button {
	float: right;
	margin-right: 2px;
	}
	#community_button a {
		text-indent: -9999px;
		display: block;
		height: 314px;
		width: 213px;
		margin-left: -3px;
		background: url(../images/community_login.jpg) no-repeat left top;
		}
		* html #community_button a { width: 200px; } /* IE6 and below */
		#community_button a:hover {
			background: url(../images/community_login.jpg) no-repeat left bottom;
			}
#footer {
	color: #7c7c7c;
	padding: 12px 0 25px 0;
	text-align: center;
	text-transform: uppercase;
	}
	#footer ul {
		margin: 0 auto;
		}
		#footer ul li {
		display: inline;
		}
	#footer ul li a {
			color: #7c7c7c;
			padding: 0px 20px;
			font-size: 11px;
			}
	#footer p {
		padding: 4px 0 0 0;
		font-size: 10px;
		}
	#footer a {
		color: #7c7c7c;
		}
		#footer a:hover {
			text-decoration: underline;			
			}
.blue {
	color: #66B6C1;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}	
.clear {
	clear: both;
	}