body {
	font-size: small; font-style : normal; font-weight : normal;  margin: 0px; color: #ffffff; font-family: arial, verdana, helvetica, sans-serif; 
	background-image: url(bg.png); background-repeat: repeat-x; background-attachment: fixed; background-color: #000000;
	
}
h1 {
	font-family: arial, verdana, helvetica, sans-serif; padding: 0; margin: 0; text-align: left; font-size: 140%; color: #99ccff; font-weight: bold;
}
h2 {
	padding: 0; margin: 0; text-align: left; font-size: 120%; color: #99ccff; font-weight: bold;
}
h3 {
	padding: 0 0 15px 0; margin: 0; text-align: left; font-size: 110%; color: #99ccff; font-weight: bold; clear: both;
}

h4 {
	text-align: left;
}

.center {
	text-align: center;
	clear: both;
}

p {
	text-align: left;
}

ul {
	margin: 0 0 10px 15px;
	padding: 0 0 0 0;
}

li {
	margin: 0 0 5px 0;
	padding: 0;
}

a:link {
	color: #99ccff; font-weight: bold; text-decoration: none;
}

a:visited {
	color: #99ccff; font-weight: bold; text-decoration: none;
}

a:hover {
	color: #99ccff; font-weight: bold; text-decoration: underline;
}

#header-bg {
	width: 100%; height: 72px; margin: 37px 0 0 0; padding: 0; clear: both; background-image: url(header-bg.png); background-repeat: repeat-x; background-color: #000000;
}

#header {
	width: 870px; margin: 0 auto 0 auto; padding: 0;
}


#logo {
	width: 270px; float: left; margin: 0 0 0 -17px;
}

/* Top Navigation Bar */

#nav ul{
	margin:0;
	padding: 0;
	background:url(nav.png) no-repeat;
}
#nav ul li a{
	background:url(nav.png) no-repeat;
}

#nav{
	float:right;
	display:inline;
	margin:0;
}
#nav ul{
	width:547px;
	height:72px;
	list-style-type:none;
}
#nav ul li{
	float:left;
	height:72px;
	display:inline;
	margin:0;
}
#nav ul li a{
	border:0;
	height:72px;
	display:block;
	line-height:72px;
	text-indent:-9999px;
}

#nav ul li#about a{width: 95px; background-position: -1px 0;}
#nav ul li#video a{width: 92px; background-position:-96px 0;}
#nav ul li#photography a{width: 144px; background-position:-188px 0;}
#nav ul li#pricing a{width: 105px; background-position:-332px 0;}
#nav ul li#contact a{width: 109px; background-position:-437px 0;}
#nav ul li#about a:hover{background-position: -1px -72px;}
#nav ul li#video a:hover{background-position:-96px -72px;}
#nav ul li#photography a:hover{background-position:-188px -72px;}
#nav ul li#pricing a:hover{background-position:-332px -72px;}
#nav ul li#contact a:hover{background-position:-437px -72px;}

#mainContainer {
	width: 870px; margin: 0 auto 0 auto; padding: 12px 0 12px 0; vertical-align: top; text-align: left; clear: both;
}

#contactPage {
	width: 200px; text-align:left; float: right;
}

#contactPage p{
	padding: 0 0 16px 0; margin: 0; 
}

#footer-bg {
	width: 100%; height: 72px; margin: 37px 0 0 0; padding: 0; clear: both; background-image: url(header-bg.png); background-repeat: repeat-x; background-color: #000000; 
}

#footer {
	width: 870px; margin: 0 auto 0 auto; font-size: 75%; color: #e0e0e0; padding: 30px 0 0 0; clear:both; 
}

#footer a:link {
	font-weight: bold; color: #ffffff; text-decoration: none;
}

#footer a:visited {
	font-weight: bold; color: #ffffff; text-decoration: none;
}

#footer a:hover {
	font-weight: bold; color: #99ccff; text-decoration: none;
}
#aboutText {
	font-weight: normal;
	text-align: left;
	width: 400px;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
}

#aboutSlideShow {
	width: 450px; height: 300px; margin: -24px 0 12px 0; float: left;
}

#videoPage h2{
	text-align: center; padding: 0 0 10px 0;
}

#videoText {
	width: 350px;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
}
.videoContainer {
	width: 640px; margin: 0 auto 40px auto; clear: both; border: 1px solid #999;
}
#galleryContainer {
	width: 870px; height: 480px; margin: 0;
}

#contentContainer {
	width: 870px; margin: 0; padding: 10px 0 20px 0; clear:both;
}

.contentSplitter {
	width: 425px; margin: 0; padding: 0; float:left;
}

.contentSplitter.right {
	margin: 0 0 0 20px;
}

.divider {
	margin: 5px 0;
	border-bottom: 1px solid #999;
	clear: both;
}

#contactText {
	font-weight: normal;
	text-align: left;
	width: 420px;
	margin: 0;
	padding: 0 40px 0 0;
	float: left;
}

/* Contact Form */

#contact_form {
	width: 400px;
	float: left;
	text-align: left;
}

.submit_right {
	clear: both;
	float: right;
	padding: 5px 10px 0 0;
}

label{
	font-weight: bold;
	width: 110px;
	float: left;
	text-align: left;
	display: block;
	clear: left;
}

input{
	margin: 0 0 10px 0;
}

textarea{
	margin: 0 0 10px 0;
}

#contact_form #frmName {width: 270px;}
#contact_form #frmEmail {width: 270px;}
#contact_form #frmTel {width: 270px;}
#contact_form #frmDate {width: 90px;}
#contact_form #frmLocation {width: 270px;}
#contact_form #frmMessage {width: 270px; height: 60px;}
#contact_form #frmReference {width: 270px;}

.blue {
	font-weight: bold; color: #99ccff; 
}

input.calendar {
  width: 100px;
  float: left;
}
button.calendar {
  background: url(calendar-icon.gif);
  background-color: #ffffff;
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin: 0 6px 0 6px;
  width: 20px;
}
button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
} 

.float_left {
	float: left;
}

.float_right {
	float: right;
}

/* Rollover for the Follow on Twitter button */
.follow {float: right; margin: -6px 0 0 0; text-align:right;}

a.facebook {
	display: block;
	width: 80px;
	height: 28px;
	text-decoration: none;
	background: url("facebook.png");
	float: right;
}

a.facebook:hover {
	background-position: 0 -28px;
}

a.youtube {
	display: block;
	width: 70px;
	height: 28px;
	text-decoration: none;
	background: url("youtube.png");
	float: right;
}

a.youtube:hover {
	background-position: 0 -28px;
}

a.twitter {
	display: block;
	width: 78px;
	height: 28px;
	text-decoration: none;
	background: url("twitter.png");
	float: right;
}

a.twitter:hover {
	background-position: 0 -28px;
}

.displace {
	position: absolute;
	left: -5000px;
}

