/* reset
-----------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, a, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }



/* main containers
-----------------------------------------------------------*/
body { 
	background: #f5f1ea url(../images/bkgnd.jpg) center top no-repeat; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #575757;
}

#wrapper { 
	clear: both;
	margin: 0 auto;
	width: 924px;
	text-align: center;
}


/* type
--------------------------------------------------------*/	
p { padding: 0 0 15px 0; line-height: 18px;}

h1 {
	padding: 0 0 15px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
}

h2 {
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
}

h3 {
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

a { color: #ED00A3; text-decoration: none;}
a:hover { color: #D10081;}
a img { border: none; }
a span { border: none; }

.clearBoth { clear: both;}
p.line { padding: 15px 0 0 0; margin: 0 0 30px 0; line-height: 0; border-bottom: 1px solid #00ADB5;}

span.black { color: #231F20;}


/* lists
------------------------------------------*/
ul, ol { list-style: none; }
ul li, ol li { margin: 0; padding: 5px 0; line-height: 18px; list-style: none;}



/* tables
------------------------------------------*/
table { font-size: 12px; line-height: 18px; }
td { margin: 0; padding: 10px 5px;}
th, td { text-align: left; vertical-align: top;}

th.right, td.right { text-align: right; }
th.center, td.center { text-align: center; }
th.middle, td.middle { vertical-align: middle; }
th.bottom, td.bottom { vertical-align: bottom; }


/* images
----------------------------------------------*/



/* generic form elements
--------------------------------------------------------*/	

label { color: #000; }
input, textarea, select {
	padding: 3px;
	background: #fff;
	border: 1px solid #9E9E9E; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
input {	height: 18px; }
select { height: 26px; }

input.file {height: auto;}

.inactive {
	color: #999999;
}


/* header
--------------------------------------------------------*/	
#headerWrapper {
	display: block;
	margin: 0 auto;
	width: 924px;
}

#headerWrapper div.addys {
	position: absolute;
	top: 17px;
	margin: 0 0 0 840px;
	height: 66px;
	width: 51px;
	z-index: 2;
	background: url(../images/addy2.gif) left top;
}

#headerWrapper div.addys a {
	display: block;
	height: 66px;
	width: 51px;
	border: none;
}

#headerWrapper #headerNav {
	padding: 15px 0 0 166px;
	height: 32px;
	width: 758px;
	background: #ede6dc;
	border-bottom: 3px solid #ED00A3;
	text-align: center;
}

#headerWrapper #headerNav div.nav { display: block; list-style: none; text-align: center;}

#headerWrapper #headerNav div.nav a { display: inline-block; background: #dcd7d3 url(../images/corners-left.gif) left -60px no-repeat; line-height: 14px; color: #8a5e3b;}
#headerWrapper #headerNav div.nav a span { display: inline-block; padding: 11px 15px 7px 15px; background: url(../images/corners-right.gif) right -60px no-repeat;}

#headerWrapper #headerNav div.nav a:hover { background: #C6C0BA url(../images/corners-left.gif) left -60px no-repeat;}
#headerWrapper #headerNav div.nav a:hover span { background: url(../images/corners-right.gif) right -60px no-repeat;}

#headerWrapper #headerNav div.nav a.selected, #header div.nav a:hover.selected { background: #ED00A3 url(../images/corners-left.gif) left top no-repeat; font-weight: bold; color: #fff;}
#headerWrapper #headerNav div.nav a.selected span, #header div.nav a:hover.selected span { background: url(../images/corners-right.gif) right top no-repeat; color: #fff;}

#headerWrapper #headerTitle {
	display: block;
	height: 118px;
	width: 924px;
	
}

#headerWrapper #headerTitle div.floater { float: left; position: relative; margin: 0 0 0 -15px; padding-left: 15px; width: 924px; background: url(../images/header2.gif) -1px top no-repeat; z-index: 2;}

#headerWrapper #headerTitle div.floater a {
	display: block;
	height: 117px;
	width: 165px;
}

#headerWrapper #headerTitle div.floater a:hover { text-decoration: none;}



/* main
--------------------------------------------------------*/	
#main {
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0;
	width: 924px;
	text-align: left;
}

