/************************* 
	TYPOGRAPHY
*************************/	
body
				{
				font-family: "century gothic",arial,helvetica,clean,sans-serif;
				color: #333;
				}
				
p
				{
				line-height: 160%;
				}				

#ft
				{
				color: #FFF;
				font-weight: 700;				
				font-size: 90%;
				}				

#ft a
				{
				color: #FFF;
				font-weight: 700;
				}
								
#mainmenu #phone
				{
				font-weight: 700;
				}

h1
				{
				color: #039;
				font-size: 115%;
				}

#steps li
				{
				color: #FFF;
				font-weight: 700;
				}

#steps li a
				{
				color: #8bc63e;
				font-weight: 700;
				font-size: 115%;
				}

.products h3
				{
				font-size: 115%;
				color: #62c31c;
				text-transform: uppercase;
				}
				
#getstarted a,
#getstarted a:visited
				{
				color: #039;
				}				
				
/************************* 
	PRIMARY ELEMENTS
*************************/	
body
				{
				background: #FFF;
				}

h1
				{
				margin-bottom: 1em;
				}
				
a
				{
				text-decoration: none;
				}

a:hover
				{
				text-decoration: underline;
				}
				
/************************* 
	LAYOUT
*************************/				
#doc2
				{
				width:950px;
				}

#bd
				{
				clear: both;
				background: url("../i/bgbd.gif") bottom left no-repeat;
				padding: 1em 10em 4em 10em;
				}
				
#ft
				{
				clear: both;
				background: url("../i/bgft.gif") top left repeat-x;  /* #2b7da5; */
				padding: 0.25em 0.5em 0.5em 0.5em;
				height: 32px;
				}				
				
/************************* 
	COMMON ELEMENTS
*************************/	
#mainmenu	
				{
				background: url("../i/bghd.jpg") top left no-repeat;
				height: 213px;
				color: #FFF;
				position: relative;
				}								
				
#mainmenu a,
#mainmenu a:hover
				{
				color: #FFF;
				font-weight: 700;
				}

#mainmenu p
				{
				padding: 1em;
				}

#mainmenu #email
				{
				float: left;
				}
				
#mainmenu #phone
				{
				float: right;
				}

#mainmenu a.button
				{
				float: left;				
				text-indent: -200em;
				display: block;
				position: absolute;
				}

#mainmenu #btproducts
				{
				background: url("../i/btproducts.gif") bottom left no-repeat;
				width: 145px;
				top: 177px;
				left: 136px;
				height: 36px;
				width: 145px;
				text-align: left;
				}				

#mainmenu #btproducts:hover
				{
				background-position: -145px 0;
				}
				
#mainmenu #btcontact
				{
				background: url("../i/btcontact.gif") bottom left no-repeat;
				top: 173px;
				left: 698px;
				width: 146px;
				height: 40px;
				}

#mainmenu #btcontact:hover
				{
				background-position: -146px 0;
				}
				
#mainmenu #bthome
				{
				width: 284px;
				height: 148px;
				top: 54px;
				left: 353px;
				background: transparent;
				}
				
#border	
				{
				background: url("../i/borderhd.gif") top left repeat-x;
				height: 32px;
				}				
				
#ft p
				{
				text-align: center;
				}

#ft span
				{
				border-right: 1px solid #FFF;
				padding: 0 1em;
				}
				
#ft #last
				{
				border: 0;
				padding-left: 3em;
				}

.copy
				{
				clear: both;
				margin-bottom: 2em;
				}
				
.copy p								
				{
				margin-bottom: 2em;
				}
				
.centered
				{
				text-align: center;
				}

#btt
				{
				clear: both;
				}
				
/* begin basic form */
.validationerror
				{
				border: 1px solid #F00;
				padding: 1em;
				width: 67%;
				margin: 1em 0;
				}
				
.validationerror h5
				{
				color: #F00;
				margin-bottom: 0.5em;
				font-weight: 700;
				font-size: 125%;
				}
					
.validationerror p
				{
				margin-bottom: 1em;
				}
				
