html {	font-family: Arial, Verdana, Helvetica, sans-serif, Times, serif; }
body { text-align:justify; font-size:100%; width:100%; height:100%; background:#2D2D2D; color:#FFF; }
h1 { font-weight:bolder; font-size:1.3em; }
h2 { font-size: 1.15em; margin:1em 0 0.2em 0; }
h3 { font-weight:bold; }
h3, p, li, label, dt, dd { font-size:10pt; margin:0.4em 0; line-height:1.3em; }

p	{ text-align:justify; margin-bottom:1em; }

a { text-decoration: none; color:#FF9800; font-weight:bold; }
a:hover { text-decoration:none; color:#009FC5; }

input, select, textarea {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif; font-size:1em;	
}


/* LAYOUT BLOCKS */

#site_head_border	{ width:100%; clear:both; background:#000 url(../images/header_back.gif) 0 30px repeat-x; height:146px; }
#site_body_border { text-align:justify; width:100%; min-width:800px; clear:both; background:#000 url(../images/dancefloor.jpg) 50% 199px no-repeat fixed; position:relative; bottom:14px; padding-top:5px; padding-bottom:11.5em; }
#site_footer_border	{ width:100%; position:fixed; bottom:0; left:0; padding-top:3px; background:#2D2D2D url(../images/footer_back.gif) 0 3px repeat-x; clear:both; }

#site_body_border.home	{ background:#000 url(../images/dancefloor_anim2.gif) 50% 190px no-repeat fixed; }

#site_head {
	width:800px; margin:0 auto; padding-top:20px;
}

#site_body {
	width:800px; margin:0 auto;
	clear:both;
}

#site_footer	{
	width:800px; margin:0 auto;
	float:none; clear:both;
}



/* HEADER */

#logo	{ float:left; width:98px; height:91px; margin-left:20px; }
h1#tagline	{ display:block; float:left; clear:none; width:602px; height:110px; text-indent:-1000em; background:url(../images/makers_of_dance_energy.gif) 0 0 no-repeat; position:relative; z-index:10; }

#site_head ul#main_nav	{ width:100%; height:25px; margin:0 0 -11px 30px; padding:0; clear:left; position:relative; bottom:11px; z-index:0; }
ul#main_nav li	{ float:left; display:block; }
ul#main_nav li a	{ display:block; height:18px; color:#000; font-weight:bold; font-size:110%; font-style:normal; padding:2px 0 0 0; }
ul#main_nav li a:hover	{ color:#FF9800; }

ul#main_nav li a#home	{ width:65px; }
ul#main_nav li a#about	{ width:65px; }
ul#main_nav li a#styles	{ width:65px; }
ul#main_nav li a#classes	{ width:75px; }
ul#main_nav li a#venues	{ width:70px; }
ul#main_nav li a#summer	{ width:128px; }
ul#main_nav li a#members	{ width:80px; }
ul#main_nav li a#enrol	{ width:70px; }



/* MAIN */

#site_body #main_content	{ color:#FFF; padding:10px; }

#site_body #main_content h2	{ color:#009FC5; letter-spacing:0.05em; font-weight:bold; font-size:120%; }
#site_body #main_content ul	{ margin-bottom:1.5em; }

ul#secondary_nav	{ clear:both; width:100%; margin-top:0em; }
ul#secondary_nav li	{ float:left; display:block; }
ul#secondary_nav li a	{ display:block; width:265px; height:88px; }

ul#secondary_nav li a#get_in_touch	{ background:url(../images/get_in_touch_button.png) 0 0 no-repeat; text-indent:-1000em; }
ul#secondary_nav li a#latest_news	{ background:url(../images/news_button.png) 0 0 no-repeat; text-indent:-1000em; }
ul#secondary_nav li a#watch_video	{ background:url(../images/watch_video_button.png) 0 0 no-repeat; text-indent:-1000em; }

