@charset "UTF-8";
body {background-color:#000000;}
a {outline:none;}
a:link {color: #CCCCCC;}
p {color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:18px;}
.container {position:relative;height:800px;width:820px;margin:auto;}
.header {text-align:center}
.homeimage{margin-bottom:-175px;}
/*navigation*/

/* Normal State*/
ul#menu {list-style:none;}
ul#menu li {display:inline;}
ul#menu li a {text-indent:-9999px;display:block;height:33px;float:left;}
ul#menu li a.home {position:absolute;background:url(images/menuHome.png) no-repeat bottom;width:128px;height:33px;left:0px;}
ul#menu li a.about {position:absolute;background:url(images/menuAbout.png) no-repeat bottom;width:128px;height:33px;left:175px;}
ul#menu li a.media {position:absolute;background:url(images/menuMedia.jpg) no-repeat bottom;width:128px;height:33px;left:346px;}
ul#menu li a.funkBand {position:absolute;background:url(images/menuFunkBand.jpg) no-repeat bottom;width:128px;height:33px;left:515px;}
ul#menu li a.contact {position:absolute;background:url(images/menuContact.png) no-repeat bottom;width:128px;height:33px;left:692px;}
/*Hover State*/
ul#menu li a.home:hover {background-position: top;}
ul#menu li a.about:hover {background-position: top;}
ul#menu li a.media:hover {background-position: top;}
ul#menu li a.funkBand:hover {background-position: top;}
ul#menu li a.contact:hover {background-position: top;}

/*Fonts*/
h1 {font-size:18px;color:#ffffff;font-family:Arial, Helvetica, sans-serif;}
.content p {font-size:16px;color:#ffffff;font-family:Arial, Helvetica, sans-serif;
}
.content h3 {font-size:14px;font-style:italic;font-weight:lighter;color:#ffffff;font-family:Arial, Helvetica, sans-serif;}
.tempcontent h1 {font-size:18px;color:#ffffff;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:auto;}

/*Content Positioning*/

.left-content {width:405px;float:left;text-align:justify;}
.right-content {width:405px;top:200px;float:right;text-align:justify;margin-left:5px;}

.left-contentContact {width:305px;float:left;text-align:justify;}
.footer {color:#FFFFFF;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#CC0000;position:absolute;height:15px;width:100%;top: 715px;}
.right-content label {color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:18px;}

/*Lightbox Gallery aka workGallery*/
.workGallery {text-align:center;padding-left:5px;padding-top:10px;}
.workGallery2 {text-align:center;padding-left:5px;}

#functionband{width:50%;float:left;}#functionbandmp3{width:50%;float:left;}
#FunkBandImages{float:left;width:100%;margin:auto;padding-top:50px;}


/*CONTACT FORM STYLING*/
#contactPage{background:url('..//images/largeBoxBg.png');background-repeat:no-repeat;width:889px;height:725px;margin:0px auto 0px auto;}
#contactContainerleft{width:45%;float:left;margin-left: 0px;margin-top: -13px;}
#contactContainerleft p{margin-left: 25px;}
#contactContainerRight{width:49%;float:right;}
#contact-form {margin-left: 50px;float:left;padding-top: 15px;}
#contact-form h1{ padding-left:50px;}
.subject ul,li,label{margin:0px;padding:0px;color:#FFF;}
body{font-family:Arial, Helvetica, sans-serif;}
.clear{clear:both;}
#main-container{width:400px;margin:30px auto;}
td{white-space:nowrap;}
label{font-size:15px;font-family:Tahoma,Arial,Sans-serif;}
textarea{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
td > button{text-indent:8px;}
.error{background-color:#a5bcc3;color:white;font-size:10px;font-weight:bold;margin-top:10px;padding:10px;width:240px;}
#loading{position:relative;bottom:9px;visibility:hidden;}
.tutorial-info{color:white;text-align:center;padding:10px;margin-top:10px;}
#message{max-width:250px;word-wrap: break-word;}