/*-----------------------------------------------------------------------------
t4two Stylesheet
author: Drive New Media, Inc.
-----------------------------------------------------------------------------*/

/* Colors: 
	
*/

/* =Reset Styles / Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:62.5%; /*default font size from 16px to 10px */
	line-height:1.6em; 
	text-align:center;
	color: #333;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: #B3B3B3;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #f8c2d9;/*pink*/
	text-decoration: none;
}

a:hover {
	color: #f8c2d9;/*pink*/
	text-decoration: underline;
}

p { margin-bottom: 10px; }

/* -------------------------- HEADERS ------------------------------------ */

h1,h2 {font-family: Helvetica, Verdana, Arial, sans-serif;}

h1 { font-size:3.6em; line-height: 1.5em; font-weight:normal; font-family: Courier, monospace; color:#F8C2D9; background-color: #333; padding: 10px 25px 15px 20px; }
h2 {font-size:3.8em; line-height: 1em; font-weight:bold; }
h3 {}
h4, h5 { font-weight:normal; }
h4 { font-size:2.5em; }
h5 { font-style:italic; }

/* ------------------------- LAYOUT SECTIONS ------------------------------ */


#wrapper { width: 900px; text-align: left; background-color: #fff; margin: 0 auto; }

#header h1 { width: 450px; margin-left: 30px; }
#header h2 { width: 500px; padding: 30px 0 15px 30px; }

#content { clear: both; }
#left { width: 466px; float: left; padding: 30px; }
#left img { }
#left h4 { color: #f8c2d9; padding: 10px; background-color: #333;}
#left p { font-size: 1.5em; line-height: 1.6em; padding-bottom: 10px; }
#left .buyShirt { color: #f8c2d9; padding: 10px; background-color: #333; margin-bottom: 30px;}
#left form { margin-left: 10px; }
#left form select { vertical-align:top; }
#left form .buyNow { margin-left: 10px; }
a.faqLink { font-size: 4em; font-weight: bold; }
#right { width: 250px; float: right; padding: 30px 60px 30px 0; }
#right a { font-size:7em; font-weight: normal; padding: 5px 0; text-align: center; border-bottom: 5px #333 solid; border-top: 5px #333 solid; color: #F8C2D9; font-family: Courier, monospace;}
#right a:hover { text-decoration: none; }
#right p { font-size: 1.5em; padding: 10px 0; }
#right img { border-bottom: 5px #333 solid; border-top: 5px #333 solid; }

#footer { background-color: #333; clear: both; }
#footer p { width: 350px; color: #f8c2d9; font-family: Courier, monospace; padding: 30px; }
#footer a { text-decoration: underline; }