body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #000;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    font-size: 13px;
    color: #D8D7CE;
    line-height: 18px;
}
h1, h2, h3, h4, p.tagline, legend {
	font-family: Georgia, "Times New Roman", Times, serif;
}
p, h1, h2, h3, h4 {
	margin-bottom: 15px;
}
			
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #FFF;
    text-decoration: underline;
}
a:hover, a:active {
    color: #CCC;
    text-decoration: underline;
}
h1 span, h2 span, h3 span {
    display: none;
}
li {
    list-style: none;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

#top, #main, #content, #bottom, #extra, #footer {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top-wrapper {
	background: #FFF url(_images/top.jpg) 0 0 repeat-x;
	height: 136px;
	overflow: hidden;
}
#top {
	background: url(_images/top-wave-760.jpg) 0 0 no-repeat;
}

/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */

#main-wrapper {
	background: #736F4F url(_images/main.jpg) 0 0 repeat-x;
	padding-bottom: 25px;
}
#main {
	background: url(_images/main-glow.jpg) top right no-repeat;
}

	/* MENU ------------------------------ */
	
	/* SPRITE NAVIGATION */ 
	#menu {
		background: url(_images/menu.jpg) 0 0 no-repeat;
		width: 442px;		/* Width of entire image */ 
		height: 60px;		/* Height of buttons */
	}
	#menu span {
		display: none;
	}
	#menu li, #menu a {
		height: 60px;		/* Each button must have the same height, define it here */ display: block;
	}
	#menu li {
		float: left;
		list-style: none;
		_display: inline;		/* fixes IE/Win double margin float bug (safe) */
	}
	
	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-home 		{ width: 80px; }
	#menu-about 	{ width: 80px; }
	#menu-attractions 	{ width: 95px; }
	#menu-tariffs { width: 98px; }
	#menu-contact 	{ width: 89px; }
	
	/* Changed values should match sum of "width" numbers specified above */ 
	#menu-home a:hover, #home #menu-home a:visited 					{ background: transparent url(_images/menu.jpg) 0px -60px no-repeat; }
	#menu-about a:hover, #about #menu-about a:visited  				{ background: transparent url(_images/menu.jpg) -80px -60px no-repeat; }
	#menu-attractions a:hover, #attractions #menu-attractions a:visited 		{ background: transparent url(_images/menu.jpg) -160px -60px no-repeat; }
	#menu-tariffs a:hover, #tariffs #menu-tariffs a:visited 	{ background: transparent url(_images/menu.jpg) -255px -60px no-repeat; }
	#menu-contact a:hover, #contact #menu-contact a:visited 		{ background: transparent url(_images/menu.jpg) -353px -60px no-repeat; }
	
	#breadcrumbs li {
		font-size: 11px;
		float: left;
		border-left: 1px solid #878368;
		padding-left: 7px;
		margin-right: 7px;
		color: #98957D;
	}
	#breadcrumbs li.first {
		padding-left: 0px;
		border-left: 0px;
	}
	#breadcrumbs a:link, #breadcrumbs a:visited {
		color: #B2B09A;
		text-decoration: none;
	}
	#breadcrumbs a:hover, #breadcrumbs a:active {
		color: #98957D;
		text-decoration: none;
	}
	
	#intro {
		width: 400px;
		float: left;
	}
		#intro h1 {
			font-size: 28px;
			color: #FFF;
			margin-top: 25px;
		}
		#intro p.tagline {
			font-size: 18px;
			color: #DFDED5;
			margin-top: -20px;
		}
		
		.underline {
			background: url(_images/underline.gif) 0 0 repeat;
		}
		.underline h2 {
			font-size: 13px;
			line-height: 24px;
			color: #FFF;  
			margin-bottom: 0px;
		}
		.underline p, .underline ul {
			margin-bottom: 24px;
		}
		.underline p, .underline li {
			line-height: 24px;
		}
		.underline li {
			background: url(_images/side-li.gif) 0 7px no-repeat;
			padding-left: 15px;
		}
	
	#side {
		width: 308px;
		float: right;
	}
	#side-content {
		margin: 80px 30px 0 40px;
	}
		#side-content h2 {
			color: #FFF;
			font-size: 16px;
			margin-top: 20px;
		}
	
		.more-info li {
			line-height: 20px;
			border-bottom: 1px solid #7E7A5E;
			font-size: 12px;
			background: url(_images/side-li.gif) 0 5px no-repeat;
			padding-left: 15px;
		}
		.more-info li a {
			text-decoration: none;
			display: block;
		}
		
		#side-content blockquote, #content blockquote {
			background: url(_images/quotation.gif) 0 0 no-repeat;
			padding-left: 35px;
			padding-top: 10px;
			font-size: 14px;
		}
		#content blockquote {
			width: 300px;
			float: right;
			margin-left: 25px;
			color: #EAE9DE;
		}
			blockquote span {
				font-style: italic;
				font-size: 12px;
			}
			
	
	
