/*-----------------------------------------------

 	Theme Name: Sa Dance Company Sigle frame layout 1000(px)
	Author: Jacky W. Chen
	Author URI: http://www.jwchen.com/
	Description:  design inspired by dance stage and based on modular grid 
	Version: 0.8

	Credit: 
	CSS Global Reset were base on Eric Meyer's Global Reset 
	
	# Table of Cotent:


-----------------------------------------------*/
 
 
/***** Global Reset *****/
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content:"";
}

blockquote, q {quotes:"" "";}

a img { border:none; }

a { text-decoration: none; }


/***** Common Formatting *****/

html, body {
    height:100%;
	background: #fff;
	background-position: bottom left;
	font:  10pt 'Verdana', Geneva, sans-serif;
}

body {
	min-width:1008px;
    min-height:540px;
}


h1 {
	font:14pt 'Georgia', Times New Roman, Times, serif;
	font-weight: bold;
	color:#585858;
	margin-bottom: 1px;
}

h2 {
	font: 14pt 'Georgia', Times New Roman, Times, serif;
	font-weight:bold;
	color:#383838;
}

h3 {
	font: 10pt 'Helvetica', Arial, sans-serif;
	font-weight:bold;
	color:#383838;
}

h4 {
	font: 12pt 'Georgia', Times New Roman, Times, serif;
	font-weight:bold;
	color:#383838;
}


p {
	font:  10pt 'Verdana', Geneva, sans-serif;
	font-weight:normal;
	color:#333;
	padding: 2px 0px 5px 0px;
}

ul, ol {
	list-style:none;
	padding:0;
}

img {
	border:0;
	margin: 0;
}

/***** Links *****/

a, a:visited {
	font-size: 10pt;
	text-decoration: none;

	color:#3b5998;
}

a:hover {
	font-size: 10pt;
	text-decoration: none;
	color:#000;
}

/***** Container *****/
#container {

	position:absolute;
    top:50%;
	margin-top:-270px;
	left: 0;
	width:100%;

}


#background { 
	width: 1008px;
	height: 565px;
	background: url(../images/bg_box.gif) no-repeat;
	background-position: bottom;
	margin-left:auto;
	margin-right:auto;

}

#content {

	padding: 5px;
}

.stage {
	height:498px;

	position: relative;
}



/*****  Content  *****/

#content a, a:visited {
	font-size: 10pt;
	text-decoration: none;
	color:#3b5998;
}

#content a:hover {
	font-size: 10pt;
	text-decoration: none;
	color:#000;
}
/*****  Primary Pages *****/

.indexpage {


}
.content_flash {

}

#sdc_main  {


}

/***** about Page*****/
.about_bg { 
background: url(../images/bg_about03.jpg) no-repeat; 
background-position: top left; 
}

.about_page {
position: absolute;
top: 23px;
left:515px;
width: 465px;
}
.about_page p{
line-height:11pt;
color: #fff;
}

.about_page h2{
margin: 2px 0 0 0 ;
color: #000;
}

/***** dancer Page*****/

.dancer_bg { 
background: url(../images/bg_dancers01.jpg) no-repeat; 
background-position: top left; 
}
.dancer_page {
position: absolute;
bottom:5px
}

#dancers_bio {
	width: 380px;
	height: 100px;
}

/***** Events Page*****/

.events_bg { 
background: url(../images/bg_events01.jpg) no-repeat; 
background-position: top left; 
}
.events_page {
	position: absolute;
	left: 504px;
	top: 13px;
	height: 440px;
	width:450px;
	background-color: #fbfbfb;
	color: #333;
	padding:15px;
}



/***** Press Page*****/

.press_bg { 
	background: url(../images/bg_press01.jpg) no-repeat; 
	background-position: top right; 
}

.press_page h2 {
	background: url(../images/header_shim.gif) no-repeat;
	background-position: bottom;
}

.press_page b {
	color: #666;
}
.press_page p {
	padding-top: 15px;
}

#press_header {
	margin: 26px 0 0 14px;
}

.pr_cell01 {
	position: absolute;
	left: 14px;
	top: 70px;
	width:281px;
	height:412px;
	float: left;
}

.pr_cell02 {
	position: absolute;
	left: 320px;
	top: 70px;
	width:281px;
	height:412px;
	float: left;
}

.blogpr01 {
	background: url(../images/press_blogpr.jpg) no-repeat;
	background-position: bottom;
}

.nyt09{
	background: url(../images/press_nyt09.jpg) no-repeat;
	background-position: bottom;
}

.premier2010 {
	background: url(../images/press_nypremiere2010.jpg) no-repeat;
	background-position: bottom;
}


#press_archive {
	position: absolute;
	left: 697px;
	top: 70px;
	width:250px;
	height:412px;
}

#press_archive  h2 {
	background: url(../images/header_shim.gif) no-repeat;
	background-position: bottom;
}

