@charset "utf-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

html {
	color:#999;
	background:#404040;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
 *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/* FONTS */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 */
body {
	font:13px/1.231 Georgia, "Times New Roman", Times, serif;
 *font-size:small; /* for IE */
}
/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif;
}
/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1, h2, h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr, acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote, ul, ol, dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol, ul, dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th, td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p, fieldset, table, pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text], input[type=password], textarea {
	width:12.25em;
*width:11.9em;
}
.clear {
	clear: both;
}
/*STYLES*/

#wrapper {
	background-image: url(../images/frog_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #000;
}
#content {
	width: 800px;
	padding-left: 50px;
	padding-top: 20px;
	min-height: 417px;
	padding-bottom: 30px;
	font-size: 85%;
	line-height: 167%;
	letter-spacing: 0.03em;
}
#header {
	padding-top: 25px;
	padding-left: 48px;
}
#header h1#logo {
	background-image: url(../images/ts_logo.gif);
	display: block;
	height: 65px;
	width: 145px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#header #nav {
	/*width: 600px;*/
	width: 550px;
	float: left;
	margin-top: 36px;
	font-size: 145%;
	/*padding-left: 40px;*/
	padding-left: 50px;
}
#header #nav a, #header #nav a:visited {
	vertical-align: bottom;
	/*color: #666;*/
	color: #555;
	display: block;
	float: left;
	height: 31px;
	text-align: center;
	padding-right: 1.75em;
	padding-left: 1.75em;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-position: center -9999px;
	line-height: 1.5em;
	outline: none;
	margin: 0 10px;
}
#header #nav a:hover {
	color: #FFF;
	background-image: url(../images/nav_bg.png);
	background-position: center top;
}
#header #nav a:active {
	color: #76E11D;
}
#header #nav a.selected {
	color: #CCC;
}
#footer {
	height: 150px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	margin-top: 1em;
}
#footer-border {
	font-size: 0px;
	height: 1px;
	background-image: url(../images/footer-border.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer-content {
	width: 800px;
	padding-left: 50px;
	padding-top: 10px;
	font-size: 85%;
	line-height: 175%;
}
#footer-content ul {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	text-transform: lowercase;
	/*width: 133px;*/
	width: 160px;
}
#footer-content ul li {
	list-style-type: none;
}
#footer-content ul li strong {
	font-weight: normal;
	color: #FFF;
	font-size: 142%;
}
#footer-content a, #footer-content a:visited {
	color: #999;
}
#footer-content strong a, #footer-content strong a:visited {
	color: #FFF;
}
#footer-content a:hover {
	color: #FFF;
}
#caveat {
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 8px;
}
#caveat a {
	margin-right: 5px;
	outline: none;
}
#caveat .pad {
	margin-bottom: 4px;
}
a, a:visited {
	color: #76E11D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#content h2 {
	font-size: 541%;
	margin-left: -0.04em;
	color: #FFF;
	text-transform: lowercase;
	margin-top: 0.6em;
	margin-bottom: 1.2em;
}
#content h2#home-links {
	/*font-size: 625%;*/
	font-size: 625%;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	color: #CCC;
	line-height: 0.8em;
}
#home-links a, #home-links a:visited {
	color: #D91C20;
	text-transform: lowercase;
	padding-right: 12px;
	/*border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCC;*/
	margin-right: 12px;
	padding-bottom: 0.18em;
	display: block;
	float: left;
	margin-bottom: 0.5em;
}
#home-links a:hover, #nav a:hover {
	text-decoration: none;
}
#home-links a.end {
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
}
#content h3 {
	font-size: 220%;
	text-transform: lowercase;
	color: #E6E6E6;
	letter-spacing: 0.04em;
	margin-bottom: 0.35em;
}
#home-links a:hover {
	color: #76E11D;
}
p.intro {
	line-height: 167%;
	width: 520px;
	font-size: 108%;
	letter-spacing: 0.05em;
}
a#postit {
	background-image: url(../images/postit.png);
	height: 153px;
	width: 150px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 55em;
	top: 15em;
	background-position: left top;
}
a#postit:hover {
	background-position: left bottom;
}
#quote-box {
	width: 300px;
	position: fixed;
	top: 50%;
	right: -262px;
	height: 500px;
	margin-top: -250px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 150%
}
#quote-box #quote-form {
	width: 238px;
	float: left;
	height: 476px;
	background-color: #242424;
	padding: 10px;
	border: 2px solid #181818;
	-moz-opacity:.95;
	filter:alpha(opacity=95);
	opacity:.95;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#quote-box #quote-toggle {
	float: left;
	width: 38px;
	height: 101px;
	background-image: url(../images/quote_tab.png);
	margin-top: 180px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left top;
}
#quote-form input {
	background-image: url(../images/input_bg.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 233px;
	color: #999;
	border: 0;
	padding-top: 6px;
	padding-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #3B3B3B;
}
p.quote-title {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #76E11D;
}
p.quote-text {
	color: #666;
	margin-bottom: 1.5em;
}
#quote-form select {
	width: 240px;
	border: 1px solid #3C3C3C;
	background-color: #252424;
	color: #999;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 25px;
}
#quote-form select option {
	padding: 3px;
	background-color: #333131;
	display: block;
}
#quote-form textarea {
	background-image: url(../images/textarea_bg.jpg);
	background-repeat: no-repeat;
	height: 117px;
	width: 233px;
	color: #999;
	border: 0;
	padding-top: 6px;
	padding-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #3B3B3B;
}
#quote-form #quote-submit, a#contact-link, #guide-form #guide-submit {
	background-image: url(../images/get-a-quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 91px;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
}
#guide-form {
	width: 233px;	
}
#guide-form #guide-submit {
	background-image: url(../images/print-guide-form-button.gif);
}
a#contact-link {
	display: block;
	text-indent: -9999px;
	outline: none;
	margin-top: 2em;
}
#quote-form small {
	color: #4B4B4B
}
#quote-form .error {
	/*color: #C00;*/
	border-color: #C00;
}
.highlight {
	color: #76E11D;
}
.valid-icon {
	margin-top: 2em;
	margin-right: 10px;
}
#content #col1 {
	width: 350px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999;
	margin-right: 40px;
	float: left;
	margin-top: 1em;
}
#content #col2 {
	width: 350px;
	float: left;
	margin-top: 1em;
}
#map_canvas {
	height: 300px;
	width: 500px;
	border: 5px solid #FFF;
	float: left;
	margin-bottom: 2em;
}
#contact-col {
	float: left;
	width: 200px;
	margin-left: 2em;
}
.float-img {
	float: left;
	margin-right: 2em;
}
.float-left {
	float: left;
	width: 500px;
}
.portfolio {
	width: 380px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	padding-bottom: 13px;
	padding-top: 15px;
	margin-right: 20px;
	float: left;
}
.portfolio img, .portfolio-img img {
	float: left;
	padding: 5px;
	border: 1px solid #404040;
	margin-right: 10px;
	background-color: #000;
}
.portfolio p strong, .portfolio-content strong {
	color: #76E11D;
	font-weight: normal;
	font-size: 110%;
	line-height: 90%;
	margin-right: 3px;
}
.portfolio p {
	margin-bottom: 0px;
}
#content h2.green {
	color: #76E11D;
	font-size: 400%;
}
.portfolio-content#content .portfolio-img img {
	margin-right: 30px;
}
.portfolio-content#content .float-left {
	width: 420px;
}
.content-col1, .content-col2 {
	float: left;
}
.content-col1 {
	width: 330px;
}
.content-col2 {
	width: 470px;
}
.content-col1 ul, .content-col1 h3 {
	margin-top: 0px;
}
#content .content-col1 h3 {
	color: #666;
	margin-bottom: 1em;
}
.content-col1 ul li {
	list-style-type: none;
	background-image: url(../images/tick-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin-left: 0px;
	margin-bottom: 0.2em;
}
.content-col2 h4 {
	color: #D91C20;
	float: left;
	margin-right: 0.4em;
}
.hr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
	margin-bottom: 2em;
}
#content #guide-col {
	width: 335px;
	float: left;
	margin-top: 1em;
	margin-right: 20px;
}
.guide-shot {
	float: left;
	padding: 5px;
	border: 1px solid #404040;
	margin-right: 15px;
	margin-bottom: 15px;
}
#guide-grid {
	width: 320px;
	float: left;
	margin-top: 90px;
}