@charset "UTF-8";

body  {
	background-image: url(images/slice_02.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.7em;
}

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

a img {
	border:none;
	}

a:hover {
	color: #993300;
}

h3, h4, h5 {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant:small-caps;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

h1#success {
	text-align:center;
	font:30px hypatia;
	color: #009900;
	margin-top:150px;
	}
	
h1#title { 
	font: 30px hypatia;
	color: #666666;
	margin-bottom: -3px;
}

h2.title { 
	font: 20px hypatia;
	color: #666666;
	margin-bottom: -3px;
}


.bold {
	font-weight:bold;
	}
	
.ital {
	font-style:italic;
	}
	
.homepage {
	font-size:14px;
	text-align:center;
	}
	#flashcontent {
		height: 100%;
	}
	/* end hide */

#container { 
	width: 902px;  
	height: 875px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#left-side {
	float:left;
	width: 20px;
	height: 875px;
	background-image: url(images/slice_03.jpg);
}

#content {
	float:left;
	width: 862px;
	height: 875px;
	}
	
#right-side {
	float: right;
	width: 20px; 
	height: 875px;
	background-image: url(images/slice_05.jpg);
}
	
#header {
	background-image:url(images/slice_04.jpg);
	height: 176px;	
} 

#main-pane {
	height: 418px;
}

#main-pane-left {
	float: left;
	width: 529px;
	height: 418px;
	background-color:#f6f2ef;
}

#main-pane-left-services {
	float: left;
	width: 529px;
	height: 418px;
	background-color:#000000;
}

#main-pane-right {
	background-color: #f6f2ef;
	padding: 0 10px 0 10px;
	float: right;
	width: 313px;
	height: 418px;
}

#full-pane {
	clear:both;
	background-color: #f6f2ef;
	padding: 5px 20px 0 20px;
	width: 822px;
	height: 413px;
}

#top-divider {
	clear: both;
	background-image:url(images/slice_09.jpg);
	width: 862px;
	height: 21px;
	}
	
#fender {
	width: 862px;
	height: 179px;
}

#featured-image {
	float: left;
	width: 240px;
	height: 179px;
}

#featured-copy {
	float: left;
	background-color: #f6f2ef;
	padding-right:10px;
	width: 318px;
	height: 179px;
}

#mid-divider {
	float: left;
	background-image: url(images/slice_12.jpg);
	width: 16px;
	height: 179px;
}
	
#right-fender {
	float: right;
	background-color: #f6f2ef;
	padding: 0 10px 0 10px;
	width: 258px;
	height: 179px;
}

#bottom-divider {
	clear: both;
	background-image: url(images/slice_14.jpg);
	width: 862px;
	height: 21px;
}

#footer {
	width: 862px;
	height: 60px;
	text-align: center;
	font-size:10px;
	color: #999999;
}

	
.clearfloat {
	clear: both;
}

#flash-pane {
	height:417px;
	}
	
#flashcontent {
	width:862px;
	height:417px;
}

ul#services{
	margin: 0px;
	padding: 0px;
	
	}
	
form {
	margin-left: 10px;
	width: 280px;
	text-align: left;
	margin-top: 10px;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

form label {
	display: block;
	width: 200px;
	font-size: 12px;
	line-height: 12px;
	padding: 0px 0px 8px 0px;
}

form input {
	display: block;
	margin-top: 1px;
}

form select {
	float: left;
	display: block;
}

form label.firstname {
	clear: left;
}

form label.firstname,
form label.lastname,
form label.title,
form label.company,
form label.city,
form label.email,
form label.event-type,
form label.event-date,
form label.fax,
form label.phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 130px;
}

form label.submit {
	float: right;
	margin: 0px 0px 0px 0px;
	width: 80px;
}

form label.firstname input,
form label.lastname input,
form label.city input,
form label.event-type input,
form label.event-date input,
form label.fax input,
form label.phone input {
	float: left;
	width: 130px;
	padding: 0px;
}

form label.state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.state select {
	width: 60px;
	float: left;
}

form label.hear {
	float: left;
	margin-right: 10px;
	width: 170px;
}

form label.hear select {
	width: 170px;
	float: left;
	margin-top: 3px;
}

form label.zip {
	float: left;
	width: 60px;
}

form label.zip input {
	float: left;
	width: 60px;
}

form label.address,
form label.message,
form label.email {
	float: left;
	width: 270px;
	margin: 0px 10px 0px 0px;
}

form label.address input,
form label.message input,
form label.email input {
	float: left;
	width: 270px;
	padding: 0px;
}

form label.message textarea {
	float: left;
	width: 275px;
	padding: 0px;
}