#main div.flash { position: relative; display: block;}
#main div.flash div.flashFloater { position: relative; display: block; margin: 0 0 0 -15px; height: 620px; width: 939px; z-index: 3}

#main a.pink { clear: both; float: left; margin: 0 0 15px 0; padding: 0; background: url(../images/buttons/pink-left.gif) left top no-repeat;}
#main a.pink span { float: left; padding: 11px 22px; background: url(../images/buttons/pink-right.gif) right top no-repeat;}
#main a.pink:hover { background-position: left -37px;}
#main a.pink:hover span { background-position: right -37px;}

#main a.teal { float: left; margin: 0 0 15px 0; padding: 0; background: url(../images/buttons/teal-left.gif) left top no-repeat;}
#main a.teal span { float: left; padding: 11px 22px 10px 22px; background: url(../images/buttons/teal-right.gif) right top no-repeat;}
#main a.teal:hover { background-position: left -37px;}
#main a.teal:hover span { background-position: right -37px;}

#main a.facebook { background: none;}
#main a.facebook span { padding: 12px 9px 7px 53px; background: url(../images/buttons/facebook.gif) right top no-repeat;}
#main a.facebook:hover span { background-position: right -47px;}

#main div.buttonContainer { display: block; margin-bottom: 15px; height: 37px;}


/* two column 
--------------------------------------------------------*/	

/* right column 
--------------------------------------------------------*/	
#main div.rightCol { float: right; width: 480px;}

#main div.rightCol ul { padding: 0 0 15px 20px; list-style: circle;}
#main div.rightCol ul li { padding: 3px 0 3px 0; list-style: disc;}

#main div.rightCol div.right { float: right; width: 232px;}
#main div.rightCol div.right a.joinFly { float: right; padding: 4px 0 0 5px; height: 340px; width: 227px; background:url(../images/join-the-flutter.gif) left top no-repeat;}
#main div.rightCol div.right a.joinFly:hover {  background-position: left -344px;}

#main div.rightCol div.left { float: left; width: 232px;}
#main div.rightCol div.left a.findFly { float: left; padding: 5px 0 0 5px; height: 339px; width: 227px; background:url(../images/find-flutterfly.gif) left top no-repeat;}
#main div.rightCol div.left a.findFly:hover { background-position: left -344px;}

#main div.rightCol div.enter { padding-bottom: 15px;}
#main div.rightCol div.enter a:hover img { background: #fff;}

#main div.rightCol div.video p { padding: 15px 0 15px 0;}

/* left column 
--------------------------------------------------------*/	
#main div.leftCol { float: left; padding: 60px 0 0 166px; width: 219px;}

#main div.leftCol p.center { text-align: center;}

#main div.leftCol div.photoPair { clear: both; float: left; padding: 0 0 15px 0; width: 225px;}
#main div.leftCol div.photoPair div.right { float: right; width: 106px; text-align: center;}
#main div.leftCol div.photoPair div.left { float: left; width: 106px; text-align: center;}
#main div.leftCol div.photoPair div.right a, #main div.leftCol div.photoPair div.left a { display: block; border: 3px solid #00ADB5;}
#main div.leftCol div.photoPair div.right a:hover, #main div.leftCol div.photoPair div.left a:hover {border: 3px solid #1CD1D1;}


/* footer
--------------------------------------------------------*/	
#footerWrapper {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
	height: 238px;
	width: 924px;
	background: url(../images/footer.gif) left bottom repeat-x;
	text-align: left;
}

#footerWrapper #footer {
	position: relative;
	margin: 0;
	padding: 0;
	height: 71px;
	width: 924px;
	z-index: 4;
	border-bottom: 5px solid #DCD6D0;
	text-align: left;
}

