/* shw_global.css (c)2008 SugarHill Works LLC - http://www.sugarhillworks.com */

* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: none;
	outline: none;
}


a { color: #6633FF; cursor: pointer; }
a:hover { color: #9999FF; } 
a:visited { color: #6633FF; }
a:active { color: #9999FF; }
a[href="#"] { cursor: pointer; }

body {
	color: #9999FF;
	font-family: verdana, arial, sans-serif; 
	font-size: small;
	background-color: #000033;
}


/* --------- splash page ony --------- */
body#splash {
	background: #000 url(img/SHIR_splash.jpg) center top no-repeat;
}

#splash #ceibw {
	margin: 0px auto;
	background: none;
	position: relative;
	width: 935px; 
	height: 570px;
	font-size: 95%;
	overflow: hidden;
}

#logo {
	position: absolute;
	top: 240px;
	left: 400px;
	width: 200px;
	height: 110px;
}

#DTC {
	position: absolute;
	top: 380px;
	left: 350px;
	width: 300px;
	height: 40px;
}

#enter {
	position: absolute;
	top: 450px;
	left: 450px;
	width: 100px;
	height: 14px;
}
/* ----------------------------------- */

/* ---------------- main container ---------------- */

#ceibw { 
	background-color: #000033;
	position: relative;
	margin: 30px auto 0px auto;
	width: 985px; 
	height: 570px;
	font-size: 95%;
	overflow: hidden;
	z-index: 100;
}
#video #ceibw {
	overflow: auto;
}
/* ----------------- name & menu info ------------------- */
#hdr { 
	position: absolute;
	top: 0px;
	left: 25px;
	width: 200px;
	height: 120px;
	z-index: 500;
}
#hdr img {
	margin: 0px 0px;
}
#hdr a:hover { cursor: default; }
/* ------ main menu links ------ */
#menu { 
	position: absolute;
	top: 140px;
	left: -50px;
	margin: 0px;
	width: 275px;
	height: 410px;
	text-align: right;
	font-family: Adobe Garamond Pro, Garamond Premier Pro, verdana, arial, sans-serif; 
	font-size: 115%;
	overflow: hidden;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}
#menu ul { 
	list-style: none;
}
#menu li { 
	margin: 0px 0px 0px auto;
	padding: 0px 3px;
	height: 44px;
	overflow: visible;
}
#menu li a { 
	float: right;
	padding: 14px 0px 0px 10px;
}
#menu li img {
	position: relative;
	float: right;
	visibility: hidden;
}
#menu li #pro, #menu li #eve, #menu li #per {
	padding-top: 5px;
}

#menu a { color: #6633FF; cursor: pointer; }
#menu a:hover { color: #9999FF; } 
#menu a:visited { color: #6633FF; }
#menu a:active { color: #9999FF; }
#menu a[href="#"] { cursor: pointer; }
#menu li.mHom a:hover,
#menu li.mPro a:hover,
#menu li.mCos a:hover,
#menu li.mEve a:hover,
#menu li.mVid a:hover,
#menu li.mPer a:hover,
#menu li.mCon a:hover {
	color: #9999FF;
}
/* highlights active page */
#home #menu li.mHom a { color: #9999FF; }
#home #menu li img#hom { visibility: visible; }
#profile #menu li.mPro a { color: #9999FF; }
#profile #menu li img#pro { visibility: visible; }
#costumes #menu li.mCos a { color: #9999FF; }
#costumes #menu li img#cos { visibility: visible; }
#events #menu li.mEve a { color: #9999FF; }
#events #menu li img#eve { visibility: visible; }
#video #menu li.mVid a { color: #9999FF; }
#video #menu li img#vid { visibility: visible; }
#performances #menu li.mPer a { color: #9999FF; }
#performances #menu li img#per { visibility: visible; }
#contact #menu li.mCon a { color: #9999FF; }
#contact #menu li img#con { visibility: visible; }


/* ---------------- main text goes here ------------------- */
#main_text { 
	/*background-color: #000033;*/
	position: absolute;
	top: 110px;
	left: 245px;
	width: 400px;
	height: 440px;
	/*font-size: 110%;*/
	overflow: visible;
	z-index: 500;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}

#main_text p {
	position: relative;
	/*left: 20px;*/
	margin: 10px 20px;
	width: auto;
	text-align: left;
	line-height: 1.3em;
	overflow: visible;
	z-index: 550;
}

#main_text h4 {
	margin: 8px 0px;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 110%;
	z-index: 560;
}

#main_text ul {
	list-style: circle;
	margin: 10px 20px;
}

.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

#profile #main_text {
/*	position: relative;
	top: 9px;
	height: 540px;
*/}

#performances #main_text { 
	position: relative;
	top: 9px;
	width: 535px;
	height: 542px;
}
#performances #main_text h4{
	position: relative;
	margin: 8px 0px 8px 20px;
	text-align: left;
	font-size: 125%;
	font-weight: bolder;
}
#performances #main_text ul {
	margin: 15px 20px 10px 30px;
	position: relative;
}
#performances #main_text ul li {
	margin-bottom: 8px;
}

