@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------------------------------------------
	1) STYLE SHEET FOR WWW.BAGONAILSSOHO - AUTHOR: IWOOD WEB DESIGN
/* --------------------------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------------------------------
	1) RESETS & UNIVERSAL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
	body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
	fieldset, img, abbr, acronym { border:0 none;}
	table { border-collapse:separate; border-spacing:0;}
	:focus { outline:0;}
	address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
	caption, th { text-align:left;}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	blockquote:before, blockquote:after, q:before, q:after { content:"";}
	
	
	.nomargin { margin:0 !important;}
	.fleft { float:left;}
	.fright { float:right;}
	.clear { clear:both; height:0; line-height:0; visibility:hidden;}
	.clearfix:after, .subheading:after, dl:after, .prodlist dd:after, .selectpop dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie6 .prodlist dd, #ie6 .selectpop dd, #ie7 .clearfix, #ie7 dl, #ie7 .subheading, #ie7 .prodlist dd, #ie7 .selectpop dd { display:inline-block;}
	
	body {
	background-image: url(images/black_pattern.jpg);
	}
	
	#home #home_link {background-position:  0 -26px;}
	#history #history_link {background-position:  -45px -26px;}
	#events #events_link{background-position: -139px -26px;}
	#membership #membership_link {background-position: -215px -26px;}
	#shop #merchandise_link {background-position: -302px -26px;}
	#bookings #bookings_link {background-position: -394px -26px;}
	#contact #contact_link {background-position: -519px -26px;}
	#hire #hire_link {background-position: -583px -26px;}





	
/* ---------------------------------------------------------------------------------------------------------------------------------
	2) TYPOGRAPHY
/* --------------------------------------------------------------------------------------------------------------------------------- */

	html {font-family: Arial, Helvetica, sans-serif; color: #fff; }
	p {color: #fff; font-size: 1.2em; line-height: 1.8em; margin-bottom: 10px; text-align: left;}
	h1 {font-size: 1.2em; text-transform: uppercase; letter-spacing: -0.5px;}
	#tl_text h2 { margin-bottom: 30px;}
	h3 {font-size: 2.2em; font-weight: bold;}
	a {color: #fff; text-decoration: none; font-weight: normal;}
	a:hover {color: #C03;}
	
	#logo span {visibility: hidden;}
	
	
	.red {color: #cc0033;} .red:hover {color: #cc0033; text-decoration: underline;}
	

	.green {color: #339933;} .green:hover {color: #339933; text-decoration: underline;}
	.purple {color: #9f52b2;} .purple:hover {color: #9f52b2; text-decoration: underline;}
	.red2 {color: #cc0033;text-decoration:none; font-weight: bold;}

	
	.right_align {text-align: right;}
	.center_align {text-align: center;}
	
	.size14 {font-size: 1.4em;}
	
	.size14_link {text-decoration: underline; font-size: 1.4em;}
	.size14_link:hover {text-decoration: none;}
	
	.poster_title {font-size: 1.1em; font-weight: bold; color: #3366cc;}


/* ---------------------------------------------------------------------------------------------------------------------------------
	3) PAGE LAYOUT
/* --------------------------------------------------------------------------------------------------------------------------------- */

	#header {width: 100%; height: 218px; background-image:url(images/header.jpg); background-position: top center; background-repeat: no-repeat; background-color: #000;}
	#header_container {width: 998px; margin: 0 auto; height: 217px;}
	#logo {float: left; width: 461px; height: 161px; margin-left: 20px; margin-top: 34px; position: relative;}
	#logo:hover {cursor: pointer;}
	
	#nav_bar {width: 100%; height: 44px; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x;}
	#nav_holder {width: 998px; margin: 0 auto;}
	#nav_left {margin-left: 20px; float: left; height: 26px; width: 385px; margin-top: 8px;} 
	#nav_right {margin-right: 20px; margin-top: 8px; height: 26px; float: right; width: 314px;}
	
	#nav_holder span, #MenuBar1 span  {visibility:hidden;}
	#nav_holder a {text-decoration: none; cursor: pointer;}
	
	#home_link {width: 34px; height: 26px; background-image:url(images/nav.png); background-position:  0 0; display: block; float: left;}
	#home_link:hover {background-position:  0 -26px;}

	
	#history_link {width: 83px; height: 26px; background-image:url(images/nav.png); background-position: -45px 0; display: block; margin-left: 11px;}
	#history_link:hover {background-position:  -45px -26px;}

	#events_link {width: 64px; height: 26px; background-image:url(images/nav.png); background-position: -139px 0; display: block; margin-left: 11px;}
	#events_link:hover {background-position: -139px -26px;}

	#membership_link {width: 76px; height: 26px; background-image:url(images/nav.png); background-position: -215px 0; display: block; margin-left: 11px;}
	#membership_link:hover {background-position: -215px -26px;}
	
	#merchandise_link {width: 83px; height: 26px; background-image:url(images/nav.png); background-position: -302px 0; display: block; margin-left: 11px;}
	#merchandise_link:hover {background-position: -302px -26px;}
	
	#bookings_link {width: 62px; height: 26px; background-image:url(images/nav.png); background-position: -394px 0; display: block; float: left; margin-left: 11px;}
	#bookings_link:hover {background-position: -394px -26px;}

	#menus_link {width: 41px; height: 26px; background-image:url(images/nav.png); background-position: -467px 0; display: block; float: left; margin-left: 11px;}
	#menus_link:hover {background-position: -467px -26px;}

	#contact_link {width: 54px; height: 26px; background-image:url(images/nav.png); background-position: -519px 0; display: block; float: left; margin-left: 11px;}
	#contact_link:hover {background-position: -519px -26px;}
	
	#hire_link {width: 176px; height: 26px; background-image:url(images/nav.png); background-position: -583px 0; display: block; float: left;}
	#hire_link:hover {background-position: -583px -26px;}
	
	
	
	#sub1 {width: 82px; height: 24px; background-image: url(images/dropdown_nav.png); background-position: 0 0; display: block;}
	#sub1:hover {width: 82px; height: 24px; background-image: url(images/dropdown_nav.png); background-position: -81px 0; display: block;}
	
	#sub2 {width: 82px; height: 24px; background-image: url(images/dropdown_nav.png); background-position: 0 -40px; display: block;}
	#sub2:hover {width: 82px; height: 24px; background-image: url(images/dropdown_nav.png); background-position: -81px -40px; display: block;}
	
	#sub3 {width: 82px; height: 24px; background-image: url(images/dropdown_nav.png); background-position: 0 -82px; display: block;}
	#sub3:hover {width: 82px; height: 24px; background-image: url(images/dropdown_nav.png); background-position: -81px -82px; display: block;}

	
	
	#sub4 {width: 82px; height: 22px; background-image: url(images/dropdown_nav.png); background-position: 0 -122px; display: block;}
	#sub4:hover {width: 82px; height: 22px; background-image: url(images/dropdown_nav.png); background-position: -81px -122px; display: block;}

	
	#main_container {width: 998px; margin: 0 auto; position: relative;}
	
	#tr_title {float: right; margin-top: 31px; margin-right: 20px;}
	
	
	
	/*EVENTS PAGE CSS*/
	#events #main_container, #hire #main_container  {width: 981px; margin: 0 auto; position: relative;}
	#events #top_content, #membership #top_content, #hire #top_content {margin-top: 25px; height: 63px;}
	#events h3, #hire h3 {float: left; margin-left: 10px; height: 37px; width: 210px;}
	#events h4 {margin-left: 10px;}
	
	#hire h4 {margin-left: 0;}

	#events #main_bg, #hire #main_bg {width: 980px; height: 786px; background-image:url(images/events_bg.gif); margin-top: 15px; background-position: 1px 0; background-repeat: no-repeat;}
	#events #left_holder {float: left; margin-top: 7px; margin-left: 10px; width: 400px; height: 342px;}
	#events #right_holder {float: right; margin-top: 30px; margin-right: 20px; text-align: center; height: 302px;}
	#events #right_holder h2 {margin-top: 0; margin-bottom: 10px;}
	
	#event_text {margin-top: 10px; width: 427px;}
	#event_text p {text-align: right; color: #000; float: right;}
	#event_text a {color: #cc0033; font-weight: bold;}
		
	#events_top_holder {width: 927px; height: 352px; margin: 35px 0 0 26px; float: left;}
	#events_mid_holder {width: 927px; height: 352px; margin: 20px 0 0 26px; float: left;}
	
	#events_mid_holder #left_holder {margin-left: 12px; margin-top: 20px; width: 565px; float: left;}
	#events_mid_holder #right_holder {margin-top: 10px; width: 322px; float: right;}
	#events_mid_holder #right_holder p {color: #333; text-align: right; margin-right: 10px;}

	#shop #main_container {width: 961px; margin: 0 auto; position: relative;}
	#shop #top_content {margin-top: 25px; height: 69px; margin-bottom: 5px;}
	#shop .product_holder { width: 960px; height: 500px; padding-bottom: 0px; padding-top: 10px; border-top: 1px solid #333; text-align: center;}
	#shop .sale_box {width: 172px; float: left; height: 305px; margin-left: 22px;}
	#shop .left {margin-left: 1px;}

	#membership #main_container, #bookings #main_container, #contact #main_container {width: 980px; margin: 0 auto; position: relative;}
	#membership #top_content, #bookings #top_content, #contact #top_content {height: 69px; margin: 25px 10px 0 10px;} {height: 69px; margin: 25px 10px 0 10px;}
	#membership_mid_holder, #bookings_mid_holder {width: 981px; height: 786px; margin-top: 9px;background-image: url(images/membership_bg.gif); background-position:-1px 0;  }
	#hire_mid_holder {width: 981px; height: 786px; margin-top: 9px;background-image: url(images/events_bg.gif); background-position: 1px 0; background-repeat: no-repeat; }
	
	#hire_text {margin-left: 20px; color: #000; width: 415px; float: left; margin-top: 20px;}
	#hire_tr_holder {float: right; width: 476px; height: 340px; margin-right: 5px; margin-top: 7px;}
	#hire_text p {color: #000;}
	
	#hire #img_holder {width: 917px; height: 312px; margin-left: 7px; margin-top: 22px;}
	
	.img_holder229 {float: left; width: 229px; height: 156px;}

	#contact_mid_holder {width: 980px; height: 786px; margin-top: 9px;background-image: url(images/contact_bg.gif); background-position:-1px 0;}
	
	#contact #column1 {width: 290px; height: 550px; float: left;}
	#contact #column2 {width: 569px; height: 215px; float: right;}
	#contact #column3 {width: 569px; height: 336px; float: right; margin-top: 10px;}
	#contact h3 {float: left;}
	
	#contact #column1 h3, #contact #column2 h3, #contact #column3 h3 {border-bottom: 1px solid #999; padding-bottom: 2px; width: 100%; margin-bottom: 5px;}
	#contact_content h4  {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 1.4em; margin-bottom: 0px; font-weight: bold; margin-top: 10px;}
	#contact_content p {color: #333;}
	
	#membership_content, #bookings_content {margin-top: 180px; margin-left: 50px; width: 590px; height: 440px; color: #333; float: left;}
	#contact_content {margin-top: 184px; margin-left: 50px;width: 892px; height: 560px; float: left;}
	.ml3 {margin-left: 3px;}
	.mr5 {margin-right: -5px;}
	
	.view_map {	position: absolute;	width: 200px; height: 20px; left: 744px; top: 500px; color: #cc0033; font-weight: bold; font-size: 1.2em;}


	
	#membership_content h4, #bookings_content h4 {font-family:Georgia, "Times New Roman", Times, serif; color: #333; font-size: 1.8em; margin-bottom: 20px;}
	#membership_content p, #bookings_content p {color: #333;}
	#membership table, #bookings table {width: 570px; text-transform: uppercase; font-weight: bold;}
	
	#thankyou h3 {text-align: center; margin-top: 30px; font-size: 1.6em;}
	
	input.name {width: 300px;}
	input.tel {width: 130px;}
	input.email {width: 225px;}
	input {color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 11px; height: 20px; padding-top: 5px;}
	input.button {width: 92px; height: 38px; background-image: url(images/button_bg.png); color: #fff; border: 0; padding-bottom: 7px; text-transform: uppercase; dispplay: block; cursor: pointer;}
	input option {height: 25px;}

	#membership td {padding: 4px 0;}
	
	table {width: 270px;}
	td, th, td {color: #333; }
	th {font-size: 1.6em; font-weight: bold; padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc;}
	td {border-bottom: 1px solid #ccc; padding: 4px 10px; font-size: 12px; }
	
	.table_left {float: left;}
	.table_right {float: left; margin-left: 20px;}
	
	#paypal {margin-right: 22px; height: 26px;}
	#shop #paypal {margin-right: 0px; margin-top: -30px; height: 26px;}
	.paypal_text {vertical-align: middle;}

	
	#bottom_holder {
	width: 941px;
	height: 227px;
	margin: 0 auto;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-top: 10px;
	position:relative;
	left: 0px;
}
#bottom_holder a {color: #3399cc; text-decoration: none;}
#bottom_holder a:hover {text-decoration: underline;}
#history #bottom_holder {width: 982px; padding-bottom: 20px; margin-top: 10px;border-top: 1px solid #333; border-bottom: 1px solid #333; margin-left: 17px;}
#events #bottom_holder {width: 980px; padding-bottom: 20px; padding-top: 20px; margin-top: 10px;border-top: 1px solid #333; border-bottom: 1px solid #333; margin-left: 6px; height: 390px;}
#shop #bottom_holder {width: 960px; height: 340px;}

#shop #bottom_right {width: 507px; height: 340px;}

.sale_box {float: left; width: 140px; height: 335px; margin-top: 20px; margin-left: 20px; text-align: center; font-size: 1.2em; line-height: 22px;}
.first {margin-left: 13px;}

#bottom_left {width: 450px; margin-top: 20px; float: left;}
#bottom_right {width: 450px; margin-top: 20px; float: right;}
#bottom_holder h3 {text-align: left;margin-bottom: 10px;}

	 #footer {margin-top: 20px; margin-bottom: 30px; width: 998px; clear: both;}
	 #footer p { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 1.1em; text-align: center;}
	 #footer a {color: #cc0033;}
	 #footer a:hover {text-decoration: underline;}