#site_body.home #left_banner	{ display:block; width:157px; height:287px; margin-left:50px; float:left; background:url(../images/street_dancer.png) 0 0 no-repeat }
#site_body.home #main_content	{ display:block; width:355px; margin:0 auto 0px auto; }
#site_body.home #right_banner	{ display:block; width:157px; height:287px; margin-right:30px; float:right; background:url(../images/jazz_dancer.png) 0 0 no-repeat}


ul.bulleted li	{ background:url(../images/bullet.gif) 0 50% no-repeat; padding-left:20px; }
ul.horizontal li	{ display:block; float:left; margin-right:2em; }
ol.numbered li { list-style-type:decimal; }
ol.lettered li { list-style-type:lower-alpha; }
ol.numbered { font-size:0.9em; margin-left:18px; }
ol.lettered { font-size:1.2em; margin-left:18px; }

ul.bulleted li.has_sub_list { background-position:0 6px; }
ul.sub_list { margin-bottom:5px; }



#site_body #main_content .seperator	{ clear:both; margin-bottom:2em; }
#site_body #main_content .seperator img.pic	{   }
#site_body #main_content .seperator img.portrait	{ width:200px; }

#site_body #main_content .seperator.left_img img.pic { float:left; border:2px solid #ff9800; padding:2px; }
#site_body #main_content .seperator.left_img	p,
#site_body #main_content .seperator.left_img	form,
#site_body #main_content .seperator.left_img	ul,
#site_body #main_content .seperator.left_img	h1,
#site_body #main_content .seperator.left_img	h2,
#site_body #main_content .seperator.left_img	h3	{ width:500px; margin-left:230px; }

#site_body #main_content .seperator.right_img img.pic	{ float:right; border:2px solid #ff9800; padding:2px; }
#site_body #main_content .seperator.right_img	p,
#site_body #main_content .seperator.right_img	form,
#site_body #main_content .seperator.right_img	ul,
#site_body #main_content .seperator.right_img	h1,
#site_body #main_content .seperator.right_img	h2,
#site_body #main_content .seperator.right_img	h3	{ width:538px; margin-right:230px; }

.inner_content { margin-left:188px; }


/* FOOTER */

#site_footer ul.nav	{ clear:both; padding:10px 0; margin-left:0px; }
#site_footer ul.nav li	{ float:left; }
#site_footer ul.nav li a	{ display:block; font-size:90%; font-style:normal; margin:0 1.5em 2em 0; }
.made_by { float:right; font-size:70%; }
#site_footer ul.nav li a.netbop_link { font-style:normal; display:inline; }


/* COLORED BULLETS */

