@charset "UTF-8";
/* 
Title:     Tree Top Builders global screen styles (gStyles.css)
Author:    darrin@darrinscottstudios.com
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	color: #333;
	line-height: 1.5em;
	background: #ffffe5;
	/*background: #ffffe5 url(../images/tile_bg.gif) repeat-y top left;*/
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* Links
=================================================================================== */
a:link, a:visited {
	color: #060;
	text-decoration: none;
}
a:hover, a:active {
	color: #060;
	text-decoration: underline;
	outline: none;
}
a:focus, input:focus {
	-moz-outline-style: none;
}

/* Page Layout
=================================================================================== */
.twoColFix #container {
	width: 1020px;
	margin: 0;
}
.twoColFix #sidebar1 {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
.twoColFix #mainContent {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0 0 40px 0;
	background: url(../images/hdr03.jpg) no-repeat top left;
}
.thrColFix #container {
	width: 1000px;
	margin: 0;
}
.thrColFix #sidebar1 {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
.thrColFix #sidebar2 {
	float: right;
	width: 400px;
	padding: 0;
}
.thrColFix #mainContent {
	float: left;
	width: 350px;
	margin: 0;
	padding: 100px 0 40px 0;
	background: url(../images/hdr03.jpg) no-repeat top left;
}
#shim { 
	height: 100px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
h1 {
	margin: 0;
	padding: .5em 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	color: #060;
}
h2 {
	margin: 0;
	padding: 1em 0 .3em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	color: #333;
}
h3 {
	margin: 0;
	padding: 1em 0 .3em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #4b371f;
}
#mainContent p {
	margin: 0;
	padding: .5em 0;
	font-size: 90%;
	/*text-align: justify;*/
}
#mainContent ul {
	margin: 0 3em;
	padding: 0;
	font-size: 90%;
}

/* Page specific styles
========================================================================================== */

/* Home */
#home h1 {
	margin: 0;
	padding: .5em 0 0 0;
}
#home h1+p {
	margin: 0;
	padding: 0;
}

/* Portfolio */
#grid p {
	margin: 0;
	padding: 0;
}
#grid img {
	margin: 0 5px 5px 0;
	padding: 0;
}

.picture { 
         background-color: #F9F9F9; 
         border: 1px solid #CCCCCC; 
         padding: 8px; 
         font: 11px/1.4em Arial, sans-serif; 
}
 
.picture img { 
         border: 1px solid #CCCCCC; 
         vertical-align:middle; 
         margin-bottom: 3px; 
} 
         
.right { 
       margin: 0.5em 0pt 0.5em 0.8em; 
       float:right; 
} 
.left { 
      margin: 0.5em 0.8em 0.5em 0; 
      float:left; 
} 

#nav {
	margin: 0;
	padding: 0;
	background: url(../images/mddl01.jpg) no-repeat top right;
}
/*Menu Outer Wrapper*/
.p7PMMv10 {
	width: 180px;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: inherit;
	padding: 0px;
	text-align: left;
	line-height: normal;
}
/*Hide Sub-Menu in Design View*/
.p7PMMv10 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMv10 ul {
	margin: 0;
	padding: 0;
}
.p7PMMv10 li {
	list-style-type: none;
}
.p7PMMv10 a {
	display: block;
	text-decoration: none;
	text-align: left;
}
/*

/*First Sub Level*/
.p7PMMv10 ul ul {
	z-index: 10000;
	width: 110px;
}
.p7PMMv10 ul ul li {
	background-image: none;
	background-color: #060;
	margin-bottom: 0px;
}
.p7PMMv10 ul ul a {
	padding: 5px 12px;
	color: #000 !important;
	text-align: left;
	background-color: #060;
}
.p7PMMv10 ul ul a:hover {
	background-color: #FFF !important;
	color: #060 !important;
	background-image: none;
}

/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMv10 img {
	border: 0 !important;
	vertical-align: bottom;
}
.p7PMMv10 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}

/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/
/*Sub Level*/
.p7PMMv10 ul ul a.trig_closed {
	background-image: url(images/pmm_east_dark.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMv10 ul ul a.trig_closed_left {
	background-image: url(../images/pmm_west_dark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMv10 ul ul a.trig_open, .p7PMMv10 ul ul a.trig_open_left {
	color: #FFF !important;
	background-color: #000 !important;
	background-image: none;
}

/*The Current Marker (You are here) links*/
.p7PMMv10 .current_mark {
	font-weight: bold;
	color: #000 !important;
	text-transform: uppercase;
}
.p7PMMv10 ul ul .current_mark {
	color: #FFF !important;
}
.p7PMMv10 .current_mark:hover {
	font-weight: bold;
	color: #FFFFFF !important;
}

/* Form Elements 
========================================================================================== */
form div {
	display: block;
	margin: 5px 0;
	padding: 0;
}
fieldset {
	margin: 1em 0;
	padding: 0;
	border: none;
}
legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333;
}
label {
	float: left;
	padding: 3px 2px 0 0;
	width: 10em;
	font-size: 90%;
	text-align: right;
}
/* style for required labels */
label .required {
	padding-right: 3px;
	color: #c00;
	vertical-align: middle;
}
.required {
	padding-left: 3px;
	color: #c00;
	vertical-align: middle;
}
input:focus, textarea:focus {
	background: #c5e4ab;
}
input {
	vertical-align: middle;
}
.textfield {
	width: 190px;
}
.state {
	width: 140px;
}
.zipcode {
	width: 40px;
}

/* Slideshow Gallery Navigation
========================================================================================== */
#galleryNav {
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 499px;
	font-size: 11px;
	border-top: 1px dotted #999;
}
.prevGal {
	float: left;
}
.nextGal {
	float: right;
}
.portfolioDescription {
	float: left;
	width: 499px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border-top: 1px dotted #999;
}

/* Footer
========================================================================================== */
#footerContainer {
	float: left;
	width: 1000px;
	text-align: center;
	border-top: 1px solid #ccc;
}
.footer {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}
.footer li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 4px 0 8px;
	font-size: 85%;
	background: url(../images/footer-li-bg.gif) no-repeat center left;
}
#copyright {
	float: left;
	width: 1000px;
	margin: 0;
	padding-bottom: 5px;
	font-size: 85%;
	display: inline;
	text-align: center;
}