/****** GLOBAL STYLES ******/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'arial', "Verdana";
	color: #777;
	font-size: 12px;
	background-color:#f1f1f1;
}

img {
	 border: 0;
}

a {
	color: #ef4246;
	text-decoration:none;
}

a:hover {
	border-bottom:2px dotted #ccc;
}


/****** INDEX PAGE ******/


#index {
	width:591px; 
	height:50px;
	margin-top:400px;  
}

.index {background-color:#fff;}

a#enter {
	width:591px; 
	height:50px; 
	display:block; 
	background: url('../images/enter.gif') no-repeat; 
	text-indent:-20000px;
}

#index a:hover {
border:none;
}

/****** HEADER, NAVIGATION ******/


#header { 
	width:800px; 
	height:100px;
	margin: 0; 
	padding:0;
}

#header h1 {
	width:488px; 
	height:24px;
	margin:0; 
	padding:0; 
	background: url('../images/logo.gif') no-repeat; 
	text-indent:-200000px;
}

#header ul#nav {
	width:900px;
	margin-top:5px; 
	padding:0; 
	list-style:none; 
}

#header ul#nav li a {
	float:left; 
	display:block;
	margin:10px;
	text-indent:-2000px;
}

#header ul#nav li#contact, #header ul#nav li#about {float:right;}

#header ul#nav li a#promotional {
	width:79px; 
	height:13px;
	background: url('../images/promotional.gif') no-repeat; 
}

#thisPage-promotional ul#nav li a#promotional {
	width:79px; 
	height:13px;
	background: url('../images/promotional-on.gif') no-repeat;
}

#header ul#nav li a#logos {
	width:35px; 
	height:13px;
	background: url('../images/logos.gif') no-repeat;
}

#thisPage-logos ul#nav li a#logos {
	width:35px; 
	height:13px;
	background: url('../images/logos-on.gif') no-repeat;
}

#header ul#nav li a#illustration { 
	width:64px; 
	height:13px;
	background: url('../images/illustration.gif') no-repeat; 
}

#thisPage-illustrations ul#nav li a#illustration {
	width:64px; 
	height:13px; 
	background: url('../images/illustration-on.gif') no-repeat; 
}

#header ul#nav li a#event-fliers { 
	width:70px; 
	height:13px;
	background: url('../images/event-fliers.gif') no-repeat; 
}

#thisPage-event-fliers ul#nav li a#event-fliers { 
	width:70px; 
	height:13px; 
	background: url('../images/event-fliers-on.gif') no-repeat; 
}

#header ul#nav li a#iphone-photo-gallery { 
	width:138px; 
	height:13px;
	background: url('../images/iphone.gif') no-repeat;
}

#thisPage-iphone ul#nav li a#iphone-photo-gallery {
	width:138px;  
	height:13px;
	background: url('../images/iphone-on.gif') no-repeat; 
}


#header ul#nav li#contact a#contact {
	width:53px; 
	height:13px; 
	background: url('../images/contact.gif') no-repeat;
}

#thisPage-contact ul#nav li#contact a#contact {
	width:53px; 
	height:13px;
	background: url('../images/contact-on.gif') no-repeat; 
}

#header ul#nav li#about a#about {
	width:40px; 
	height:13px;
	background: url('../images/about.gif') no-repeat; 
}

#thisPage-about ul#nav li#about a#about {
	width:40px; 
	height:13px;
	background: url('../images/about-on.gif') no-repeat; 
}


/****** CONTENT ******/

.wrapper {
	width:900px; 
	height:700px; 
	margin:0 auto; 
	padding:0;  
	background-color:#fff; 
	border-right:1px solid #ccc; 
	border-left:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
}


#content {
	text-align:center; 
	border-top:1px solid #ccc; 
}

#container { 
	width:840px; 
	margin:0 auto; 
	padding-top:100px;
}

#container h2 {
	margin-bottom:5px;
}

#container p, #container h2 { 
	line-height:20px;
}

#thisPage-about p {
text-align:left;
}

.scroll-pane {
	width: 800px;
	float: left;
	padding: 0;
	background: #fff;
}

#pane1 {
	height: 400px;
	padding: 0 0 0 40px;
	display: block;
	overflow: hidden;
}

a.jScrollArrowLeft {
	width:8px;
	background: url('../images/left-arrow.gif') no-repeat 0 0; 
}

a.jScrollArrowLeft:hover {
	background-position: 0 -15px;
}

a.jScrollArrowRight {
	width:8px;
	background: url('../images/right-arrow.gif') no-repeat 0 0; 
}

a.jScrollArrowRight:hover {
	background-position: 0 -15px;
}

a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


/****** FOOTER ******/

#copyright {
width:900px; 
margin:0 auto;
padding:10px;
text-align:center;
}