/* MediaBrite CSS */

* {
	margin: 0px;
	padding: 0px;
	}
body {
	font-size: .75em;
	font-weight: normal;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #00327C url('images/body-background.png') top left repeat-x fixed;
	line-height: 1.5em;
	}
p {
	margin: 0px 0px 15px 0px;
	}
img	{
	border: 0px;
	}
a {
	text-decoration: underline;
	color: #0000FF;
	font-weight: normal;
	}
a:hover	{
	color: #ED1B23;
	}
h1 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	color: #2C45E9;
	margin: 0px 0px 5px 0px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
	}
h2 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	color: #2C45E9;
	margin: 15px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
	}
.floatLeft { 
	float: left;
	margin: 0px 10px 10px 0px;
	}
.floatRight {
	float: right;
	margin: 10px 0px 10px 10px;
	}
.photo {
	border: 1px solid #aaa;
	padding: 5px;
	background: #FFF;
	}
ul, ol {
	margin: 10px 0px 10px 25px;
	padding-left: 25px;
	}
li {
	margin: 0px 0px 6px 0px;
	}
input, option, select {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: 2px;
	color: #000;
	}
input, textarea, select { 
	margin-bottom: 4px;
	background: #FFF;
	color: #000;
	border: 1px solid #000E1C;
	padding: 2px;
	}
select { 
	padding: 0px;
	}
.cleaner {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	background:transparent;
	}

/*  Container   */
#container	{
	margin: 10px auto 0px auto;
	width: 760px;
	background: #FFF;
	border: 1px solid #FFF;
	}
/*  Header   */
#top	{
	position: relative;
	}
	a.logo {
		background: url('images/top-logo.png') top left no-repeat;
		position: absolute;
		top: 8px;
		left: 8px;
		width: 174px;
		height: 96px;
		}
		a.logo:hover {
			background-position: 0px -96px;
			}
	/*  Navbar   */
	#navbar {
		display: block;
		background: #1940AE;
		border-top: 1px solid #000E1C;
		border-bottom: 1px solid #000E1C;
		}
		#navbar a {
			display: block;
			float: left;
			background: url('images/navbar-background.png') top left repeat-x;
			text-decoration: none;
			font-weight: bold;
			color: #FFF;
			font-family: 'Lucida Grande', 'Lucida Sans', Lucida, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			margin: 0px 0px 0px 0px;
			padding: 9px 5px 9px 5px;
			width: 116.5px;
			text-align: center;
			}
			#navbar a:hover {
				color: #FFF;
				background-position: 0px -42px;
				}
			#navbar a.active, #navbar a.active:hover {
				color: #FFD417;
				background-position: 0px -42px;
				}		
/*  Left   */
#right	{
	float: right;
	width: 250px;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	text-align: right;
	}
/*  Main Content Area   */
#main	{
	background: url('images/main-background.png') top left repeat-x;
	padding: 30px 260px 10px 110px;
	}
	#contact {
		display: block; 
		margin: 10px 0px 0px 0px;
		text-align: left;
		font-size: 95%;
		}
		#contact p {
			margin: 0px 0px 7px 0px;
			}
		#contact strong {
			font-weight: bold;
			color: #F16418;
			}
		#contact .column {
			display: block;
			float: left;
			margin: 0px;
			width: 250px;
			}
		#contact input, #contact option, #contact select {
			color: #FFF;
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 1.1em;
			font-weight: normal;
			text-indent: 2px;
			}
		#contact option {
			font-size: 100%;
			}
		#contact input, #contact textarea, #contact select { 
			background: #1B1818;
			color: #FFF;
			border: 1px solid #777;
			margin-left: 2px;
			}
			#contact input:hover,#contact textarea:hover { 
				background: #2E2D2E;
				}
		#contact .button {
			background: #F16418;
			color: #FFF;
			font-weight: bold;
			border: 2px outset #000;
			}
		#thankYou {
			background: #C0BAB7;
			padding: 5px;
			display: block;
			margin: 10px 10px 0px 0px;
			border: 1px solid #9C8F8F;
			color: #000;
			}
	.thumbnail {
		position:relative;
		display: block;
		float: left;
		margin: 0px 10px 10px 0px;
		}
		.thumbnail img {
			padding: 4px;
			border: 1px solid #FFF;
			}
		.overlay {
			background: #000;
			filter:alpha(opacity = 50);
			-moz-opacity:.50;
			opacity:.50;
			position: absolute;
			top: 5px;
			left: 5px;
			}
	#floorplan img {
		float: left;
		margin: 0px 10px 10px 0px;
		background: #000;
		padding: 4px;
		border: 1px solid #FFF;
		}
/*  Bottom Credits Area   */
#bottom	{
	margin: 4px auto 20px auto;
	padding: 0px;
	text-align: center;
	font-size: 0.9em;
	color: #A7C0E6;
	}
	#bottom a {
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
		}
		#bottom a:hover {
			color: #FFFF00;
			}
	#bottom p {
		font-size: 90%;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		display: block;
		margin: 0px;
		padding: 7px;
		background: #CD8B5B;
		border-top: 3px solid #FFF;
		}