#press_archive  li {
	margin-bottom: 10px;
}


/***** Supporters Page*****/

.supporters_bg { 
background: url(../images/bg_supporters.jpg) no-repeat #000; 
background-position: bottom right; 
}

.supporters_text {
width: 550px;
padding:15px;
position: absolute;
top:160px
}

#supporters_logo {
position: absolute;
top:30px;
left: 15px;
}

#supporters_logo ul{
padding-bottom:20px;
}

#supporters_logo li{
display:inline;
padding-right:20px;
}

/***** Contact Page*****/

.contact_bg { 
background: url(../images/bg_contact01.jpg) no-repeat #000; 
background-position: top left; 
}

.contact_page {
position: absolute;
left:500px;
width: 460px;
top: 5px;
}

.contact_text {
top: 5px;
margin:0 0 10px 5px;
}


/***** Credits page*****/

.credits_bg { 
background: url(../images/bg_credits.jpg) no-repeat; 
background-position: top left; 
}
.credits_page {
height: 440px;
width:447px; 
margin: 0px 0 0 14px;
padding: 15px;
}

.credits_page  h2{
margin-top: 250px;
}

/***** Gallery Page*****/

.gallery_bg { 
background: url(../images/bg_gallery01.jpg) no-repeat; 
background-position: top left; 
}

.gallery_select {
padding:10px 0px 4px 0px;
margin-left: 10px;
border-bottom: 1px solid #888;

height: 75px;
width: 350px;
}

.gallery_select img {
width:80px;
margin-top:3px;
padding: 0;
background-color: #000;
float: left;
}

.gallery_discrb {
padding-left: 90px;
}

.gallery_discrb a, a:visited {
color: #000;
}
.gallery_discrb a:hover {
color: #444b4f;
}

.gallery_discrb  p, i  {
color: #000;
font-size:  8pt;
}

#gallery_navigation {
height: 20px;
margin-top:15px;
}

#gallery_navigation a {
padding: 6px 12px 6px 12px;
background-color: #222;
font-weight: bold;
color: #ddd;
}

#gallery_navigation a:hover {
background-color: #555;
font-weight: bold;
color: #fff;
}


#gal_next {
margin-left:10px;
margin-right:10px;
}
#gal_last {
margin-left:10px;
margin-right:10px;
}

/**gallery subpages**/

.gallery_fuction {
position: absolute;
top:1px
}
.gallery_fuction h4{
margin-bottom:4px;
}

.aac01_bg { 
background: url(../images/bg_gallery_aac01.jpg) no-repeat; 
background-position: top left; 
}

.aac02_bg { 
background: url(../images/bg_gallery_aac02.jpg) no-repeat; 
background-position: top left; 
}

.aac03_bg { 
background: url(../images/bg_gallery_aac03.jpg) no-repeat; 
background-position: top left; 
}

.nypremiere_bg{
background: url(../images/bg_gallery_nypremiere01.jpg) no-repeat; 
background-position: top left; 
}

.ali01_bg { 
background: url(../images/bg_gallery_ali01.jpg) no-repeat; 
background-position: top left; 
}

.carlton01_bg { 
background: url(../images/bg_gallery_carlton01.jpg) no-repeat; 
background-position: top left; 
}

.carlton02_bg { 
background: url(../images/bg_gallery_carlton02.jpg) no-repeat; 
background-position: top left; 
}

.carlton03_bg { 
background: url(../images/bg_gallery_carlton03.jpg) no-repeat; 
background-position: top left; 
}

.iaac01_bg { 
background: url(../images/bg_gallery_iaac01.jpg) no-repeat; 
background-position: top left; 
}

.nanubhai01_bg { 
background: url(../images/bg_gallery_nanubhai.jpg) no-repeat; 
background-position: top left; 
}

.miaac_bg { 
background: url(../images/bg_gallery_miaac.jpg) no-repeat; 
background-position: top left; 
}

#frams_a  {
position: absolute;
left: 240px;
bottom: 7px;

width: 540px;
height: 68px;
float: left;
}

#frams_b  {
position: absolute;
left: 295px;
bottom: 7px;

width: 420px;
height: 68px;
float: left;
}

#frams_c  {
position: absolute;
left: 150px;
bottom: 5px;

width: 740px;
height: 35px;
float: left;
}

#frams_d  {
position: absolute;
right: 0px;
top: 25px;

width: 300px;
height: 150px;
float: left;
}

#frams_e  {
position: absolute;
right: 0px;
bottom: 0px;

width: 400px;
height: 70px;
float: left;
}

#frams_f  {
position: absolute;
left: 30px;
bottom: 17px;

width: 300px;
height: 70px;
float: left;
}

/***** ticket page *****/
.ticket_bg { 
background: url(../images/bg_ticketpage10.jpg) no-repeat; 
background-position: top left; 
}


