/*
	Author	:	Jessica Keener
	Email		:	jessica.keener@gmail.com
	Website	:	http://www.audacioushoops.com/
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;	
	margin-left: 40px;


	}

#maincontainer {
	background-image: url(images/backdrop-4.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#hoopingcontainer {
	background-image: url(images/hoopingbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#fitnesscontainer {
	background-image: url(images/fitnessbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#shopcontainer {
	background-image: url(images/shopbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#photoscontainer {
	background-image: url(images/photosbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#videocontainer {
	background-image: url(images/videobackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}


#historycontainer {
	background-image: url(images/historybackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}


#linkscontainer {
	background-image: url(images/linksbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#contactcontainer {
	background-image: url(images/contactbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}

#audaciouscontainer {
	background-image: url(images/audaciousbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}


#classescontainer {
	background-image: url(images/classesbackdrop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 1000px;
	width: 950px;


}


#navigation a {
	float:left;
	margin-left: 10px;
	}
	
#navigation  a i { display: none; }

a#home { 
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/homelink3.gif) no-repeat top;

	}

a#hooping { 
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/hoopinglink3.gif) no-repeat top;

	}

a#shop { 
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/shoplink3.gif) no-repeat top;

	}
	
a#fitness { 
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/fitnesslink3.gif) no-repeat top;

	}
	
a#history { 
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/historylink3.gif) no-repeat top;

	}
	
a#classes { 
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/classeslink.gif) no-repeat top;

	}
	
	
#bottomnavigation {
	padding-top: 700px;
	padding-left: 100px;
	}		
	
#bottomnavigation ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	
#bottomnavigation li{
    display:inline;
    margin:0;
    padding:0;
    }
	
#bottomnavigation a{
	font-weight: bold;
	text-decoration: none;
	color: #c30;
    }

#bottomnavigation a:hover {
	font-weight: bold;
	color: #f60;

}	


#subbottomnavigation {
	padding-top: 770px;
	padding-left: 130px;
	}
	
#subbottomnavigation ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	
#subbottomnavigation li{
    display:inline;
    margin:0;
    padding:0;
    }
	
#subbottomnavigation a{
	font-weight: bold;
	text-decoration: none;
	color: #c30;
    }

#subbottomnavigation a:hover {
	font-weight: bold;
	color: #f60;

}	
	
	
/*a#photos { 
	display: block;
	width: 205px;
	height: 76px;
	background: url(images/photolink_roll.gif) no-repeat top left;

	}
	
a#video { 
	display: block;
	width: 252px;
	height: 76px;
	background: url(images/videolink_roll.gif) no-repeat top left;

	}
	
a#home { 
	display: block;
	width: 205px;
	height: 76px;
	background: url(images/homelink_roll.gif) no-repeat top left;

	}	
	
	


	
a#hooping:hover {background-position: bottom left;
 }

a#shop:hover {background-position: bottom left;
 }
 
a#photos:hover {background-position: bottom left;
 }
 
a#video:hover {background-position: bottom left;
 }
 
 a#home:hover {background-position: bottom left;
 }

a#hooping:hover { border: none; } */



#subnavigation  {
	float: left;
	width: 180px;
	padding-top: 20px;
	
	
}

#subnavigation  a i { display: none; }




#audaciousnavigation a#home2  {
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/homelink3.gif) no-repeat top;
	position: absolute;
	top: 500px;
	left: 200px;
	
}

#audaciousnavigation a#hooping2  {
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/hoopinglink3.gif) no-repeat top;
	position: absolute;
	top: 150px;
	left: 500px;
	
}

#audaciousnavigation a#shop2  {
	display: block;
	width: 200px;
	height: 150px;
	background: url(images/shoplink3.gif) no-repeat top;
	position: absolute;
	top: 120px;
	left: 100px;
	
}



#audaciousnavigation  a i { display: none; }



#submain {	
	width: 650px;
	float: right;	
}

#hooptext {	
	width: 380px;
	padding-top: 225px;
	padding-left: 50px;
	font-size: 110%;
	color: #000;
}

#fitnesstext {	
	width: 400px;
	padding-top: 180px;
	padding-left: 40px;
	font-size: 110%;
	
}

#historytext {	
	width: 380px;
	padding-top: 225px;
	padding-left: 150px;
	font-size: 110%;
	color: #000;
}

#contacttext {	
	width: 380px;
	padding-top: 300px;
	padding-left: 80px;
	font-size: 110%;
	color: #000;
}


#classtext {	
	width: 470px;
	padding-top: 190px;
	padding-left: 10px;
	font-size: 100%;
	color: #000;
}


#shopsection {	
	width: 700px;
	padding-top: 120px;
	margin-left: 0px;
	font-size: 110%;
	color: #000;
}

.emphword {
	font-weight: bold;
	
}

/*here's the hack for IE's dumb ass....*/

#IEroot #subfooter {


}



/* footer */
#footer {
	position: absolute;
	left: 150px;
	top: 750px;
	font-size: 90%;
	color: #999;
	border-top:1px solid #999; 
	height:50px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:751px;
}

#subfooter {
	position: absolute;
	left: 150px;
	top: 820px;
	font-size: 90%;
	color: #999;
	border-top:1px solid #999; 
	height:50px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:751px;
}


/*main page image map*/

#imagemap a i { display: none; }

#imagemap a {
	position: absolute;
	height: 380px;
	width: 380px;
	text-decoration: none;

}

a#audaciouslink {
	top: 150px;
	left: 150px;

}

a#shoplink {
	top: 280px;
	left: 550px;

}

/*SHOP PAGE ONLY*/

#shopfooter {
	position: relative;
	clear: both;
	font-size: 90%;
	color: #999;
	border-top:1px solid #999; 
	height:50px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:751px;
}

#shopbottomnavigation {
	text-align:center;
	position: relative;
	clear: both;
	padding: 30px 0 20px 0;
	}
	
#shopbottomnavigation ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	
#shopbottomnavigation li{
    display:inline;
    margin:0;
    padding:0;
    }
	
#shopbottomnavigation a{
	font-weight: bold;
	text-decoration: none;
	color: #c30;
    }

#shopbottomnavigation a:hover {
	font-weight: bold;
	color: #f60;

}	