#footerWrapper #footer div.rightCol { float: right; width: 758px;}

#footerWrapper #footer div.rightCol div.slide {
	float: left; 
  position: relative;
	margin: 29px 0 0 0; 
	padding: 0 12px 10px 25px; 
	height: 32px; 
	width: 721px; 
	background: #fff url(../images/footer-round.gif) right top no-repeat;
}

#footerWrapper #footer div.rightCol div.slide a.rightAlign { float: right; margin: 15px 0 0 0; width: 55px;}
#footerWrapper #footer div.rightCol div.slide a.rightAlign img { position: relative; top: -2px; z-index: 2;}
#footerWrapper #footer div.rightCol div.slide p {
	float: left;
	padding-top: 10px; 
	width: 662px;
	font-size: 11px;
	line-height: 17px;
	color: #00ADB5;
}

#footerWrapper #footer div.rightCol div.slide div.button:hover { cursor: pointer;}

#footerWrapper #footer div.rightCol div.slide div.inner {
	float: left; 
  position: absolute;
	display: none;
  left: 0px;
  bottom: 0;
	width: 758px;
	text-align: center;
	z-index: 4;
}

#footerWrapper #footer div.rightCol div.slide div.inner div.list {
	position: relative;
	float:left;
	padding: 10px 12px 10px 25px; 
	width: 719px;
	z-index: 4;
	background: #fff;
	border: 1px solid #00ADB5;
	border-bottom: none;
	text-align: left;
}

#footerWrapper #footer div.rightCol div.slide div.inner div.list p {
	padding: 10px 0;
	font-size: 11px;
	line-height: 17px;
	color: #00ADB5;

}

#footerWrapper #footer div.rightCol div.slide p span, #footer div.rightCol div.slide div.inner p span { position: relative; top: 2px; font-size: 16px; color: #000; z-index: 0;}

#footerWrapper #footer div.leftCol { float: left; height: 71px; width: 165px; }



#footerWrapper div.sponsors { clear: both; position: relative; height: 167px; width: 924px; background: #E8E0D5 url(../images/sponsors.gif) left top no-repeat;}

#footerWrapper div.sponsors p { padding: 0;}

#footerWrapper div.sponsors div.right { float: right; padding: 15px 20px 0 0; height: 55px; width: 130px; font-size: 11px; text-align: right; color: #918f8c;}
#footerWrapper div.sponsors div.right img { margin: 0 0 5px 0;}

#footerWrapper div.sponsors div.left { float: left; padding: 0 0 0 94px; height: 167px; width: 680px;}
#footerWrapper div.sponsors div.left div.top, #footerWrapper div.sponsors div.left div.bottom { clear: both; display: block;}

#footerWrapper div.sponsors div.left a.bolt { float: left; margin: 0 40px 0 0; padding: 0; height: 70px; width: 62px;}
#footerWrapper div.sponsors div.left a.myjive { float: left; margin: 0 40px 0 0; padding: 0; height: 70px; width: 63px;}
#footerWrapper div.sponsors div.left a.hotSake { float: left; margin: 0 40px 0 0; padding: 0; height: 70px; width: 77px;}
#footerWrapper div.sponsors div.left a.threePM { float: left; margin: 0; padding: 0; height: 70px; width: 59px;}

#footerWrapper div.sponsors div.left a.adamsoutdoor { float: left; margin: 2px 40px 0 0; padding: 0; height: 68px; width: 188px;}
#footerWrapper div.sponsors div.left a.sandyAnderson { float: left; margin:  2px 40px 0 0; padding: 0; height: 68px; width: 93px;}
#footerWrapper div.sponsors div.left a.cbsradio { float: left; margin: 2px 40px 0 0; padding: 0; height: 68px; width: 91px;}
#footerWrapper div.sponsors div.left a.cinemedia { float: left; margin: 2px 0 0 0; padding: 0; height: 68px; width: 77px;}