/* 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:visited { color: #6633FF; }
a:active { color: #9999FF; }
a:hover { color: #9999FF; } 
a[href=#] { cursor: default; }

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

#SEO { display:none; visibility:hidden; }

/* --------- splash page ony --------- */
#splash {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000 url(img/SHIR_splash.jpg) center top no-repeat;
	z-index: 9999999999;
	color: #EE0000;
}
#logo-splash-main {
	font-size: 400%;
	font-stretch: expanded;
	font-weight: bold;
	line-height: 0.1em;
}
#logo-splash-sub {
	font-size: 300%;
	font-style: italic;
}
#splash #csibw {
	margin: 0px auto;
	background: none;
	position: relative;
	width: 935px; 
	height: 570px;
	font-size: 95%;
	overflow: hidden;
	cursor: pointer;
}

#logo {
	position: relative;
	top: 250px;
	left: 170px;
	width: 635px;
	height: 110px;
	text-align: center;
}

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

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

/* ---------------- main container ---------------- */
#fullscr {
	position: relative;
	float: left;
	width: 100%;
	overflow: visible;
}
#ceibw { 
	background-color: #000033;
	position: relative;
	margin: 30px auto 0px auto;
	width: 985px; 
	height: 570px;
	font-size: 95%;
	overflow: visible;
	z-index: 100;
}
#video #ceibw {
	overflow: auto;
}
/* ----------------- name and menu info ------------------- */
#hdr {
	position: absolute;
	top: 0px;
	width: 225px;
	height: 105px;
	padding-top: 5px;
	z-index: 500;
	color: #FF00FF;
	text-align: center;
	overflow: visible;
}
#hdr img {
	margin: 0px 0px;
}
#hdr a:hover { }
#hdr a { 
	color: #FF00FF;
}
#logo-main {
	font-size: 250%;
	font-stretch: expanded;
	font-weight: bold;
	line-height: 0.1em;
	display: block;
}
#logo-main-sub {
	font-size: 150%;
	font-stretch: extra-expanded;
	font-weight: bold;
	line-height: 0.1em;
}
#logo-sub {
	position: relative;
	top: -10px;
	width: 100%;
	font-size: 150%;
	font-style: italic;
	letter-spacing: 0em;
	display: block;
	white-space: nowrap;
	line-height: 4em;
}
/* ------ 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: relative;
	float: left;
	top: 0px;
	left: 245px;
	width: 400px;
	height: auto;
	/*font-size: 110%;*/
	padding-top: 110px;
	overflow: visible;
	z-index: 500;
}

#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 ul {
	margin: 15px 20px 10px 35px;
	position: relative;
}

#performances #main_text { 
	width: 535px;
}
#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: normal;
	text-align: left;
}
#contact #main_text h3 {
	margin: 60px 0px 0px 15px;
	letter-spacing: 1px;
	font-size: 130%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
#contact #main_text h4 {
	margin: 5px 0px 10px 15px;
	width: auto;
	text-align: left;
	font-size: 90%;
	letter-spacing: 2px;
	font-weight: bold;
}
#contact #main_text p {
	width: 230px;
	margin: 130px 0px 10px 150px;
	font-size: 120%;
	line-height: 1.4em;
	text-align: left;
}

/* ---------------- 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 text --------------- */
#home #text {
	position: absolute;
	top: 0px;
	left: 5px;/*253px;*/
	width: 400px; /*675px;*/
	text-align: left;
	z-index: 100;
	font-size: 80%;
	font-family: Adobe Garamond Pro, Garamond Premier Pro, verdana, arial, sans-serif; 
	line-height: 1.5em;
	padding: 90px 0 0 0;
	font-style: italic;
}
#home #text h1 {
	margin: 0px 0 20px 0;
	width: auto; 
}

.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 and 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: relative;
	float: left;
	width: 100%;
	height: 50px;
	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: left;
	padding-left: 20px;
}
#video #ceibw {
	text-align:center;
}