/*
 * colors
 * dark green 00612d
 * lime green abea00
 * light green ccdbd3
 * yellow ffff44
 * dark gray 4d4d4d
 * light gray green f3f6f3
 */

/*
 ***** FONTS **********************************************************
 */
	 
	 	html,
		body,
		input,
		select,
		textarea
		{
			font-family: "lucida sans", "trebuchet ms";
			/*
			arial, "arial black", "arial narrow", helvetica, sans-serif
			verdana, tahoma, "trebuchet ms", "lucida sans unicode","lucida grande",  "century gothic"
			georgia, "bookman old style", "book antiqua", "times new roman", times, serif
			"lucida console", "courier new", courier
			*/
			font-size: 90%;	
			line-height: 130%;
			-webkit-text-size-adjust: none; /* disable scaling */
		}

/*
 ****  SPECIFIC ELEMENTS  **********************************************************
 */

	/* body & page */ 
	
		body
		{
			background-color: #00612d;
			background-image: url(images/bg-green-metal.png);
			background-position: top center;
			background-repeat: repeat;
			/*background-attachment: fixed;*/
			color: #ff9;
			margin: 0;
		}
	
		.page-wrapper /* body wrapper */
		{
			width: 790px;
			margin: 0 auto 0 auto;
			position: relative;
		}
		
	/* header */
	
		div.header
		{
			height: 124px;
			background: url(images/bg-header.png) bottom left no-repeat;
			position:relative;
		}
		div.header hr
		{
			display: none;
		}
		
	/* branding */

		.branding
		{
			position: absolute;
			top: 33px;
			left: 5px;
			width: 260px;
			height: 83px;
		}
		.branding h2
		{
			width: 100%;
			height: 100%;
		}
		.branding a
		{
			width: 100%;
			height: 100%;
			display: block;
			font-size: 0px;
			text-indent: -9999px;
		}

	/* main nav */

		.nav
		{
			width: 510px;
			height: 65px;
			top: 51px;
			right: 5px;
			position:absolute;
		}
		.nav hr
		{
			display: none;
		}
		.nav h2
		{
			display: none;
		}
		.nav ul
		{
			margin: 0 0 0 10px;
			padding: 0;
			list-style: none;
		}
		.nav li
		{
			height: 30px;
			position: relative;
			float: left;
			margin: 0 1px 0 0;
			padding: 0;
			width: 122px;
			height: 65px;
			overflow: hidden;
		}
		.nav a,
		.nav a:visited
		{
			display: block;
			text-decoration: none;
			height: 100%;
			background: url(images/nav-normal.png) -13px 0 no-repeat;
			font-size: 0px;
			text-indent: -9999px;
		}
		
		/* selected link */
		
			.nav li.active span
			{
			}
			.nav li.active a,
			.nav li.active a:visited,
			.nav li.active a:hover
			{
				background: url(images/nav-tab.png) left top no-repeat;
			}

		/* specific tabs */
		
			.nav #nav-locations
			{
				background-position: -13px 0px;
			}
			.nav #nav-space
			{
				background-position: -135px 0px;
			}
			.nav #nav-specials
			{
				background-position: -257px 0px;
			}
			.nav #nav-reserve
			{
				background-position: -379px 0px;
			}
	
	/* top bar */
	 
	 	.topbar
		{
			color: #ccdbd3;
			font-size: 120%;
			height: 40px;
			width: 300px;
			top: 0px;
			padding: 8px 10px 0;
			right: 5px;
			position:absolute;
			background: url(images/topbar.png) 0px 0px no-repeat;
			text-align: center;
		}
		.topbar select
		{
			width: 165px;
			color: #00612d;
			font-weight: bold;
			background: #abea00;
			border: solid 1px #abea00;
		}
		.topbar .edit-submit
		{
			display: none;
		}
	
	/* main content area */
	
		.main
		{	
			color: #333;
			background: url(images/bg-main-bottom.png) bottom center no-repeat;
			padding-bottom: 15px;
			position:relative;
		}
		.main .content
		{
			background: url(images/bg-main.png) top center repeat-y;
			padding: 10px 20px 5px;
		}
		.nav-home .main .content
		{
			padding: 3px 15px 0;
		}
		.nav-home .main h1
		{
			display: none;
		}
		.main h1
		{
			margin: 0;
			font-weight: bold;
			font-style: italic;;
			font-size: 250%;
			text-transform: uppercase;
			letter-spacing: -1px;
			line-height: 110%;
			color: #00612d;
			-webkit-text-size-adjust: 100%; /* change size in Mobile Safari */
		}
		.main h2
		{
			color: #99d000;	
			margin: 1em 0 .25em 0;
			font-weight: bold;
			font-size: 175%;
			line-height: 120%;
			letter-spacing: -1px;
			clear: left;			
		}
		.main h1+h2,
		.main h2+h3
		{
			margin-top: .25em;
		}
		.main h3
		{
			color: #999;
			margin: .5em 0 .25em 0;
			font-weight: bold;
			font-size: 120%;
			line-height: 120%;
			clear: left;		
		}
		.main p
		{
			margin: 0 0 .5em 0;
			line-height: 130%;
		}
		.main a,
		.main a:link
		{
			color: #99d000;
		}
		.main a:hover
		{
			text-decoration: none;
		}
		.main a:visited
		{
			color: #00612d;
		}
		.main a:active /* user activates link */
		{
			/*
			outline-color: blue;
			color: blue;
			*/
		}
	 	a.external-marker
	 	{
	 		padding:0;
			background: none;
	 	}

		
		.main .fineprint
		{
			color: #999;
			font-size: 90%;
			font-style: italic;
		}
		
		/* home page */
		
			#slideshow
			{
				margin-bottom: 10px;
			}
			.left-col
			{
				float: left;
				width: 370px;
			}
			.right-col
			{
				float: right;
				width: 378px;
			}
			.blurb p
			{
				font-size: 115%;
				margin-top: 5px;
			}


		/* locator map */
		
  /* locator map */
    
      #locator
      {
        margin-top: 10px;
        margin-bottom: -10px;
        height: auto;
      }
      #locator #map
      {
        border: solid 1px #ccc;
        width: 750px;
        height: 380px;
        background: #f3f6f3 url(images/locations/map-large.jpg?v=5) left top no-repeat;
        position:relative;
        float: none;
      }
      #locator #map a
      {
        opacity:.5;
        position:absolute;
        top:0px;
        left: 0px;
        width: 35px;
        height: 35px;
        z-index: 99;
        background-image: url(images/blank.gif);
      }
      #locator #info
      {
        background: #fff;
        width: auto;
        height: auto;
        float: none;
        overflow:hidden;
      }
      #locator #info h2
      {
        margin-top: 10px;
      }
      #locator #info .features
      {
        float: right;
        margin: 0 25px 0 0;
        max-width: 250px;
      }
      #locator #info img
      {
        float: right;
        max-width: 225px;
      }
      #locator #info p
      {
        margin-bottom: .5em;
      }
      #locator #info ul.fancy li
      {
        margin-bottom: .1em;
      }
      #locator #info .phone
      {
        font-weight: bold;
        font-size: 120%;
        margin-bottom: 0;
      }
  
      h2.matrix
      {
        margin-top: 30px;
        border-top: solid 1px #ccc;
        padding-top: 10px;
      }
  
  
		/* matrix */

			#matrix 
			{
				width: 100%;
				background-color: transparent;
			}
			#matrix .th
			{				
				color: #4e4e4e;
				font-weight: bold;
			}
			#matrix tr.even
			{
				background: #fff;
			}
			#matrix tr.odd
			{
				background: #f3f6f3;
			}	
			#matrix td
			{
				border: none;
				text-align: center;
				padding: 9px 5px;
				vertical-align: middle;
				font-size: 110%;
			}
			#matrix td.first
			{
				text-align: left;
			}

	/* space */
	
		.nav-space .main .content h2.space
		{
			margin-left: 220px;
		}
		.space-list
		{
			margin-left: 220px;
		}
		.space-chart
		{
			float: left;
			width: 220px;
			text-align:right;
		}
		.space-chart img
		{
			position: relative;
			top: -30px;
			left: -15px;
		}
		
		/* needs */
		h1.needs
		{
			margin-top:1em;
		}
		h2.needs
		{
			margin-top: .5em;
		}

	/* reservation form */
	
		#reserve .options div.indent,
		#reserve .size div.indent
		{
			margin: 15px 0 0 30px;
		}
		#reserve .options br,
		#reserve .size br
		{
			margin-bottom:20px;
		}
		
		#reserve .divider
		{
			display: block;
			margin-bottom: 10px;
		}
		
		/* checkmark */
	
			ul.checkmark li
			{
				background-image: url(images/icon-check-green-22px.png);
				background-repeat: no-repeat;
				list-style: none;
				background-position: 0 0;
				padding: 3px 0 1px 33px;
				margin: 0;
			}

		/* submit */
		
			div.big-button input 
			{
				color:#fff;
			}
			div.big-button input.active
			{
				color:#efe;
			}

			
	/* footer */
	

		.footer
		{
			font-size: 90%;
			color: #82b198;
			padding: 0 5px 30px;
		}
		.footer .content
		{
			clear: both;
			position: relative;
		}
		.footer
		{
		}
		.footer a,
		.footer a:visited
		{
			color: #82b198;
		}
		.footer .divider
		{
			color: #438a64;
		}
		.footer .content
		{
		}
		.footer a
		{
			text-decoration:none;
		}
		.footer a:hover
		{
			text-decoration:underline;
			color: #fff;
		}
		.footer hr
		{
			display: none;
		}
		
	/* legal stuff */
	
		.footer .legal
		{
			font-size: 90%;
			padding-top: 2px;
		}

		
	/* Phil Sandifur logo */	

		#PhilSandifur
		{
			width: 160px;
			height: 40px;
		}
		#PhilSandifur a
		{
			display: block;
			height: 100%;
			width: 100%;
			background: url(images/PhilSandifur.png) top left no-repeat;
			font-size: 0px;
			text-indent: -9999px;
			text-align: left;
		}
		
	/* facebook */
	
		.footer .facebook
		{
			position:absolute;
			top: 16px;
			right: 0px;
			width: 300px;
			text-align: right;
		}
		.footer .facebook span
		{
			font-size: 120%;
			font-weight: bold;
			color: #a0c4b1;
			padding-right: 120px;
		}
		.footer .facebook a
		{
			width: 115px;
			height: 45px;
			background: url(images/facebook.png) 0px 0px no-repeat;
			font-size: 0px;
			text-indent: -9999px;
			text-align:left;
			display:block;
			float: right;
			position:absolute;
			top:-18px;
			right: 0px;
		}