@charset "UTF-8";
/* CSS Document */

body{
background-color:#000000;
background-image:url(../images/bckg2.jpg);	
color:#c854ac;
font-family:Helvetica, Arial, sans-serif;
margin:0;
padding:0;
	
}

#comingsoon{
width:800px;
height:155px;
background-image:url(../images/comingsoon.png);
margin-left:auto;
margin-right:auto;
margin-top:20%;
}

#wrapper{
width:1024px;
height:798px;
margin-left:auto;
margin-right:auto;
}

.shadow {
-moz-box-shadow: 0px 0px 50px #000;
-webkit-box-shadow: 0px 0px 50px #000;
box-shadow: 0px 0px 50px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.photoshadow {
-moz-box-shadow: 0px 0px 30px #000;
-webkit-box-shadow: 0px 0px 30px #000;
box-shadow: 0px 0px 30px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.navglow {
-moz-box-shadow: 0px 0px 20px #ff00aa;
-webkit-box-shadow: 0px 0px 30px #000;
box-shadow: 0px 0px 30px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#toplinks{
height:30px;
background-image:url(../images/bckg3_01.jpg);
}

#header{
height:95px;
width:1024px;
background-image:url(../images/bckg3_02.jpg);
}

#banner{
height:292px;
background-image:url(../images/bckg3_03b.jpg);
background-repeat:no-repeat;
padding-top:40px;

}

#bannerdark{
    background-image:url(../images/bckg3_03d.jpg);
	background-repeat:no-repeat;
	padding-top:0px;
    overflow:hidden;
}

.slide-out-div {
    padding: 0px;
    width: 250px;
	height:332px
    background: #ccc;
    border: 1px solid #29216d;
}

.handle{
height:40px;
width:122px;
background-image:./images/contact_tab.gif;
}

#twitterfall{
width:250px;
height:332px;
float:right;
overflow:hidden;
margin-left:60px;
margin-top:-20px;
}

#therest{
border:0;
margin:0;
padding:0;
height:174px;
background-image:url(../images/footer2.jpg);
}

#contact{
float:left;
display:inline;
padding-top:20px;
padding-left:12px;
}

a.email{
background-image:url(../images/social1.png);
background-position:0;
display:inline-block;
width:55px;
height:53px;
}

a.twitter{
background-image:url(../images/social1.png);
background-position:-543px;
display:inline-block;
width:55px;
height:53px;
}


a.email:hover,active{
background-image:url(../images/social2.png);
}
a.twitter:hover,active{
background-image:url(../images/social2.png);
}
a.youtube:hover,active{
background-image:url(../images/social2.png);
}

#footertext{
width:1025px;
height:53px;
text-align:Left;
padding-left:5px;
padding-top:30px;
font-size:8px;
font-weight:normal;
letter-spacing:1px;
color:#ff00aa;
}

.hr {
  height: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
  margin: 1em auto;
}
.dotted {
  border-bottom: dotted 1px #c854ac;
}
.dashed {
  border-bottom: dashed 1px #c854ac;
}

#menu {
	float:right;
	width:375px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 28px 0px;
	padding: 0 0 0 10px;
	list-style-type: none;
	font-size: 13px;
	background: #000;
	height: 40px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}
#menu li {
	float: left;
	margin: 0;
	
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #ff00aa;
}
#menu li a:hover, #menu li.active a {
	color: #fff;
}


#menu.nav {
	/*border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	*/
	border:0px outset #000;
	background: #ef40b4; /* old browsers */
	
	background: -moz-linear-gradient(top, #ef40b4 0%, #ef017c 100%, #C10C87 100%); /* firefox */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef40b4), color-stop(100%,#ef017c), color-stop(100%,#C10C87)); /* webkit */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef40b4', endColorstr='#C10C87',GradientType=0 ); /* ie */
	}
#menu.nav a {
	color: #000; 
}

#menu.nav li a:hover, #menu.nav li.active a {
color: #fff;text-shadow: #222 1px 1px 5px; 
-moz-box-shadow: 0px 0px 10px #bf0c85;
-webkit-box-shadow: 0px 0px 10px #bf0c85;
box-shadow: 0px 0px 10px #bf0c85;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#bf0c85')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#bf0c85');
}

#about{
width:1000px;
height:332px;
margin-left:15px;
margin-top:0;
margin-right:10px;
}

#photos{
width:1000px;
height:520px;
margin-left:0px;
margin-top:0;
margin-right:10px;
}

.bio{
color:#FFFFFF;
font-size:12px;
font-weight:;
line-height:16px;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#photowrapper {width:600px; margin:20px auto 0 auto; display:none}
#photowrapper * {margin:0; padding:0}
#fullsize {position:relative; width:600px; height:400px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:600px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:400px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:400px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:550px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}