/* ============================ common ============================== */

body { 
	color: #fff; background: #c80000;
	font: normal 69% Verdana, Tahoma, Arial, sans-serif;
}

a:link, a:visited { color: #eb1b1b; }
a:link:hover, a:visited:hover{ text-decoration: underline; }

img { display: block; }
a img { border: none; }

h2{ color: #fff; font-weight: bold; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; display: block; height: 1%; }

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 85.09em; min-width: 936px; max-width: 98%;
	margin: 0 auto; padding: 0 1% 3em 1%;
	background: #000;
}

#header{
	height: 150px;
	background: url(../img/bg-header.gif) no-repeat 100% 0;
}

#content{ 
	position: relative;float: left;
	width: 78%; min-height: 450px; heigth: auto;
	padding: 0 0 0 1%;
	line-height: 1.5em;
}
#content-home{ 
	float: left;
	width: 100%; min-height: 450px; heigth: auto;
	line-height: 1.5em;
	border-bottom: 1px solid #3f3f3f;
}
#about-us #content{
	min-height: 720px;
	background: url(../img/bg-about-us.jpg) no-repeat 100% 100%;
	border-bottom: 1px solid #3f3f3f;
}

#side-bar{ 
	float: right;
	width: 20%;
	line-height: 1.5em;
}

#footer{ 
	clear: both;
	height: 162px;
	padding: 2em 0 0 0;
	background: #000;
}
.border{
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 2em 0 0 0;
	border-top: 1px solid #3f3f3f;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header a{ 
	display: block;
	width: 164px;
}
#header a img{ padding: 56px 0 0 10px; }

/* ========================== header end ============================ */

/* ============================ content ============================= */

#nav{ 
	height: 3em;
	margin: 0 0 2em 0;
}
#nav li{
	float: left;
	width: 20%;
	background: url(../img/bg-nav-li.gif) no-repeat 0 0;
}
#nav.home li{ width: 20%; }
#nav li a{
	display: block;
	padding: 0.5em 34px;
	color: #929292; background: url(../img/bg-nav-li-a.gif) no-repeat 100% 0;
	font-weight: bold;
	text-align: center; text-decoration: none;
}
#nav li.current a,
#nav li a:hover,
#nav li a:active, 
#nav li a:focus{ color: #fff; }

#flash{
	width: 825px; height: 360px;
	margin: 0 auto;
}

#content h2{
	font-weight: bold;
	margin: 0 0 1em 0;
}
#content p,
#content ul{ 
	margin: 0 0 1em 0;
	color: #b1b1b1;
}
#about-us #content h2,
#about-us #content p{ padding-right: 350px; }

#programs-list li.program{
	clear: both;
	padding: 15px 0;
	border-bottom: 1px solid #3f3f3f;
}
#programs-list li.program h2{
	padding-left: 359px;
	font-weight: bold;
}
#programs-list li.program img{
	float: left;
	margin: -2.3em 15px 15px 0;
}
#programs-list li.right h2{ padding: 0; }
#programs-list li.right img{ 
	float: right;
	margin: -2.3em 0 15px 15px;
}

#dancers-list li.program{
	clear: both;
	padding: 15px 0;
	border-bottom: 1px solid #3f3f3f;
}
#dancers-list li.program h2{
	padding-left: 223px;
	font-weight: bold;
}
#dancers-list li.program img{
	float: left;
	margin: -2.3em 15px 15px 0;
}
#dancers-list li.right h2{ padding: 0; }
#dancers-list li.right img{ 
	float: right;
	margin: -2.3em 0 15px 15px;
}

#news2-list li.program{
	clear: both;
	padding: 15px 0;
	border-bottom: 1px solid #3f3f3f;
}
#news2-list li.program h2{
	padding-left: 393px;
	font-weight: bold;
}
#news2-list li.program img{
	float: left;
	margin: -2.3em 15px 15px 0;
}
#news2-list li.right h2{ padding: 0; }
#news2-list li.right img{ 
	float: right;
	margin: -2.3em 0 15px 15px;
}

#testimonials-list li.program{
	clear: both;
	padding: 15px 0;
	border-bottom: 1px solid #3f3f3f;
}
#testimonials-list li.program h2{
	padding-left: 170px;
	font-weight: bold;
}
#testimonials-list li.program img{
	float: left;
	margin: -2.3em 15px 15px 0;
}
#testimonials-list li.right h2{ padding: 0; }
#testimonials-list li.right img{ 
	float: right;
	margin: -2.3em 0 15px 15px;
}

.post img{
	float: left;
	margin: 0 15px 15px 0;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h2{
	margin: 0 0 2em 0; padding: 0.5em 34px;
	color: #929292; background: url(../img/bg-nav-li-a.gif) no-repeat 100% 0;
	font-weight: bold;
	text-align: center;
}
#news-list li{
	padding: 15px 0;
	text-align: center;
	border-bottom: 1px solid #3f3f3f;
}
#news-list li img{ margin: 0 auto 15px auto; }
#news-list li a{
	display: block;
	color: #fff;
	font-weight: bold; text-decoration: none;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

.box{
	float: left;
	width: 33%;
	margin: 0 0 1em 0;
}
.box h2{ 
	margin: 0 0 1em 0;
	font-weight: bold;
}
.box a{ color: #fff; text-decoration: none; }


.copyright{
	clear: both;
	margin: 2em 0 0 0;
	color: #555;
}

/* =========================== footer end =========================== */