/*-----globals-----*/

* {
	margin: 0;
	padding: 0;
}
html {
	min-height: 100%;
	height: auto;
}
body {
	background: #0070B4 url() top left repeat;
	color: #000;
	font: 1.2em  Verdana, Arial, Helvetica, sans-serif;
}

a { color: #000; border: 0px; }
em { font-weight: normal; text-decoration: none; font-style: normal; color: #1B4298; }
em a { color: #1B4298; }
a span, h1 span, h2 span { display: none; }
ul { list-style-type: none; }
img { border: 0px; }

.clearer { clear: both; }
#container {
	position: relative;
	width: 1010px;
	margin: 35px auto 35px auto;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 340px;
	height: 200px;
}
#logo h1#bs-logo {
	display: block;
	width: 340px;
	height: 200px;
	background: transparent url(images/bounce_spectrum_logo.gif) 0 0 no-repeat;
}
#logo h1#bs-logo[id] { background-image: url(images/bounce_spectrum_logo.png); }

#top-menu {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 340px;
	width: 675px;
	height: 200px;
}
#top-menu a { float: left; display: block; height: 200px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;  }
#top-menu a:hover { background-position: 0px -200px !important; }
a#tm-home { width: 163px; background-image: url(images/menu-home.gif); }
a#tm-parties { width: 165px; background-image: url(images/menu-parties.gif); }
a#tm-aboutus { width: 160px; background-image: url(images/menu-aboutus.gif); }
a#tm-contactus { width: 187px; background-image: url(images/menu-contactus.gif); }

#main, #i-main {
	position: absolute;
	top: 169px;
	left: 0px;
	z-index: 0;
	width: 900px;
	margin: 0 61px 0 47px;
	background-color: #FFF;
}
#i-main { padding-top: 50px; }
#fr-image {
	padding-left: 20px;
}
#fr-right {
	position: absolute;
	top:0px;
	left: 610px;
}
#fr-right a { display: block; width: 270px; background-color: transparent; background-position: 0 0; background-repeat: none; }
a#fr-bookaparty { height: 121px; margin-top: 10px; background-image: url(images/bookaparty.jpg); }
a#fr-viewcalendar { height: 106px; background-image: url(images/viewourcalendar.jpg); }
a#fr-photogallery { height: 90px; background-image: url(images/photogallery.jpg); }
#fr-content {
	position: relative;
	clear: both;
	width: 860px;
	padding: 20px;
}
#fr-intro {
	float: left;
	display: block;
	width: 388px;
	height: 253px;
	padding: 20px;
	background: transparent url(images/fr-intro-bg.gif) 0 0 no-repeat;
}
#fr-intro h2 { display: block; width: 237px; height: 19px; margin-bottom: 8px; background: #FFF url(images/h2-intro.gif) 0 0 no-repeat; }
#fr-intro p { font-size: 0.70em; line-height: 1.4em; padding-bottom: 10px; text-align: justify; }
#fr-consentforms, #fr-specialevents {
	float: left;
	display: block;
	height: 168px;
	width: 136px;
	margin-left: 20px;
	padding: 125px 30px 0px 30px;
	background: #FFF url(images/consentforms.gif) 0 0 no-repeat;
}
#fr-specialevents { background-image: url(images/specialevents.gif); }
#fr-consentforms p, #fr-specialevents p { font-size: 0.65em; line-height: 1.4em; padding-bottom: 8px; }
#fr-consentforms a, #fr-specialevents a { color: #1b4298; text-decoration: none; }
#fr-consentforms a:hover, #fr-specialevents a:hover { text-decoration: underline; }

#left-menu {
	float: left;
	display: block;
	width: 260px;
	margin-left: 20px;
}
#left-menu li a {
	display: block;
	width: 260px;
	height: 80px;
}
#left-menu li a { background-color: #FFF; background-position: 0 0; background-repeat: no-repeat; }
#left-menu li a:hover { background-position: -260px 0px !important; }
a#lm-one { background-image: url(images/lm-one.gif); }
a#lm-two { background-image: url(images/lm-two.gif); }
a#lm-three { background-image: url(images/lm-three.gif); }
a#lm-four { background-image: url(images/lm-four.gif); }
a#lm-five { background-image: url(images/lm-five.gif); }

#i-content {
	float: left;
	display: block;
	width: 580px;
	margin-left: 20px;
}
#i-content h1 { font-size: 1.4em; color: #1B4298; margin: 0 0 10px 0 !important; }
#i-content h4 { font-size: 1.0em; color: #1B4298; margin: 0 0 10px 0 !important; }
#i-content p { font-size: 0.70em; line-height: 1.4em; padding-bottom: 10px; text-align: justify; }
#i-content a:hover { color: #1B4298; }
#i-content img { padding-bottom: 20px; }
#footer {
	position: relative;
	width: 900px;
	height: 85px;
	padding-bottom: 35px;
	background: #0070B4 url(images/footer.gif) 0 0 no-repeat;
}
#footer p { display: none; }

#list-items li {
	list-style-type: disc;
	text-indent: 1em;
	padding-left: 1em;
	list-style-position: inside;
	font-size: 0.70em; 
}

.cleft { width: 100px; font-size: 0.70em; padding: 5px 10px 5px 0px;}
.cright { padding: 5px 0px; }
.inputfield {
	width: 250px;
	padding: 5px;
	font: 0.70em  Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
}
#cbutton {
	padding: 5px 10px;
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #1B4298;
	cursor: pointer;
}
#cbutton:hover { background-color: #F5F5F5; }


.tablestyle td{
	font: .6em  Verdana, Arial, Helvetica, sans-serif;
}
#gallery a {
	display: block;
	float: left;
	width: 112px;
	height: 112px;
	margin-left: 5px;
	margin-bottom:5px;
}
#gallery a.gallery-first { margin-left: 0px; }