.class_nav_bullet { display:block; float:left; margin-right:10px; height:12px; width:12px; border:1px solid #ffffff; }
.tt_bullet { display:block; float:left; height:12px; width:12px; border:1px solid #ffffff; margin-right:5px; }
.fees_bullet { display:block; float:left; height:12px; width:12px; border:1px solid #ffffff; margin-right:20px; margin-top:2px; }
.vcentered_bullet { margin-top:6px; }
#mini_mode_bullet { background-color:#FF9800; }
#junior_bullet { background-color:#FFFC25; }
#pre_inter_bullet { background-color:#F61717; }
#intermediate_bullet { background-color:#009FC5; }
#senior_bullet { background-color:#2323F7; }
#advanced_bullet { background-color:#000000; }


/* ABOUT US PAGE */

#site_body.about #main_content	{  width:768px; padding:10px 2% 10px 2%;  }
#site_body.about	{ background:url(../images/back3_double_main.jpg) 50% 150px no-repeat fixed; }

/* CLASSES AND MEMBERS NAVIGATIONS */

.class_nav_div, .members_nav_div { float:left; margin-right:20px; margin-bottom:30px; }
.members_nav_div ul { margin-bottom:0px;}
.class_nav, .class_nav_selected, .members_nav, .members_nav_selected { color:#FFF; background:none; display:block; width:150px; height:22px; border:1px solid #ffffff; text-align:right; padding-top:8px; padding-left:8px; padding-right:8px; }
.class_nav_selected, .members_nav_selected { background-color:#ffffff; color:#000000; }
.class_nav:hover, .class_nav_selected:hover, .members_nav:hover, .members_nav_selected:hover { color:#FF9800; background:#FFF; }

#site_body #main_content ul.members_products_nav { margin-bottom:0px; }
#site_body #main_content ul.members_products_nav li { text-align:right; margin-right:8px; }

a.timetable_link { float:right; }

.class_panel	{ display;block; float:right; width:250px; margin:0 20px; }
.class_panel img.class_pic	{ display;block; width:250px; border:2px solid #FF9800; padding:2px; }

.class_panel a.view_map, .class_panel a.view_timetable,
.venues_list a.view_map
{ display:block; width:45px; height:60px; padding:5px 0 0 45px; margin:1em 0 0 0; float:left; font-size:75%; }

.venues_list a.view_map	{ font-size:85%; margin-top:0; }

.class_panel a.view_map, .venues_list a.view_map
{ background:url(../images/view_map.png) 0 0 no-repeat; }

.class_panel a.view_timetable
{ background:url(../images/view_timetable.png) 0 0 no-repeat; }

img.narrow_right, img.narrow_left { float:right; width:200px; border:2px solid #ff9800; padding:2px; margin-left:20px; }
img.narrow_left { float:left; margin-right:20px; margin-left:0px; }


.seperator.classes	p	{ width:300px; margin-left:190px; }

/* FORM PAGES */
#site_body #main_content .seperator .contact_details, .contact_form	{ float:left; width:300px }

#site_body #main_content .seperator .contact_details h2, #site_body #main_content .seperator .contact_form h2	{ width:100%; margin:0 0 1em 0; }
#site_body #main_content .seperator .contact_details p, #site_body #main_content .seperator .contact_form p	{ width:100%; }
#site_body #main_content .seperator .contact_details h2	{ margin:0 0 1em 0; }

.mode_form dl dt { margin-bottom:-2px; }
.mode_form dl dd { margin-top:-18px; margin-left:120px; }
.mode_form dl dd input, .mode_form dl dd textarea, .mode_form dl dd select { width:200px; border:1px solid #009FC5; }
.mode_form dl dd input.dob { width:36px; }
.mode_form dl dd select { width:204px; }
.mode_form dl dd textarea { width:200px; }
.mode_form dl dd input.form_button { width:100px; cursor:pointer; font-weight:bold; background:#009FC5; color:#FFF }
.mode_form dl dd input.form_button:hover, .mode_form dl dd input.form_button:focus	{ background:#FFF; color:#009FC5 }


/* TIMETABLE PAGE */

table { font-size:0.8em; margin-top:20px; }
td { width:97px; height:30px; padding:3px; }
.tt_title { font-weight:bold; border:1px solid #AAA; text-align:left; }
.tt_day { width:41px; }
.bordered { border:1px solid #aaa; }



/* TERM FOCUS PAGES */

.bold_name { font-weight:bold; }



/* Venue PAGES */

.venue_address { font-size:0.8em; }
.new_venue { font-weight: bold; }

#site_body #main_content dl.venues_list dt	{ font-weight:bold; float:left; clear:both; width:8em; margin-bottom:1em; }
#site_body #main_content dl.venues_list dd	{ float:left; text-align:left; width:350px; margin-right:20px; }

#site_body #main_content dl.venues_list dd.link	{ margin:0 0 1em 0; float:left; width:50px; clear:none; }

#site_body #main_content dl.fees_list dt	{ width:120px; }
#site_body #main_content dl.fees_list dd	{ font-weight:bold; margin-top:-21px; margin-left:150px; text-align:left; }


/* GALLERY PAGES */

a .gallery_thumb { width:130px; margin:6px; padding:3px; border:1px solid #FFFFFF; vertical-align:middle; }
a:hover .gallery_thumb	{ border:1px solid #FF9800; }
.gallery_img { width:755px; padding:3px; border:1px solid #FFFFFF; }


/* TERM FOCUS */

.focus_banner { display:block; border:3px solid #FF9800; width:558px; height:50px; padding:8px; text-align:right; color:#009FC5; margin-bottom:30px; }
.focus_banner:hover { background-color:#fff; }
.focus_is, .focus_topic { font-weight:bold; }
.focus_is { font-style:italic; margin-right:420px; }
.focus_topic { font-size:30pt; line-height:45px; text-align:right; }


/* UTILITY CLASSES */

.split	{ clear:both; }



/* FAQ's */

ul.bulleted li a	{ color:#009FC5; }
ul.bulleted li a:hover	{ color:#FF9800; }


/* PRODUCTS PAGE */

#site_body #main_content .inner_content .product_group { margin-bottom:40px; }
#site_body #main_content .inner_content .product_group h2 { color:#FF9800; margin-bottom:20px; }
#site_body #main_content .inner_content .product_group a { margin:0px; height:0px; width:0px; padding:0px; border:0px; float:left; }
#site_body #main_content .inner_content .product_group a.top_link { float:none; font-size:11pt; }
#site_body #main_content .inner_content .product_group .product { overflow_hidden; margin-bottom:30px; position:relative; }
#site_body #main_content .inner_content .product_group .product img { float:left; padding:3px; margin-right:10px; border:2px solid #009FC5; height:200px; width:200px; }
#site_body #main_content .inner_content .product_group .product dl { float:left; }
#site_body #main_content .inner_content .product_group .product dl dt { font-weight:bold; margin-bottom:5px; }
#site_body #main_content .inner_content .product_group .product dl dd { margin-top:-1.7em; width:170px; margin-left:100px; }
#site_body #main_content .inner_content .product_group .product h2 { color:#009FC5; font-size:10pt; margin-top:-5px; display:inline; padding-top:15px; margin-bottom:10px; padding-right:35px; position:relative;  }
#site_body #main_content .inner_content .product_group .product dl dt a.order { color:#FFF; display:block; padding:5px 3px 3px; width:112px; height:15px; text-align:center; border:1px solid #009FC5; background-color:#009FC5; margin-top:10px; }
#site_body #main_content .inner_content .product_group .product dl dt a.order:hover { color:#009FC5; background-color:#FFF; }
#site_body #main_content .inner_content .product_group .product dl dt a.size_chart { width:auto; margin:16px 0 0 30px; cursor:pointer; }
#site_body #main_content .inner_content .product_group .product ul { overflow:hidden; padding-top:10px; position:absolute; right:0px; }
#site_body #main_content .inner_content .product_group .product ul li { text-align:right; }
#site_body #main_content .inner_content .product_group .product ul li.price { font-size:28pt; font-weight:bold; color:#009FC5; margin-bottom:0px; }
#site_body #main_content .inner_content .product_group .product ul li.price_size { margin-top:-10px; margin-bottom:-3px; font-size:8pt; font-weight:bold; }

h2.new_product	{ background:url(../images/new_product.gif) right bottom no-repeat; }



/* UPDATES PAGE */

h2.shopping, h2.news, h2.warning, h2.shopping	{ padding-left:40px; min-height:35px; padding-top:5px; }
h2.news	{ background:url(../images/news_icon.gif) 0 -3px no-repeat; }
h2.warning	{ background:url(../images/warning_icon.gif) 0 -3px no-repeat; }
h2.shopping	{ background:url(../images/trolley_icon.gif) 0 0 no-repeat; }



#dancefloor	{ overflow:hidden; position:absolute; left:0; z-index:-10; }
#dancefloor embed	{ margin-left:-50%; }