.basicform label
				{
				font-weight: 700;
				display: block;
				margin-top: 1em;
				margin-bottom: 0.3em;
				}

.basicform .inputsleft
				{
				float: left;
				margin-right: 1em;
				margin-top: 1em;
				padding-top: 0;				
				}

.basicform #firstheading
				{
				margin-top: 0;
				padding-top: 0;				
				}

.basicform .inputsleft label
				{
			  margin-top: 0;
				}

.basicform .clear
				{
				clear: both;
				}
/* end basic form */

/* begin css tabs 
Joshua Kaufman
*/
ul#tabnav 
				{ /* general settings */
				text-align: center; /* set to left, right or center */
				margin: 1em 0 1em 0; /* set margins as desired */
				border-bottom: 1px solid #039; /* set border COLOR as desired */
				list-style-type: none;
				padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
				}

ul#tabnav li 
				{ /* do not change */
				display: inline;
				}

body#tab1 li.tab1, 
body#tab2 li.tab2, 
body#tab3 li.tab3, 
body#tab4 li.tab4,
#tabnav .selected
				{ /* settings for selected tab */
				border-bottom: 1px solid #fff; /* set border color to page background color */
				background-color: #039; /* set background color to match above border color */
				}

body#tab1 li.tab1 a, 
body#tab2 li.tab2 a, 
body#tab3 li.tab3 a, 
body#tab4 li.tab4 a,
#tabnav .selected a
				{ /* settings for selected tab link */
				background-color: #039; /* set selected tab background color as desired */
				color: #FFF; /* set selected tab link color as desired */
				position: relative;
				top: 1px;
				padding-top: 4px; /* must change with respect to padding (X) above and below */
				}

ul#tabnav li a 
				{ /* settings for all tab links */
				padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
				border: 1px solid #039; /* set border COLOR as desired; usually matches border color specified in #tabnav */
				background-color: #FFF; /* set unselected tab background color as desired */
				color: #666; /* set unselected tab link color as desired */
				margin-right: 0px; /* set additional spacing between tabs as desired */
				text-decoration: none;
				border-bottom: none;
				}

ul#tabnav a:hover 
				{ /* settings for hover effect */
				background: #039; /* set desired hover color */
				}
/* end css tabs */

/** HOME PAGE **/
#welcometitle
				{
				background: url("../i/titlewelcome.gif") top center no-repeat;
				width: 100%;
				height: 154px;
				text-indent: -200em;
				margin-bottom: 2em;
				}				

#welcomecopy
				{
				text-align: center;				
				}
				
#welcomecopy ul
				{
				list-style: disc;
				padding: 0 2em;
				width: 350px;
				margin: auto;
				}
				
#welcomecopy li
				{
				text-align: left;
				margin-bottom: 2em;
				}
				
/** PRODUCTS PAGE **/
#productstitle
				{
				background: url("../i/titleproducts.gif") top center no-repeat;
				width: 100%;
				height: 108px;
				text-indent: -200em;
				margin-bottom: 2em;
				}

/** PICK SWAG PAGE **/
#steps
				{
				float: left;
				width: 100%;
				}
				
#steps li
				{
				text-align: center;
				margin-bottom: 1em;
				float: left;
				width: 33%;
				}

#steps li p.icon
				{
				width: 109px;
				height: 70px;
				border: 1px solid blue;
				margin: auto;
				text-indent: -200em;
				}

#steps #step1
				{
				background: url("../i/step1.gif") top center no-repeat;
				}

#steps #step2
				{
				background: url("../i/step2.gif") top center no-repeat;
				}

#steps #step3
				{
				background: url("../i/step3.gif") top center no-repeat;
				}
				
.products h3,
.products h4
				{
				text-align: center;
				}
				
.products ul
				{
				list-style: none;
				margin-bottom: 5em;
				float: left;
				}
				
.products li
				{
				float: left;
				width: 225px;
				}
				
.products li h3,
.products li div
				{
				text-align: left;
				padding-right: 2em;
				}