/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */
#content-wrapper {
	background: #827E60;
	padding-top: 25px;
	padding-bottom: 25px;
}
	#content h1 {
		font-size: 20px;
		color: #bfb6aa;
	}
	#content h2 {
		font-size: 16px;
		color: #c3e2e4;
	}
	#content dt {
		font-weight: bold;
	}
	#content dd {
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ABA995;
	}
	#content ul {
		margin-bottom: 15px;
	}
	.content-list li {
		padding-left: 20px;
		background: url(_images/content-li.gif) 0 5px no-repeat;
		line-height: 24px;
		border-bottom: 1px solid #949176;
	}
	#content .plan li, #content .thumbnail-list {
		padding: 0;
		background: none;
		border: 0px;
		line-height: 16px;
	}
	
	/* FEATURED ON HOME PAGE */
	#featured-thumb {
		float: left;
		width: 250px;
	}
	#featured-content {
		float: right;
		width: 500px;
	}

/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */
#bottom-wrapper {
	background: #5F5B3E url(_images/bottom.jpg) 0 -40px repeat-x;
	padding-top: 15px;
}
#home #bottom-wrapper {
	background: #5F5B3E url(_images/bottom.jpg) 0 0 repeat-x;
	padding: 0px;
}
	#home .bottom-section {
		float: left;
		width: 220px;
		margin-right: 33px;
		margin-bottom: 25px;
	}
	#home .bottom-section h1 {
		text-indent: -100em;
		overflow: hidden;
		height: 49px;
	}
	#section1 h1 { background: url(_images/services.jpg) 0 0 no-repeat; }
	#section2 h1 { background: url(_images/advantage.jpg) 0 0 no-repeat; }
	#section3 h1 { background: url(_images/results.jpg) 0 0 no-repeat; }
	
	#bottom p, #bottom li {
		font-size: 12px;
	}

#bottom {
	padding-bottom: 25px;
}
	#bottom h1 {
		font-size: 20px;
	}
	#bottom h2 {
		font-size: 16px;
		color: #FFF;
		border-top: 1px solid #B0AB87;
		border-bottom: 1px solid #B0AB87;
		text-align: center;
	}
	.bottom-section {
		width: 350px;
		margin-right: 30px;
		float: left;
	}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer-wrapper {
	background: #000;
	padding: 15px 0 15px 0; 
}
	#blog {
		width: 250px;
		float: left;
	}
	#footer-menu {
		width: 500px;
		float: right;
		text-align: right;
		margin-top: 20px;
		font-size: 12px;
	}


/* ----------------------------------- */
/* CONTACT PAGE
/* ----------------------------------- */

.contact-info li {
	margin-bottom: 10px;
	line-height: 16px;
}
.contact-info li strong { 
	display: block;
	color: #FFF;
}
.contact-info li.address {
	background: url(_images/address.gif) 0 3px no-repeat;
	padding-left: 35px;
}
.contact-info li.phone {
	background: url(_images/phone.gif) 0 2px no-repeat;
	padding-left: 35px;
}
.contact-info li.email {
	background: url(_images/email.gif) 0 3px no-repeat;
	padding-left: 35px;
}

p#rfq {
	background: url(_images/rfq.gif) 3px 0 no-repeat;
	padding-left: 30px;
	line-height: 26px;
	font-weight: bold;
}
p#basecamp {
	background: url(_images/basecamp.gif) 0 0 no-repeat;
	padding-left: 30px;
	line-height: 26px;
	font-weight: bold;
}