#contact #main_text {
	top: 90px;
	left: 250px;
	width: 320px;
	height: 440px;
	font-weight: bolder;
}
#contact #main_text p {
	width: 230px;
	margin: 50px 30px 10px 50px;
	font-size: 120%;
	line-height: 1.4em;
}
#contact #main_text h4 {
	margin: 5px 40px 10px 50px;
	width: auto;
	text-align: right;
	font-size: 90%;
	letter-spacing: 2px;
	font-weight: bolder;
}
#contact #main_text h3 {
	margin: 60px 0px 0px 50px;
	letter-spacing: 1px;
	font-size: 130%;
	font-weight: bolder;
}


/* ---------------- info image cutouts ----------------- */
#infoImg {
	position: absolute;
	top: /*70px*/90px;
	right: 10px;
	width: 340px;
	height: 485px;
	z-index: 300;
}
#contact #infoImg {
	top: 90px;
	width: 400px;
	height: 440px;
/*	border-top: #000 dashed 2px;
	border-right: #000 dashed 2px;
	border-bottom: #000 dashed 2px;
	border-left: #000 dashed 0px;
*/}
#contact #infoImg img {
	margin: 54px 0px 0px 0px;
}
#profile #infoImg {
	top: 70px;
}
#performances #infoImg {
	width: 200px;
}


/* --------------- homepage description --------------- */
#home #text { background:none;
	position: absolute;
	top: 0px;
	left: 253px;/*253px;*/
	width: 625px; /*675px;*/
	height: 220px;/*89px;*/
}
#home #text p {
	margin: 0;
	width: auto; 
	text-align: left;
/*	font-size: 115%;
	font-variant: small-caps;
*/
	font-size: 36px;
	font-family: "Adobe Garamond Pro", "Garamond Premier Pro", Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	line-height: 56px;
	color: #CC3300;
}
* html #home #text p {
	font-size: 100%;
}
.fancyTxt {
	font-family: "Adobe Garamond Pro", "Garamond Premier Pro", Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 125%;
}

/* ------------------ gallery/photo pages & homepage -------------------- */
#ss_div {
	position: absolute;
	top: 9px;
	left: 264px;
	width: 677px;
	height: 452px;
}
#ss_p {
	position: relative;
	margin: 0px auto;
	width: auto;
	height: 100%;
	text-align: center;
}
#home_ss_div { /*background:#006600;*/
	position: absolute;
	bottom: 100px;
	left: 573px;
	width: 343px;
	height: 231px;
}
#home_ss_p {/* background:#990000;*/
	position: absolute;
	top: 1px;
	left: 1px;
	width: 341px;
	height: 229px;
}


#ss_p img {
	position: absolute;
	border: #000 solid 1px;
	visibility: visible;
}
#home #ss_div #ss_p img {
	border: none;
}

#main_nav {
	position: absolute;
	top: 468px;
	left: 275px;
	width: 660px;
	height: 25px;
	font-size: 100%;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
	overflow: hidden;
}
#main_nav #title_cntr { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 25px;
	letter-spacing: 1px;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}
#main_nav #title_cntr #cTitle { 
	position: absolute;
	top: 0px;
	letter-spacing: 1px;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}
#main_nav #title_cntr #nTitle {
	position: absolute;
	top: 0px;
	letter-spacing: 1px;
	opacity: 0;
	-moz-opacity: 0;
	filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}
#main_nav #nav_nums {
	position: absolute;
	right: 0px;
	width: 90px;
	text-align: center;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
	z-index: 100;
}
#main_nav #navArwL_div { 
	position: absolute;
	top: 1px;
	right: 76px;
	width: 14px;
	z-index: 200;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}
#main_nav #navArwR_div {
	position: absolute;
	top: 1px;
	right: 0px;
	width: 14px;
	z-index: 200;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}


#thmsNav_div { 
	position: absolute;
	top: 500px;
	left: 273px;
	width: 650px;
	height: 52px;
}
#thms_div { 
	position: relative;
	top: 0px;
	left: 20px;
	width: 610px;
	height: 56px;
	overflow: auto;
}
#thms_div td {
	width: auto;
	text-align: center;
}
#thms_div img {
	border: #000 solid 1px;
	margin: 0px 2px 0px 3px;
	visibility: visible;
}
#thms_div img.default {
	border: rgb(0,0,0) solid 1px;
}
#thms_div img.active {
	border: rgb(204,0,0) solid 1px;
}

#thmArwL_div {
	position: absolute;
	top: 15px;
	left: 0px;
}
#thmArwR_div {
	position: absolute;
	top: 15px;
	right: 0px;
}


/* ------------------------------------------------ */
/*#ftr { 
	position: absolute;
	top: 535px;
	width: 100%;
	height: 30px;
	padding-top: 0px;
	margin: 0px;
	text-align: center;
	color: #333;
	overflow: visible;
	z-index: 600;
}*/

/* ---------------- copyright info ----------------- */
#copy {
	position: absolute;
	top: 600px;
	bottom: 15px;
	left: 75px;
	right: 75px;
	width: auto;
	height: auto;
	min-height: 30px;
	min-width: 875px;
	text-align: center;
	z-index: 10;
	opacity: .99;
	-moz-opacity: .99;
	filter: progid:dximagetransform.microsoft.alpha(opacity=99);
}
#copy p {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	color: #3333CC;
	font-size: 80%;
}
/*IE7 HACK*/
#copy p { *width: 875px; *left: 75px; }
	
#copy p a {
	color: #6633FF;
	font-style: normal;
}
#copy p a:hover { color: #9999FF; }


#sound_div { 
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 15;
}




#video #ceibw .vPlayer {
	text-align: center;
}
#video #ceibw {
	text-align:center;
}