@charset "UTF-8";
/* CSS Document */

html
{
	
}

body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	
	background-color: #618b73;
}

/* Default styles
----------------------------------------------------------*/

div, img
{
	display: block;
}

a
{
	text-decoration: none;
}

h1, p.strap
{
	display: block;
	height: 1em;
	margin: .4em 0 .4em 0;
	letter-spacing: .18em;
	font-size: 4.5em;
	font-family: "GillSans-Light", "Gill Sans Light", Verdana, sans-serif;
	font-weight: normal;
	color: #738fa2;
}

h2
{
	font-size: 1.5em;
	letter-spacing: .15em;
	color: #5f5d5d;
	font-family: "GillSans-Light", "Gill Sans Light", Verdana, sans-serif;
	margin: 0;
	font-weight: normal;
	text-transform: lowercase;
}

h3
{
	font-size: 0.9em;
	color: #5f5d5d;
}

p
{
	font-size: 0.7em;
	margin: 0 0 1em 0;
	color: #0f0f0f;
}

p.runIn
{
	font-size: 0.9em;
	color: #738fa2;
}

img
{
	border: 0px;
}


/* Page structure
----------------------------------------------------------*/

#pageShadTop
{
	width: 100%;
	background-image: url(../images/pageShad.top.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#pageShadLeft
{
	padding: 0px 0px 0px 16px;
	background-image: url(../images/pageShad.left.png);
	background-repeat: repeat-y;
	background-position: top left;
}

#pageShadRight
{
	padding: 0px 16px 0px 0px;
	background-image: url(../images/pageShad.right.png);
	background-repeat: repeat-y;
	background-position: top right;
}

#holder
{
	width: 63.125em;
	margin: auto;
}

#inner
{
	padding: 0 .875em .875em .875em;
	background-color: #ffffff;
}

#head
{
	position: relative;
	height: 18.875em;
	background-color: #f1f4fb;
}

	#head h1
	{
		display: block;
		overflow: hidden;
		
		position: absolute;
		right: 3.125em;
		top: 2.5em;
		
		
		margin: 0;
		width: 294px;
		height: 64px;
		background: url(../images/logo.greenRoom.png) no-repeat;
		
		font-size: 1em;
		text-indent: -2000em;
	}
	
	#head ul
	{
		margin: 0;
		padding: 0;
		list-style: none;	
	}
	
	#head ul li
	{
		display: block;
		position: absolute;
		top: 0em;
		left: 0em;
	}
	
	.headOverlay
	{
		position: absolute;
		right: 3.125em;
		top: 9.5em;
	}
	
		.headOverlay p
		{	
			text-align: right;
		}

		.headOverlay p.strap
		{	
			margin: 0;
		}
		
		.headOverlay p.strap.type2
		{
	font-size: 3em;
	margin: 0;
	text-transform: uppercase;
	color: #777777;
		}

		.headOverlay p.strap.type3
		{
			width: 22em;
			font-size: 1.05em;
			line-height: 1.6em;
			margin: 3em 0 0 0;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #6e757a;
		}
		
		.headOverlay p.strap.type4 {
	width: 22em;
	font-size: 1.05em;
	line-height: 1.6em;
	margin: 3em 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FDF5F0;
}

		

/* Navigation
----------------------------------------------------------*/

.nav
{
	overflow: hidden;
	clear: both;
	
	margin: 0;
	padding: 0;
	list-style: none;
	
	background-color: #edf0ec;
	color: #4f4f4f;
	font-family: "Myriad Pro", Verdana, sans-serif;
}

	.nav li
	{
		display: block;
		float: left;
		text-align: center;
		background: url(../images/background.button.off.png) no-repeat left bottom; 
	}
	
		.nav li.first, .nav li.first a.active
		{
			background-image: none;
		}
	
	.nav a
	{
		font-size: .9em;
		/*This only works on a Mac with the right font...*/
		/*letter-spacing: .1em;*/
		display: block;
		padding: .8em .9em .6em 1em;
		color: #4f4f4f;
		border-bottom: 2px solid #fff;
	}
	
		.nav a:hover
		{
			background: url(../images/background.button.on.png) no-repeat left bottom; 
		}
		
		.nav a.active
		{
			background-color: #dae1e6;
			background: url(../images/background.button.off.png) no-repeat left bottom #dae1e6;
			border-bottom: none;
			padding-bottom: .7em;
		}

#secondNav
{
	clear: both;
	font-size: .9em;
}

	#secondNav.nav
	{
		background-color: #dae1e6;
	}
		#secondNav.nav a
		{
			letter-spacing: .1em;
			padding: .7em .9em .5em 1.1em;
			border-bottom: none;
		}
	
			#secondNav.nav a.active
			{
				padding-bottom: .5em;
				background: url(../images/background.button.on.png) no-repeat left bottom;
			}

/* Main area
----------------------------------------------------------*/

#main
{
	min-height: 25.75em;
	clear: both;
	overflow: hidden;
	margin-bottom: 0.688em;
}

#contentWrapper
{
	padding: 0 0 0 3.75em;
}

	#contentWrapper .section
	{
		width: 80em;
		float: left;
	}

.column
{
	float: left;
	width: 17.375em;
	margin-right: 1.375em;
}
.column.last
{
	margin-right: 0;	
}


#foot
{
	margin-top: .875em;
	padding: .8em 1.625em .4em 1.625em;
	
	background-color: #e1dedf;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	#foot p
	{
		text-align: right;	
		color: #848484;
	}
	
		#foot p a
		{
			color: #848484;
		}
		
		#foot p a:hover
		{
			color: #fff;
		}
		
		p.callUs
		{
			font-size: 1.8em;
			letter-spacing: .15em;
			color: #5f5d5d;
			font-family: "GillSans-Light", "Gill Sans Light", Verdana, sans-serif;
			margin: 0;
		}
		
		p.phone
		{
			font-size: 2em;
			line-height: 1em;
			letter-spacing: .15em;
			color: #87adb6;
			font-family: "GillSans-Light", "Gill Sans Light", Verdana, sans-serif;
			margin: 0 0 .2em 0;
		}

#mpus
{
	height: 10.75em;	
}

.mpu
{
	float: left;
	width: 14.25em;
	height: 10.75em;
	margin-right: 0.845em;
	background-color: #FFF;
}

	.mpu.double
	{
		width: 29.175em;
		margin-right: 0;
	}
	
/* Gallery
-----------------------------------------------------*/

p.enlarge
{
	display: block;
	background: url(../images/button.enlarge.gif) no-repeat left center;
	font-size: 0.8em;
	color: #738fa2;
	padding: 0em 0 .3em 1.8em;
}

.gallery img
{
	float: left;
	margin: 0 0.875em 0.875em 0;
}

/* Forms
-----------------------------------------------------*/

fieldset
{
	background-color: #e3e9e3;
	border: none;
	padding: .8em 5.563em 1em 12.063em;
	margin-bottom: .875em;
}

	fieldset h2
	{
		margin: 0.6em 0 .5em 0;	
	}

label
{
	display: block;
	float: left;
	clear: left;
	width: 7em;
	font-size: .7em;
}

	label.normal, input.normal
	{
		width: auto;
	}

input, textarea
{
	display: block;
	float: left;
	width: 16em;
	margin-bottom: .1em;
}

input.submit
{
	margin-top: 1em;
	float: right;
}

label.call
{
	margin-top: 1em;	
}

#call
{
	display: inline;
	float: none;
}

fieldset.background1
{
	background: url(../images/background.fieldset.1.jpg) no-repeat left top;
}

fieldset.background2
{
	background: url(../images/background.fieldset.2.jpg) no-repeat left top;
}