#contact-form fieldset {
	margin-bottom: 20px;
}
#contact-form fieldset.mini {
	width: 340px;
	margin-right: 30px;
	float: left;
	display: inline;
}
#contact-form fieldset.large {
	padding: 15px;
	background: #888469;
}
#contact-form legend {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
}
#contact-form input, #contact-form textarea, #contact-form select {
	font-weight: normal;
}
.input {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #5F5B3E;
	color: #FFF;
	font-size: 14px;
	padding: 3px;
	background: #99957B;
}
#contact-form fieldset input:focus {
	border-bottom: 1px solid #000;
	background: #A9A692;
}
#contact-form fieldset textarea {
	line-height: 24px;
	width: 100%;
}
#contact-form fieldset textarea:focus {
	border-bottom: 1px solid #000;
	background: #9B9881 url(_images/underline.gif) 0 0 repeat;
}
#contact-form p {
	font-weight: bold;
}
span.required {
	font-size: 11px;
	color: #99957B;
	font-weight: normal;
}
#contact-form label {
	font-size: 11px;
	color: #FFF;
}
#contact-form select {
	color: #000;
}
#contact-form .submit {
	background: #5F5B3E;
	color: #FFF;
	border: 1px solid #9B9881;
}
#contact-form table {
	width: 100%;
}
#contact-form th {
	width: 300px;
	vertical-align: top;
}
#contact-form td {
	vertical-align: top;
}
#contact-form th, #contact-form td {
	border-bottom: 1px solid #B0AC94;
}

/* ----------------------------------- */
/* SERVICES
/* ----------------------------------- */
.plan {
	background: #8A866B;
	padding: 20px;
	margin-bottom: 15px;
	border-top: 8px solid #5F5B3E;
	border-left: 2px solid #5F5B3E;
	border-right: 2px solid #5F5B3E;
	border-bottom: 2px solid #5F5B3E;
}
	.plan-examples {
		width: 200px;
		float: left;
	}
	.plan-content {
		width: 510px;
		float: right;
	}
	.plan-examples .thumbnail-list li {
		margin-bottom: 10px;
	}
	.plan h3 {
		font-size: 16px;
		color: #FFF;
	}
	.price {
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
	}
	.plan-content li {
		font-size: 11px;
		line-height: 20px !important;
		border-bottom: 1px solid #ABA995 !important;
	}
	
	.service {
		float: left;
		width: 231px;
		margin-right: 33px;
	}
	.last {
		margin: 0px !important;
	}

/* ----------------------------------- */
/* PORTFOLIO
/* ----------------------------------- */

.thumbnail-list li {
	width: 170px;
	margin-right: 15px;
	margin-bottom: 25px;
	float: left;
	font-weight: bold;
}
	.thumbnail-list a .thumb {
		width: 160px;
		padding: 5px;
		border: 1px solid #ABA995;
		background: #9B9880;
	}
	.thumbnail-list a:hover .thumb {
		border-color: #FFF;
	}
	.thumbnail-list li a {
		text-decoration: none;
		color: #FFF;
	}
	.thumbnail-list li a span {
		font-size: 10px;
		font-weight: normal;
		color: #ABA995;
		display: block;
	}
	.thumbnail-list li a:hover span {
		text-decoration: underline;
	}
	
	.underline-list {
		margin-bottom: 15px;
	}
	.underline-list li {
		width: 245px;
		float: left;
		font-size: 11px;
		line-height: 20px !important;
		border-bottom: 1px solid #ABA995 !important;
		background: none;
	}
		.underline-list li a {
			text-decoration: none;
		}
	
	#project-details {
		width: 500px;
		margin-right: 40px;
		float: left;
	}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 40px;
}
.sIFR-hasFlash #bottom h1 {
	visibility: hidden;
	line-height: 30px;
}
.sIFR-hasFlash #content h2, .sIFR-hasFlash #contact-form legend, .sIFR-hasFlash #bottom h2 {
	visibility: hidden;
	line-height: 26px;
}
.sIFR-hasFlash .tagline {
	visibility: hidden;
	line-height: 26px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-height:100%;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
  color: #000;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  border:none;
  clear:both;
}