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

<style type="text/css">

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* FONTS */
body {
*font-size:small;*font:x-small;
	background-color: #e9e8e4;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
}
table {font-size:inherit;font:100%;}
th {font-style:normal;font-weight:normal;text-align:left;}
code {font-family:monospace;*font-size:108%;line-height:100%;}
input, textarea, select, option, optgroup {font-family:arial,helvetica,clean,sans-serif;font-size:inherit;font-weight:inherit;font-style:inherit;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}

em {font-style:italic;font-weight:normal;}
strong {font-style:normal;font-weight:bold;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* FLOATS */
.left {
	float:left;
	margin: 0px;
	padding: 0px;
}
.right {float:right;}
.clear {clear:both;}
.clearabove {line-height:0;height:0;font-size:0;clear:both;} /* Use on a clearing element following a float */
.clearcontents {overflow:hidden;zoom:1;word-wrap:break-word;} /*Use on a container to clear enclosed
floats */

.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;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

img.fltclr {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}
#mainwindow {
	background-color: #FFF;
}
#page {
}

/* HIDE */
.none {display:none;}
.hidden {visibility:hidden;}

/* CENTER CONTAINER */
body.center #container, body.center #page {margin-right:auto;margin-left:auto;}

/* LINKS */
a {
	color:#000;
	text-decoration:none;
}
a:link {
	text-decoration:none;
	color: #000;
}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/* HEADINGS*/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
h1 {
	font-size:1.9em;
	color: #645D4D;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
h2 {
	font-size:1.9em;
	color: #645D4D;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
h3 {
	font-size:1.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
	color: #645D4D;
}
h4 {
	font-size:1.5em;
	margin: 0 0 .5em 0;
}
h5 {
	font-size:1.3em;
	margin:0 0 .25em 0;
}
h6 {
	font-size:1.1em;
	margin:0 0 .25em 0;
}
 
/* TEXT */
p, ol, ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.7em;
	margin-left: 0;
}

/* DEFAULT LIST STYLES *//* add class="default_list" to ol, ul */
ol.default_list, ul.default_list {margin-left:3em;}
ol.default_list li {list-style:decimal outside;margin:0 0 .5em 0;}
ul.default_list li {list-style:disc outside;margin:0 0 .5em 0;}

/* FORMS *//* Needs Work/Testing */
fieldset {border:1px solid #cccccc;}
legend {color:#333333;font-weight:bold;margin:0 5px;}
textarea, input {}
form ol {}
form li {display:block;width:100%;margin:0 0 4px 0;padding:0;}
form .text_label {display:block;width:100px;margin:0 2px 0 0;}
form input.text_input, form select, form textarea {border:1px solid #CCCCCC;}
form input.text_input {width:185px;padding:2px;}
form textarea {width:285px;height:90px;padding:2px;}
form input.radio_input,form input.checkbox_input  {margin:0 3px;}

a img,:link img,:visited img {border:none;}

img {border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
body,td,th {
	font-size: 12px;
}

/* YUI FONT SIZING CHART: 10px=77% 11px=85% 12px=93% 13px=100% 14px=108% 15px=116% 16px=123.1% 17px=131% 18px=138.5% 19px=146.5% 20px=153.9% 21px=161.6% 22px=167% 23px=174% 24px=182% 25px=189% 26px=197% */

#page {
	width: 878px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	background-color: #FFF;
}
#header {
	background-image: url(../images/header878x152.jpg);
	height: 152px;
	width: 878px;
	background-repeat: no-repeat;
	float: left;
}

/* NAVIGATION BAR*/
#navbar {
	height: 34px;
	width: 541px;
	float: right;
	margin-right: 30px;
	margin-top: 111px;
}
#navbar ul {
	padding:0;
	margin:0;
}
#navbar li {
	display: inline;
	padding:0;
	margin:0;
}
#navbar li a:link, #navbar li a:visited {
	display: block;
	float: left;
	overflow: hidden;
	height: 34px;
}
#btn_home a {
	width: 84px;/*width of one button*/
	background-image: url(../images/navbuttons_sprite.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
#btn_home a:hover, #pg_home #btn_home a {
	background-position: 0 -34px;
}
#btn_home a:active {
	background-position: 0 -68px;
}
#btn_home span
{
  display: none;
}

#btn_about a {
	width: 86px;
	background-image: url(../images/navbuttons_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -84px top;
}
#btn_about a:hover, #pg_about #btn_about a {
	background-position: -84px -34px;
}
#btn_about a:active {
	background-position: -84px -68px;
}

#btn_about span
{
  display: none;
}

#btn_services a {
	width: 86px;
	background-image: url(../images/navbuttons_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -170px top;
}
#btn_services a:hover, #pg_services #btn_services a {
	background-position: -170px -34px;
}
#btn_services a:active {
	background-position: -170px -68px;
}
#btn_services span
{
  display: none;
}

#btn_projects a {
	width: 86px;
	background-image: url(../images/navbuttons_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -256px top;
}
#btn_projects a:hover, #pg_projects #btn_projects a {
	background-position: -256px -34px;
}
#btn_projects a:active {
	background-position: -256px -68px;
}
#btn_projects span
{
  display: none;
}

#btn_testimonials a {
	width: 105px;
	background-image: url(../images/navbuttons_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -342px top;
}
#btn_testimonials a:hover, #pg_testimonials #btn_testimonials a {
	background-position: -342px -34px;
}
#btn_testimonials a:active {
	background-position: -342px -68px;
}
#btn_testimonials span
{
  display: none;
}

#btn_contact a {
	width: 94px;
	background-image: url(../images/navbuttons_sprite.jpg);
	background-repeat: no-repeat;
	background-position: -447px top;
}
#btn_contact a:hover, #pg_contact #btn_contact a {
	background-position: -447px -34px;
}
#btn_contact a:active {
	background-position: -447px -68px;
}
#btn_contact span
{
  display: none;
}
#slideshow {
	height: 377px;
	width: 834px;
	float: left;
	background-color: #FFF;
}
.whitetext {
	color: #FFF;
}
#textleft {
	background-color: #C8C6BA;
	float: left;
	height: auto;
	width: 492px;
	margin-right: 11px;
	margin-left: 22px;
}
#textright {
	height: auto;
	width: 333px;
	float: left;
	background-image: url(../images/righttextbkgd.jpg);
	background-repeat: repeat-x;
	background-color: #7DBFB5;
}
.textarea {
	padding-top: 0px;
	padding-right: 12px;
	padding-left: 20px;
	height: auto;
}

#links {
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	height: 50px;
	float: left;
	font-size: 0.9em;
	clear: left;
	width: 878px;
}
.phone {
	font-size: 1.2em;
	font-weight: normal;
}

#links a {
	text-decoration: none;
}

#links a:hover {
	color: #333;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}


</style>
#textleft2 {
	background-color: #c8c6ba;
	float: left;
	height: auto;
	width: 492px;
	margin-right: 11px;
	margin-left: 22px;
}
#maincontent {
	height: auto;
	width: 878px;
	float: left;
	background-color: #FFF;
	background-image: url(../images/mainwindbkgwhite.jpg);
	background-repeat: no-repeat;
}

.photo-right {
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #000;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.photo-left {
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #000;
	float: left;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.photocaptiontxt {
	font-size: 0.9em;
	color: #000;
	line-height: 1.2em;
	font-weight: normal;
}
.photo-polaroid {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}