@import url(reset.css);

BODY{
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 0.75em;
}
a, a:visited{
	color: #5c5c63;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active{
	color: #FFF;
}
p{
	line-height: 1.83em;
	margin-bottom: 30px;
}
p a{
	font-weight: bold;
}
h2{
	color: #5c5c63;
	font-size: 1.25em;
	font-weight: normal;
	margin-bottom: 10px;
}
#wrapper{
	text-align: center;
}
#container{
	width: 790px;
	margin: 0 auto;
	text-align: left;
	padding-top: 76px
}
#header{
	height: 164px;
	background: url(../images/nav-flourish.gif) no-repeat right top;
}
#header h3{
	display: block;
	width: 272px;
	height: 64px;
	float: left;
	background: url(../images/logo.gif) no-repeat left top;
	position: relative;
	top: 42px;
}
#header h3 span{
	position: absolute;
	left: -9999px;
}
#header ul{
	float: right;
	position: relative;
	top: 77px;
	left: -72px;
}
#header ul li{
	float: left;
	margin-right: 20px;
}
#header ul #nav-contact{
	margin-right: 0;
}
#header ul li a{
	font-size: 0.83em;
	text-transform: uppercase;
}

#page-home #nav-home a,
#page-team #nav-about a,
#page-friends #nav-friends a,
#page-testimonials #nav-testimonials a,
#page-gallery #nav-gallery a,
#page-contact #nav-contact a{
	color: #FFF;
}
#body{
	padding: 26px 0 0 87px;
	height: 383px;
	font-size: 0.92em;
}
.scrolling{
	height: 333px;
}
#body p{
	margin-right: 120px;
}
#footer{
	color: #5c5c63;
	font-size: 0.67em;
	padding-left: 87px;
	padding-top: 66px;
}
#footer p{
	float: left;
}
.team-pic,
.friend-pic{
	margin: 5px 10px 5px 0;
	float: left;
}
p .title{
	display: block;
	color: #5c5c63;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.friend{
	overflow: hidden;
	padding-bottom: 15px;
}
.friend .title{
	color: #FFF;
	text-transform: none;
	margin-bottom: 0;
}
.friend .title a{
	color: #5c5c63;
	font-weight: normal;
}
.friend p{
	margin-left: 122px;
}
#gallery-slideshow{
	background: url(../images/loading.gif) no-repeat 50% 50%;
	width: 645px;
	height: 371px;
}
#gallery-nav{
	padding-left: 42px;
	width: 400px;
	padding-bottom: 20px;
}
#gallery-nav li{
	display: block;
	float: left;
	padding-right: 17px;
}
#gallery-nav a{
	text-transform: uppercase;
}
.events #gallery-events a,
.weddings #gallery-weddings a{
	color: #FFF;
}
#contact-list{
	padding-bottom: 20px;
}
li.vcard{
	padding-bottom: 15px;
	overflow: hidden;
}
li.vcard span{
	display: block;
	float: left;
	padding-right: 10px;
}

#coverup{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #1d1d1f;
	z-index: 100;
}
#contact-form{
	background: #000;
	width: 644px;
	position: absolute;
	left: 30%;
	top: 30%;
	z-index: 150;
}
#contact-form .close{
	display: block;
	float: right;
	width: 1em;
	height: 1em;
	color: #000;
	background: #8a8c8f;
	text-align: center;
	font-size: 0.9em;
}
#contact-form h3{
	font-weight: bold;
	color: #5c5c63;
	font-size: 0.9em;
	float: left;
	text-transform: uppercase;
	margin-top: 1.5em;
}
.form-header, .row, .buttons{
	padding: 5px 20px;
	overflow: hidden;
	clear: both;
}
#form-link, .form-header h3{
	text-transform: uppercase;
}
.row label{
	display: block;
	float: left;
	padding-right: 10px;
	font-size: 0.9em;
	padding-top: 3px;
}
.row .f{
	float: left;
}
.row .f input,
.textarea textarea{
	border: 0;
	padding: 3px;
	background: #8a8c8f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textarea textarea{
	width: 590px;
	height: 85px;
}
.row #name{
	width: 550px;
}
.row #email{
	width: 230px;
	margin-right: 10px;
}
.row #number, .row #number-prefix{
	width: 60px;
}
.row #number-line{
	width: 101px;
}
.row .sep{
	display: block;
	float: left;
	padding: 3px 2px 0;
}
.row #type{
	float: left;
	padding-right: 10px;
}
.row #type label{
	float: none;
	text-transform: uppercase;
	color: #5c5c63;
	padding: 0;
	display: inline;
}
.row #type input{
	padding: 0;
	margin: 0;
	background: none;
}
.row #date{
	width: 230px;
}
.textarea label{
	float: none;
	padding-bottom: 5px;
}
.buttons p{
	line-height: 1em;
	font-size: 0.9em;
	margin-bottom: 10px;
}
.buttons{
	padding-bottom: 10px;
}
.buttons input{
	border: 0;
	padding: 3px;
	background: #8a8c8f;
	text-transform: uppercase;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#fb-link{
	margin-bottom: 0;
	position: relative;
	top: -15px;
	overflow: hidden;
}
#fb-link a{
	display: block;
	color: #FFF;
	background: url(../images/fb-icon.gif) no-repeat left 50%;
	padding: 5px 0 5px 61px;
	font-weight: normal;
	float: left;
}
#fb-link a:hover{
	color: #5C5C63;
}
/* intro page */
#page-intro h1{
	display: block;
	width: 432px;
	height: 102px;
	background: url(../images/home-logo.gif) no-repeat left top;
	position: absolute;
	top: 42%;
}
#page-intro h1 span{
	position: absolute;
	left: -99999px;
}
#page-intro #container{
	background: url(../images/home-flourish.gif) no-repeat right 50%;
	padding-top: 0;
	width: 820px;
	position: relative;
	
}
#page-intro a{
	display: block;
	position: absolute;
	right: 280px;
	top: 50%;
	float: left;
	text-transform: uppercase;
}
#playing_status{
	display: block;
	float: right;
	width: 61px;
	height: 11px;
	background-image: url(../images/sound-toggle.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.off{
	background-position: left bottom !important;
}

/* misc */
.hidden{
	display: none;
}
.bullets{
	list-style: disc;
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}
.bullets li{
	padding-bottom: 5px;
}
.no-bottom{
	margin-bottom: 0;
}