/* CSS Document */


*body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
			

}

.bodycopy {
	font-family: Tahoma;
	color: #cdcdd1;
	font-size: 12px;
	text-decoration: none;
}

.red {
	font-family: Tahoma;
	color: #de0303;
	font-size: 12px;
	text-decoration: none;
}

.contact_link {
	font-family: Arial;
	color: #0789f7;
	font-size: 12px;
	text-decoration: none;
}
	
.contact_link:hover { color: #ffffff }

.blue {
	font-family: Impact, Arial; ;
	color: #059aaf;
	font-size: 40px;
	text-decoration: none;
}

.red2 {
	font-family: Tahoma;
	color: #de0303;
	font-size: 14px;
	text-decoration: none;}
	
.red4 {
	font-family: Tahoma;
	color: #de0303;
	font-size: 12px;
	text-decoration: none;}

.red3 {
	font-family: Tahoma;
	color: #0bc5f4;
	font-size: 11px;
	text-decoration: none;
}
.red3:hover { color: #ffffff }

.white {
	font-family: Tahoma;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.white2 {
	font-family: Tahoma;
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
.green {
	font-family: Tahoma;
	color: #22bf1c;
	font-size: 14px;
	text-decoration: none;
}
.orange{
	font-family: Tahoma;
	color: #ffda16;
	font-size: 14px;
	text-decoration: none;
}

.orange2{
	font-family: Tahoma;
	color: #ffda16;
	font-size: 12px;
	text-decoration: none;
}

.orange3 {
	font-family: Tahoma;
	color: #ffd76c;
	font-size: 12px;
	text-decoration: none;
}
.yellow {
	font-family: Tahoma;
	color: #fbf501;
	font-size: 14px;
	text-decoration: none;
}

.yellow1{
	font-family: Tahoma;
	color: #fbf501;
	font-size: 12px;
	text-decoration: none;
}
.dark_orange {
	font-family: Tahoma;
	color:ffb900;
	font-size: 14px;
	text-decoration: none;
}

.green_lt {
	font-family: Tahoma;
	color: #a6ff3c;
	font-size: 14px;
	text-decoration: none;}

/*Home Stylesheet*/

.top {
background-color:transparent; color:000000;
border:0px solid;
width:1000px; height:122px; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-500px; margin-top:30px; text-align:center;
visibility:visible;}

.main {
background-color:transparent; color:000000;
border:0px solid; 
position:absolute; z-index:4; left:50%; 
margin-left:-500px; margin-top:152px; text-align:left;
visibility:visible; scrollbar-base-color: #92a1a8}


.home_bkg {
background-color:transparent; color:000000;
border:1px solid;
width:1000px; height:725px; 
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-500px; margin-top:30px; text-align:center;
visibility:visible;}


.logo_top {
background-color:transparent; color:000000;
width:232px; height:66px; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-488px; margin-top:41px; text-align:center;
visibility:visible;}

.surface_promo {
background-color:transparent; color:000000;
width:435px; height:32px; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-467px; margin-top:18px; text-align:center;
visibility:visible;}

.surface_text {
background-color:transparent; color:cdcdd1;
width:425px; height:400px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-467px; margin-top:41px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.video { 
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-471px; margin-top:16px;
visibility:visible;}

.updated {
background-color:transparent; color:cdcdd1;
width:200px; height:20px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-467px; margin-top:585px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}


.designed {
background-color:transparent; color:cdcdd1;
width:225px; height:20px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:265px; margin-top:585px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.photo_text {
background-color:transparent; color:cdcdd1;
width:300px; height:400px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-467px; margin-top:265px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.photo_section {
background-color:transparent; color:cdcdd1;
width:300px; height:400px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-471px; margin-top:320px; text-align:left;
visibility:visible;}

.photo_button {
background-color:transparent; 
width:50px; height:50px; 
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-313px; margin-top:454px; text-align:center;
visibility:visible; color:ffffff; font-family: Tahoma; font-size: 10px;}

.weather_bug {
background-color:transparent; 
width:125px; height:125px; 
position:absolute; z-index:6; left:50%; top:0%;
margin-left:338px; margin-top:262px; text-align:center;
visibility:visible;}

.map {
background-color:transparent; 
width:125px; height:125px; 
position:absolute; z-index:6; left:50%; top:0%;
margin-left:331px; margin-top:386px; text-align:center;
visibility:visible;}

.photo_1 {
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-366px; margin-top:311px; text-align:center;
visibility:visible;}

.event_text {
background-color:transparent; color:cdcdd1; overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-208px; margin-top:265px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.dj_title {
background-color:transparent; color:cdcdd1;
width:120px; height:100px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:118px; margin-top:265px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.advertise{
background-color:transparent; color:cdcdd1;
overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:333px; margin-top:21px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.advertise_text{
background-color:transparent; color:cdcdd1;
overflow:auto; width:155px; height:150px;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:325px; margin-top:110px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.click_feat{
color:cdcdd1; overflow:auto; 
position:absolute; z-index:7; left:50%; top:0%;
margin-left:-208px; margin-top:559px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 10px;}

.supporters {
background-color:transparent;
overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:345px; margin-top:56px; text-align:left;
visibility:visible; }

.info {
background-color:transparent; color:ff5c33;
width:140px; height:60px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:330px; margin-top:265px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 14px;}

.happenings {
background-color:transparent; color:00ccff;
width:225px; height:60px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:18px; margin-top:21px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 14px;}

.week_events {
background-color:transparent; color:cdcdd1;
overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-5px; margin-top:5px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.submit_event {
background-color:transparent;
width:105px; height:26px; overflow:auto;
position:absolute; z-index:8; left:50%; top:0%;
margin-left:157px; margin-top:21px; text-align:left;
visibility:visible; }

.submit_event2 {
background-color:transparent;
width:105px; height:26px; overflow:auto;
position:absolute; z-index:8; left:50%; top:0%;
margin-left:-315px; margin-top:1px; text-align:left;
visibility:visible; }

.flyer_upload {
background-color:transparent; color:cdcdd1;
width:400px; height:176px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-477px; margin-top:510px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

/*home featured events*/
.feature {
overflow:auto; 
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-207px; margin-top:290px; text-align:center;
visibility:visible;}

.iframe2 {
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-217px; margin-top:298px; text-align:center;
visibility:visible;}


/*DJ section*/
.dj_pic {float:left; margin-right:10px}

.dj_photo {
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:118px; margin-top:293px; text-align:center;
visibility:visible;}

.dj_text {
background-color:transparent; color:cdcdd1;
width:350px; 
position:absolute; z-index:5; left:50%; top:0%;
margin-left:118px; margin-top:293px; text-align:left;
visibility:visible;font-family: Tahoma; font-size: 11px;}

/*navigation*/
.mattblacktabs{
width: 1000px;
overflow: hidden;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-495px; margin-top:119px; text-align:center; 
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: 12px Tahoma;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 6px; /*padding inside each tab*/

color: white;
background: #000000; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #3a3d46; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*music*/
.music {
background-color:transparent; color:000000;
border:0px solid;
width:225px; height:30px; 
position:absolute; z-index:9; left:50%; top:0%;
margin-left:182px; margin-top:120px; text-align:center;
visibility:visible;}

/*newsletter*/
.newsletter_signup {
background-color:transparent; color:ffffff;
border:0px solid;
width:500px; height:80px; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-15px; margin-top:67px; text-align:right;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.newsletter {
background-color:transparent;
width:365px; height:30px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:125px; margin-top:91px; text-align:left;
visibility:visible; }

.newsletter_text {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:365px; height:80px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:125px; margin-top:37px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;}

.newsletter_text2 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:340px; height:80px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:125px; margin-top:47px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.news_thankyou {
background-color:transparent;
overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:345px; margin-top:33px; text-align:left;
visibility:visible; }

.top_banner {
color:000000;
border:1px solid #3a3d46;
width:364px; height:67px; 
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-254px; margin-top:40px; text-align:center;
visibility:visible;}

/*featured dj page*/
.dj_photo_lrg {
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-480px; margin-top:41px; text-align:center;
visibility:visible;}

.dj_name{
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-170px; margin-top:30px; text-align:center;
visibility:visible;}

.back_but{
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-170px; margin-top:2px; text-align:center;
visibility:visible;}

.back_text{
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-140px; margin-top:14px; text-align:center;
visibility:visible;}

.dj_bio {
background-color:transparent; color:cdcdd1;
border:0px solid; padding:10px;
width:560px; height:350px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-176px; margin-top:76px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.dj_bio2 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:600px; height:50px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-166px; margin-top:440px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.player {
background-color:transparent; 
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-166px; margin-top:456px; text-align:center;
visibility:visible;}

.create_text{
background-color:transparent; 
width:325px; height:50px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-477px; margin-top:530px; text-align:left;
visibility:visible;}

.create_text2{
background-color:transparent; 
width:325px; height:50px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-477px; margin-top:200px; text-align:left;
visibility:visible;}

.dj_websites{
background-color:transparent; color:cdcdd1;
width:300px; height:250px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-480px; margin-top:350px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.dj_contact{
background-color:transparent; color:cdcdd1;
width:200px; height:80px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:150px; margin-top:7px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.dj_facts{
background-color:transparent; color:cdcdd1;
width:200px; height:80px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:200px; margin-top:7px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}




/*rates*/
.rates {
background-color:transparent;
width:500px; height:60px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-480px; margin-top:1px; text-align:left;
visibility:visible; }

.rates_text1 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:400px; height:500px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-467px; margin-top:39px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.rates_text2 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:385px; height:500px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-150px; margin-top:39px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.promo_info {
background-color:transparent; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-480px; margin-top:558px; text-align:left;
visibility:visible; }

.copylink4 {
	font-family: Tahoma;
	color: #0099ff ;
	font-size: 14px;
	text-decoration: none;
}

.copylink4:hover { color: #be0000 }

/*services*/

.service_text {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:700px; height:500px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:33px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.service_text2 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:200px; height:300px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-463px; margin-top:350px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.service_design {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:200px; height:300px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-277px; margin-top:350px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.service_consulting {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:300px; height:300px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-122px; margin-top:350px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.service_print {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:200px; height:300px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:127px; margin-top:350px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.service_print2 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:200px; height:300px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:219px; margin-top:367px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.service_contact {
background-color:transparent; color:de0303;
border:0px solid; 
width:400px; height:300px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-463px; margin-top:338px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

/*events*/
.top_events {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:600px; height:600px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:33px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.top_events2 {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:350px; height:600px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:150px; margin-top:33px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.events1_banner {
overflow:auto; width:268px; height:257px;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-150px; margin-top:33px; text-align:left;
visibility:visible;}


.main_events {
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-140px; margin-top:20px;
visibility:visible;}

.event_click {
overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-115px; margin-top:35px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 10px;}

/*events dropdown menu*/



/*new drop*/
.arrowlistmenu{
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:131px; text-align:left;
visibility:visible;
width: 300px; /*width of accordion menu*/
font: 14px Tahoma;
}

.arrowlistmenu .headerbar{
font: 12px Tahoma;
color: white;
background: black url(http://www.surfaceatl.com/surface/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(http://www.surfaceatl.com/surface/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #ffffff;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3; font-weight: bold;
}


/*events holder*/


.iframe {
background-color: #000000; border:0px solid;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-64px; margin-top:3px; text-align:left;
visibility:visible; }




/*vip card*/
.vip_text {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:600px; height:470px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:39px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.vipcard {
background-color:transparent;
width:600px; height:60px; overflow:auto;
position:absolute; z-index:3; left:50%; top:0%;
margin-left:-480px; margin-top:1px; text-align:left;
visibility:visible; }

.vip_signup {
background-color:transparent; color:ffffff;
border:0px solid;
width:500px; height:500px; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-480px; margin-top:141px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;  }

.cssform{
padding-right: 30px; }

.cssform2{
padding-right: 50px; }

.cssform3{
padding-right: 55px; }

.cssform4{
padding-right: 61px; }

.cssform5{
padding-right: 7px; }

.cssform6{
padding-right: 32px; }


/*contact*/
.contact_signup {
background-color:transparent; color:ffffff;
border:0px solid;
width:500px; height:500px; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-480px; margin-top:105px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;  }


/*calendar*/


.months {
background-color:transparent;
border:0px solid; color: #ffffff;
width:700px; height:50px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-300px; margin-top:559px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.date {
background-color:transparent;
width:215px; height:45px; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:280px; margin-top:1px; text-align:left;
visibility:visible; }

.copylink {
	font-family: Tahoma;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

.copylink:hover { color: #900000 }

.col_mon_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:-327px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_mon_1 a:link {color: #f2082e; text-decoration: none}  
.col_mon_1 a:visited {color: #f2082e; text-decoration: none} 

.col_mon_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:-327px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_mon_2 a:link {color: #f2082e; text-decoration: none}  
.col_mon_2 a:visited {color: #f2082e; text-decoration: none} 

.col_mon_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:-327px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_mon_3 a:link {color: #f2082e; text-decoration: none}  
.col_mon_3 a:visited {color: #f2082e; text-decoration: none} 

.col_mon_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-327px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_mon_4 a:link {color: #f2082e; text-decoration: none}  
.col_mon_4 a:visited {color: #f2082e; text-decoration: none} 

.col_mon_5 {
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-327px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_mon_5 a:link {color: #f2082e; text-decoration: none}  
.col_mon_5 a:visited {color: #f2082e; text-decoration: none} 

 

.col_tue_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:-194px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_tue_1 a:link {color: #f2082e; text-decoration: none}  
.col_tue_1 a:visited {color: #f2082e; text-decoration: none} 

.col_tue_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:-194px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_tue_2 a:link {color: #f2082e; text-decoration: none}  
.col_tue_2 a:visited {color: #f2082e; text-decoration: none} 

.col_tue_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:-194px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_tue_3 a:link {color: #f2082e; text-decoration: none}  
.col_tue_3 a:visited {color: #f2082e; text-decoration: none} 

.col_tue_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-194px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_tue_4 a:link {color: #f2082e; text-decoration: none}  
.col_tue_4 a:visited {color: #f2082e; text-decoration: none} 

.col_tue_5 {
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-194px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_tue_5 a:link {color: #f2082e; text-decoration: none}  
.col_tue_5 a:visited {color: #f2082e; text-decoration: none} 


.col_wed_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:-60px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_wed_1 a:link {color: #f2082e; text-decoration: none}  
.col_wed_1 a:visited {color: #f2082e; text-decoration: none} 

.col_wed_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:-60px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_wed_2 a:link {color: #f2082e; text-decoration: none}  
.col_wed_2 a:visited {color: #f2082e; text-decoration: none} 

.col_wed_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:-60px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_wed_3 a:link {color: #f2082e; text-decoration: none}  
.col_wed_3 a:visited {color: #f2082e; text-decoration: none} 

.col_wed_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-60px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_wed_4 a:link {color: #f2082e; text-decoration: none}  
.col_wed_4 a:visited {color: #f2082e; text-decoration: none} 

.col_wed_5 {
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-60px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_wed_5 a:link {color: #f2082e; text-decoration: none}  
.col_wed_5 a:visited {color: #f2082e; text-decoration: none} 

.col_thur_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:72px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_thur_1 a:link {color: #f2082e; text-decoration: none}  
.col_thur_1 a:visited {color: #f2082e; text-decoration: none} 

.col_thur_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:72px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_thur_2 a:link {color: #f2082e; text-decoration: none}  
.col_thur_2 a:visited {color: #f2082e; text-decoration: none} 

.col_thur_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:72px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_thur_3 a:link {color: #f2082e; text-decoration: none}  
.col_thur_3 a:visited {color: #f2082e; text-decoration: none} 

.col_thur_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:72px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_thur_4 a:link {color: #f2082e; text-decoration: none}  
.col_thur_4 a:visited {color: #f2082e; text-decoration: none} 

.col_thur_5 {
position:absolute; z-index:5; left:50%; top:0%;
margin-left:72px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_thur_5 a:link {color: #f2082e; text-decoration: none}  
.col_thur_5 a:visited {color: #f2082e; text-decoration: none} 

.col_fri_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:206px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_fri_1 a:link {color: #f2082e; text-decoration: none}  
.col_fri_1 a:visited {color: #f2082e; text-decoration: none} 

.col_fri_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:206px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_fri_2 a:link {color: #f2082e; text-decoration: none}  
.col_fri_2 a:visited {color: #f2082e; text-decoration: none} 

.col_fri_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:206px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_fri_3 a:link {color: #f2082e; text-decoration: none}  
.col_fri_3 a:visited {color: #f2082e; text-decoration: none} 

.col_fri_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:206px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_fri_4 a:link {color: #f2082e; text-decoration: none}  
.col_fri_4 a:visited {color: #f2082e; text-decoration: none} 

.col_fri_5 {
position:absolute; z-index:5; left:50%; top:0%;
margin-left:206px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_fri_5 a:link {color: #f2082e; text-decoration: none}  
.col_fri_5 a:visited {color: #f2082e; text-decoration: none} 

.col_sat_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:338px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sat_1 a:link {color: #f2082e; text-decoration: none}  
.col_sat_1 a:visited {color: #f2082e; text-decoration: none} 

.col_sat_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:338px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sat_2 a:link {color: #f2082e; text-decoration: none}  
.col_sat_2 a:visited {color: #f2082e; text-decoration: none}

.col_sat_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:338px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sat_3 a:link {color: #f2082e; text-decoration: none}  
.col_sat_3 a:visited {color: #f2082e; text-decoration: none}

.col_sat_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:338px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sat_4 a:link {color: #f2082e; text-decoration: none}  
.col_sat_4 a:visited {color: #f2082e; text-decoration: none}

.col_sat_5 {
position:absolute; z-index:5; left:50%; top:0%;
margin-left:338px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sat_5 a:link {color: #f2082e; text-decoration: none}  
.col_sat_5 a:visited {color: #f2082e; text-decoration: none}

.col_sun_1 {
position:absolute; z-index:9; left:50%; top:0%;
margin-left:-464px; margin-top:94px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sun_1 a:link {color: #f2082e; text-decoration: none}  
.col_sun_1 a:visited {color: #f2082e; text-decoration: none}

.col_sun_2 {
position:absolute; z-index:8; left:50%; top:0%;
margin-left:-464px; margin-top:187px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sun_2 a:link {color: #f2082e; text-decoration: none}  
.col_sun_2 a:visited {color: #f2082e; text-decoration: none}

.col_sun_3 {
position:absolute; z-index:7; left:50%; top:0%;
margin-left:-464px; margin-top:282px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sun_3 a:link {color: #f2082e; text-decoration: none}  
.col_sun_3 a:visited {color: #f2082e; text-decoration: none}

.col_sun_4 {
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-464px; margin-top:375px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sun_4 a:link {color: #f2082e; text-decoration: none}  
.col_sun_4 a:visited {color: #f2082e; text-decoration: none}

.col_sun_5{
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-464px; margin-top:469px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px; }
.col_sun_5 a:link {color: #f2082e; text-decoration: none}  
.col_sun_5 a:visited {color: #f2082e; text-decoration: none}



/*calendar right image postiion */
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black; 
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #9fa1a4;
padding: 5px;
left: -300px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 40;
left: -375px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*calendar right image postiion up */

.thumbnail_rtup img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail_rtup:hover{
background-color: transparent;
}

.thumbnail_rtup:hover img{
border: 1px solid black; 
}

.thumbnail_rtup span{ /*CSS for enlarged image*/
position: absolute;
background-color: #9fa1a4;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_rtup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_rtup:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50;
left: -375px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*calendar right image postiion */
.thumbnail_left img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail_left:hover{
background-color: transparent;
}

.thumbnail_left:hover img{
border: 1px solid black; 
}

.thumbnail_left span{ /*CSS for enlarged image*/
position: absolute;
background-color: #9fa1a4;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_left span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_left:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 40;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*calendar left image postiion up */
.thumbnail_leftup img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail_leftup:hover{
background-color: transparent;
}

.thumbnail_leftup:hover img{
border: 1px solid black; 
}

.thumbnail_leftup span{ /*CSS for enlarged image*/
position: absolute;
background-color: #9fa1a4;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_leftup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_leftup:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*event thank*/
.copylink3 {
	font-family: Tahoma;
	color: #0099ff ;
	font-size: 12px;
	text-decoration: none;
}

.copylink3:hover { color: #be0000 }

.cssform7{
padding-right: 32px; }
.cssform8{
padding-right: 34px; }
.cssform9{
padding-right: 48px; }
.cssform10{
padding-right: 38px; }
.cssform11{
padding-right: 26px; }
.cssform12{
padding-right: 75px; }
.cssform13{
padding-right: 66px; }
.cssform14{
padding-right: 23px; }
.cssform15{
padding-right: 55px; }
.cssform16{
padding-right: 29px; }

/*find a dj*/
.phpForms_pgtitle
{
    font-family : Tahoma;
    font-size   : 12px;
    color       : #1200d9;

}
.phpForms_btn
{
    border-top-width    : 1px;
    border-left-width   : 1px;
    border-bottom-width : 1px;
    border-right-width  : 1px;
    border-top-color    : #e4e4e4;
    border-left-color   : #e4e4e4;
    border-right-color  : #c1c1c1;
    border-bottom-color : #c1c1c1;
    font                : Tahoma;
    color               : #ffffff;
}



.arrowlistmenu_dj{
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:165px; text-align:left;
visibility:visible;
width: 300px; /*width of accordion menu*/
font: 14px Tahoma;
}

.arrowlistmenu_dj .headerbar{
font: 12px Tahoma;

color:  #ffda16;
background: black url(http://www.surfaceatl.com/surface/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu_dj ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu_dj ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu_dj ul li a{
color: #A70303;
background: url(http://www.surfaceatl.com/surface/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu_dj ul li a:visited{
color: #ffffff;
}

.arrowlistmenu_dj ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3; font-weight: bold;
}

.find_a_dj_text {
background-color:transparent; color:cdcdd1;
border:0px solid; 
width:570px; height:500px; overflow:auto;
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:33px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 12px;}

.create_signup {
background-color:transparent; color:ffffff;
border:0px solid;
width:500px; height:500px; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-480px; margin-top:90px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 11px;  }

/*find a dj menu*/

.djdance{
background-color:transparent; overflow:auto; 
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-482px; margin-top:110px; text-align:center;
visibility:visible;}

.djhip{
background-color:transparent; overflow:auto; 
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-155px; margin-top:110px; text-align:center;
visibility:visible;}

.djtop40{
background-color:transparent; overflow:auto; 
position:absolute; z-index:5; left:50%; top:0%;
margin-left:168px; margin-top:110px; text-align:center;
visibility:visible;}

.djselect{
color:be0000; overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-480px; margin-top:80px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 14px;}

.djdance_title {
color:24bf1c; overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-457px; margin-top:125px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 14px;}

.djhip_title {
color:fbf501; overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:-129px; margin-top:125px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 14px;}

.djtop40_title {
color:00ccff; overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:193px; margin-top:125px; text-align:left;
visibility:visible; font-family: Tahoma; font-size: 14px;}

#info {
		width: 590px;
		overflow: auto;
	}

	#flashcontent2 {
		
		border: none;
		width: 580px;
		height: 150px;
		position:absolute; 
		z-index:4; 
		left:50%; 
		top:0%;
        margin-left:-490px; 
		margin-top:150px; 
       visibility:visible;}

.arrowlistmenu_create{
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-480px; margin-top:85px; text-align:left;
visibility:visible;
width: 300px; /*width of accordion menu*/
font: 14px Tahoma;
}

.arrowlistmenu_create .headerbar{
font: 12px Tahoma;

color:  #ffda16;
background: black url(http://www.surfaceatl.com/surface/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu_create .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Tahoma;
color: white;
background: black url(http://www.surfaceatl.com/surface/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu_create  .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://www.surfaceatl.com/surface/images/titlebar-active.png);
}

.arrowlistmenu_create  ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu_create  ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu_create  ul li a{
color: #ffffff;
background: url(http://www.surfaceatl.com/surface/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu_create  ul li a:visited{
color: #ffffff;
}

.arrowlistmenu_create  ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
font-weight: bold;
}

/*VIDEO*/
.video_page {
position:absolute; z-index:4; left:50%; top:0%;
margin-left:-472px; margin-top:110px; 
visibility:visible; border:thin; border:#999999}

.video_submit {
background-color:transparent;
overflow:auto; position:absolute; z-index:6; left:50%; top:0%;
margin-left:-25px; margin-top:71px; text-align:left;
visibility:visible; }

.video_submission {
background-color:transparent; color:ffffff;
width:500px; height:500px; overflow:auto;
position:absolute; z-index:5; left:50%; top:0%;
margin-left:-480px; margin-top:70px; text-align:left;
visibility:visible;  }

.splat {
background-color:transparent; overflow:auto;
position:absolute; z-index:6; left:50%; top:0%;
margin-left:200px; margin-top:5px; text-align:left;
visibility:visible; }