StyleSheet

@import 'reset.css';


* {
	margin:0;
	padding:0;
	list-style:none;
}

html {background:#000;  height: 100%; margin-bottom: 1px;}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 10000px;
	overflow: hidden;
	overflow-x: auto;

}

#formcontainer{margin-left:37px;}


#ie6 {
display: none;
}

a img {
border:none;
}

#home p, #contact p{
font-weight:normal;
line-height: 1.25em;
letter-spacing: -.5px;
font-size:.7em;
padding-top:8px;

}

#home li{
	font-size:9pt;
}

#home ul {
	margin-top:8px;
}

.organgeText{
color: #f37121;	
}

.organgeText2{
color: #f37121;
font-size:8pt;
}
.whiteText2{font-size:8pt; color:#f9f9f9;}

.blacktext{color:#000; font-size:10pt; font-weight:bold;}
.disclaimer{color:#f9f9f9; font-size:8pt;}
.disclaimer2{color:#333; font-size:8pt;}
#disclaimer{
	width:500px;
	font-size:8pt;
	position:absolute;
	left: 37px;
	top: 55px;
}
#galleryInfo{
	position:absolute;
	width:500px;
	left: 156px;
	top: 696px;
}

p a {color:#f37121; text-decoration:none;}
p a:hover {color:#fff; background:#f37121;}
p a:visited {color:#fff; text-decoration:none;}

.whiteText{color:#fff;}

#home h5 {color:#f9f9f9; font-size:.7em; }
#label{
	width:780px;
	height:20px;
	position:absolute;
	left: 41px;
	top: 8px;
}

#formcontainer{
	width:700px;
	height:40px;
	position:absolute;
	top: 32px;
	left: 1px;
}
a {
outline: none;
}


#arrow{
	width:150px;
	height:50px;
	position:absolute;
	left: 885px;
	top: 281px;
}

#ads{
	width:430px;
	height:90px;
	position:absolute;
	left: 36px;
	top: 630px;
}

#galleryHomeArrow{
	width:150px;
	height:50px;
	position:absolute;
	left: 26px;
	top: 79px;
}
#galleryContactArrow{
	width:150px;
	height:50px;
	position:absolute;
	left: 697px;
	top: 82px;
}
#contactGalleryArrow{
	width:150px;
	height:50px;
	position:absolute;
	left: 39px;
	top: 20px;
}

#contactInformation
{
	width:240px;
	height:128px;
	position:absolute;
	left: 37px;
	top: 76px;
}

#galleryHdr{
	width:550px;
	height:92px;
	position:absolute;
	left: 145px;
	top: 82px;
}

#thisMonthsEvent
{
	width:405px;
	height:76px;
	position:absolute;
	left: 36px;
	top: 331px;
}


#flyerFront {
	width:540px;
	height:220px;
	position:absolute;
	left: 35px;
	top: 403px;
}
#flyerBack {
	width:230px;
	height:578px;
	position:absolute;
	left: 607px;
	top: 41px;
}

#month{
	width:200px;
	height:40px;
	position:absolute;
	left: 820px;
	top: 417px;
}
#otherphotos{
	width:159px;
	height:46px;
	position:absolute;
	left: 807px;
	top: 465px;
}


#NOVA
{
	width:115px;
	height:28px;
	position:absolute;
	left: 35px;
	top: 719px;
}

#Czar
{
	width:115px;
	height:28px;
	position:absolute;
	left: 155px;
	top: 719px;
}

#jimmyRumba
{
	width:115px;
	height:28px;
	position:absolute;
	top: 719px;
	left: 270px;
}

#buenRato
{
	width:115px;
	height:28px;
	position:absolute;
	top: 719px;
	left: 152px;
}
#hostedBy
{
	width:160px;
	height:25px;
	position:absolute;
	left: 34px;
	top: 692px;
}

#ourNetwork
{
	width:260px;
	height:25px;
	position:absolute;
	left: 35px;
	top: 623px;

}

#footer
{
	width:700px;
	height:25px;
	position:absolute;
	left: 34px;
	top: 762px;
}


#social{
	width:538px;
	height:49px;
	position:absolute;
	left: 35px;
	top: 642px;
}


h1, h2, h3, h4, h5, h6, h7, h8, p {
margin-top: 0;
}


img {
outline: none;
}





.container {
float: left;
display: block;
height: 800px;
width: 2000px;
position: relative;
}

.alt {
color: white;
}





.clear {
	clear:both;
	}




#home {
	background:url(../images/home_lrg_bg.jpg) no-repeat top left;
}

#home .homeInnerShell {
	width: 1000px;
	height: 617px;
	margin: 120px 0 0 36px;
}

#homeGalleryTran{
	background:url(../images/homeGalleryTran_bg.jpg) no-repeat top left;
}

#homeLeft{float:left; width:427px;}
#homeRight{float:left; width:560px;}

#home .homeInnerShell h2 {
	width: 427px; height: 172px;
	position: relative;
	overflow:hidden;
	padding-top:0px; padding-left: 0px;
	}
	#home .homeInnerShell h2 span {
	display:block;
	background:url(../images/sophistiquelatinparty_logo.jpg) no-repeat top left;
	width: 427px;
	height: 172px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	}


#gallery {
background:url(../images/gallery_bg.jpg) no-repeat top left;

}

#gallery .galleryInnerShell{
	position:absolute;
	width:700px;
	height:445px;
	left: 141px;
	top: 226px;
}




#galleryContactTran{
	background:url(../images/galleryContactTran_bg.jpg) no-repeat top left;
}


#contact {
background:url(../images/contact_bg.jpg) no-repeat top left;
}

#contact .contactInnerShell
{
	width:540px;
	height:92px;
	position:absolute;
	left: 45px;
	top: 209px;
}









.visit {
float: right;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 10px;
padding: 3px 3px 0 0;
}

.visit a {
color: #FFEE0F;
text-decoration: none;
}


/*===========FORM===========*/
 .focusField{
    	border:solid 2px #73A6FF;
    	background:#EFF5FF;
    	color:#000;
    }
    .idleField{
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF;
    }
/*==========gallery===========*/	
#page-wrap			{ width: 600px; margin: 0 auto; }

.thumbnailbox		{ padding: 0px; margin: 5px; border: 3px solid #999; display: block; width: 100px;
					  float: left; }
.thumbnailbox:hover	{ border-color: #56449b; }
hr {
	clear: both;
	height: 0;
	border: 0;
	visibility: hidden;
	}
	
#photoWrapper {width:700px; height:450px;}

/* The toolbar for the content box */
#contentArea {width:650px; height:380px;}

/* The toolbar for the content box */
#extraimagesbar {width:600px; height:30px; margin:15px 0 0 15px;}

ul#toolbar {
	text-align: center;
	list-style: none;
	clear: both;
	/* border-bottom: 1px solid #ccc;	*/
	}
	
#toolbar li {
	float: left;
	padding: 5px;
	background-color:#333333;
	margin-right:10px;
	}
	
#toolbar li a {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;

	}
	
#toolbar li.active {
	 background-color:#56449b;
	}

#toolbar li.inactive {
	background-color:#333333;
	}
	
#toolbar li:hover {
	background-color:#56449b; 
	}
/*video*/
#video{
	position:absolute;
	width:349px;
	left: 513px;
	top: 382px;
	border:3px solid #f5bf18;
}

#labordayflyer{
	width:400px;
	position:absolute;
	left: 851px;
	top: 40px;
}
#labordayparty{
	width:289px;
	position:absolute;
	left: 894px;
	top: 369px;
}