.ticket_page {
position: absolute;
top: 100px;
left: 18px;
width: 365px;
}


/***** sitemap *****/

#site_dancers{
position: absolute;
left: 320px;
top: 70px;
width:281px;
height:412px;
float: left;
}

/***** Buttons *****/

#founders {
margin-top:5px;
}
#button_p_kadakia {
	float:left;
	margin-right:10px;
}


.backbutton {
width:250px;
height: 16px;
background: url(../images/button_back02.gif) no-repeat;
background-position: top right;
display: block;

}
.backbutton span {
 display: none;
}
.backbutton:hover{
background-position: bottom right;
}

/***article 09***/


#sitemap_header {
margin: 26px 0 0 14px;
}

#site_prime {
position: absolute;
left: 14px;
top: 70px;
width:281px;
height:412px;
float: left;
}

#sitemap_article ul{
padding-top: 5px;
}

#sitemap_article li{
padding-bottom: 5px;
}

#site_gallery {
position: absolute;
left: 697px;
top: 70px;
width:250px;
height:412px;
}

.credits { 
	background: url(../images/bg_credits.jpg) no-repeat;
	background-position: top right;
}

#credits_main  a:hover{
color: #fff;
}


.gallery {
height: 490px;
width:998px;

}
#lastpage{
position: absolute;
left: 0px;
bottom: 18px;
}
#nextpage{
position: absolute;
left: 907px;
bottom: 18px;
}

#lastpageb{
position: absolute;
right: 230px;
top: 190px;
}
#nextpageb{
position: absolute;
right: 1px;
top: 190px;
}

.gallery  li{
display: inline;
margin:0px;
}


/***** Navigation *****/

#navigation {
	width: 1006px;
	height: 32px;
	background: #fff ;
	background-repeat: no-repeat; 
	background-position: top left;
		margin-bottom: 3px;
		
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 880px;
	height: 32px;
	position: relative;
}

#menu a {
	display: block;
	text-indent: -9000px;
	position: absolute;
	outline: none;
}
#menu li {
float: left;

	}
#menu a:hover {
	background-position: left bottom;
}

#menu .sdc_logo {
	width: 167px;
	height: 26px;
	background: url(../images/sdc_logo01.gif) no-repeat;
	left: 18px;
	bottom: 1px;
}

#menu .about{
	width: 47px;
	height: 20px;
	background: url(../images/nav_about01.gif) no-repeat;
	left: 424px;
	bottom: 1px;
}

#menu .dancer {
	width: 60px;
	height: 20px;
	background: url(../images/nav_dancers01.gif) no-repeat;
	left: 501px;
	bottom: 1px;
}

#menu .events {
	width: 47px;
	height: 20px;
	background: url(../images/nav_events01.gif) no-repeat;
	left: 591px;
	bottom: 1px;
}

#menu .gallery {
	width: 54px;
	height: 20px;
	background: url(../images/nav_gallery01.gif) no-repeat;
	left: 668px;
	bottom: 1px;
}

#menu .press {
	width: 35px;
	height: 20px;
	background: url(../images/nav_press01.gif) no-repeat;
	left: 752px;
	bottom: 1px;
}

#menu .supporters {
	width: 78px;
	height: 20px;
	background: url(../images/nav_supporters01.gif) no-repeat;
	left: 817px;
	bottom: 1px;
}


#menu .contact {
	width: 63px;
	height: 20px;
	background: url(../images/nav_contact01.gif) no-repeat;
	left: 925px;
	bottom: 1px;
}

/***** Footer *****/

#footer {
height:16px;
width:1006px;
background-color:#fff;
	margin:0;
	padding:0;
}

#footer_left {

	width:664px;
	height:16px;
	margin:4px 0;
	padding-left:17px;
	float:left;
}
#footer_left li{
	vertical-align:top;
	display: inline;
	margin:0 5px 0 0;
	padding:0;
}

#footer_left, li, a, a:visited{
	color: #999;
	font-size: 8pt;
}

#footer_left a:hover{
	color: #333;
	font-size: 8pt;
}

#copyright {
margin-left: 17px;	
}

.social {
	background-color:#fff;
	margin:2px 0;
	padding:0;
	height:16px;
	width: 110px;

	float:left;
}

.social img {
	border: none;
}

.social li{
	display: inline;
	margin-right:7px;
	padding:0;
}

#newsletter_main {
float:right;
width:210px;
height:15px;
padding:0px;
}

#newsletter_main, form {
width:200px;
padding:0px;
margin: 0px;
border: none;
margin-right:7px;
}

#nl_text{
margin-top: 0px;
margin-right:4px;
padding:0px;
width:150px;
height:15px;

font-size: 8pt;
color: #373734;
background-color: #bdc3c8;
border: none;

}

#nl_button {
margin:0px;
padding:0px;
height:15px;

font-size: 8pt;
color: #373734;
background-color: #bdc3c8;
border: none;
}