* { padding:0; margin:0; }
html { background-color:#FFFFFF;}
body { font-family:helvetica, arial, sans-serif;font-weight: lighter;font-size:.9em;
line-height: 1.3em; margin: 0;}
a { text-decoration: none; color:#333333; }
a:hover { text-decoration: none; color:#10829c; }
a img { display:block; border: 0px solid #CCC;}
ul { list-style: none;}
img { display:block; border: 0px solid #CCC; padding: 0 0 3px 0;}
#wrapper { width:740px; margin: 0 auto; background-color:#FFFFFF; }
#header { padding: 30px 0 5px 0; height:70px; position:relative; }
div#side-color-bar { position: absolute; top:31px; height:70px; width:7px; background-color:#3c99ac;}
#branding h1 { background: url(http://www.treebetty.com/tbd/template-files/images/treebetty-design-logo.gif) no-repeat ;
height:75px; display:block; width:114px;text-indent: -9000px; float: left; ; z-index:2 ; }
#branding.bluebar { border-bottom: 3px solid #10829c; padding-bottom:8px; }
#main-nav { float:right ;width: 610px; height: 20px; }
#main-nav li { display:block; background: url(http://www.treebetty.com/tbd/template-files/images/navArrow.gif) 23px 6px
no-repeat; }
#main-nav li a:hover { text-decoration: none; color: #10829c; border-bottom: 0px solid #10829c;
padding-bottom:8px; }
#main-nav li.selected a { color: #10829c; text-decoration: none; border-bottom: 0px solid #888888;
padding-bottom:8px; }
ul#nav-container { list-style: none; margin: 0 30px 0; padding: 50px 0 0 0 ; border: none; float: right; }
ul#nav-container li { padding: 0px 10px 0 40px; font-family: Georgia, serif; float:left;
font-size:1.2em; color:#000000;}
body.WorkGrid li#work a { color: #10829c; }
body.work li#work a { color: #10829c; }
body.services li#services a { color: #10829c; }
body.about li#about a { color: #10829c; }
body.blog li#blog a { color: #10829c; }
body.Main li#Main a { color: #10829c; }
body.inquiries li#inquiries a { color: #10829c; }
body.blog li#notes a { color: #10829c; }
/* HOME PAGE STYLES */
.blog #main-content { padding:0 0 20px 0; margin: 0 auto; clear: both; }
.WorkGrid #main-content { padding:0 0 20px 0; height: 975px; margin: 0 auto;}
.Main #main-content { padding:0 0 10px 0 ; margin: 0 auto;}
.Home #main-content { padding:0; height: 325px; margin: 0 auto;}
.services #main-content { padding:20; height: 450px; margin: 0 auto;}
.about #main-content { padding:20; height: 450px; margin: 0 auto;}
.inquiries #main-content { padding:20; height: 400px; margin: 0 auto; border: 0px solid #CCC;}
div#content-top { margin:20px 60px 20px 55px; }
#main-content h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.85em;
font-weight:lighter; line-height:1.55em; color:#333333; }
ul#project-thumbs { list-style: none; margin: 0; padding: 30px 0 0px 0; }
#project-thumbs li { float: left; padding:0 30px 0 0;}
h2.column-main-content { font-size:.85em; line-height:1.5em; color:#555555; font-weight:lighter;}
h2.col-sub-header { font-weight: lighter; font-size:.7em; color:#10829c;}
h2.col-sub-bodytext { font-weight: lighter;font-size:.8em; line-height: 1.4em; color:#555555;}
h3.project-bodycopy { font-size:.85em; line-height:1.5em; color:#555555; font-weight:lighter;}
h3.column-header { font-size:1.0em; line-height:1.5em; color:#222222;
font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter;}
h3.project-function { font-size:.85em; line-height:1.5em; color:#555555; font-weight:lighter;}
h3.services-subcopy { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em;
font-weight:lighter; line-height:1.5em; color:#333333; }
h3.about-subcopy { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em;
font-weight:lighter; line-height:1.5em; color:#333333; }
h4.about-biocopy { font-size:.85em;font-weight:lighter; line-height:1.5em; color:#555555; }
h3.service-item { font-size:.9em; line-height:1.5em; color:#333333; font-weight:regular;letter-spacing:0em }
h4.service-sub-item { font-family:Georgia, "Times New Roman", Times, serif;font-size:.9em; line-height:1.5em;
color:#333333; font-weight:lighter;}
h4.long-short-version { font-family:Georgia, "Times New Roman", Times, serif; font-size:.75em;
font-weight:lighter; line-height:2em; color:#333333; }
h3.about-biotitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em;
font-weight:lighter; line-height:2em; color:#333333; }
h3.inquiry-subhead { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em;
font-weight:lighter; line-height:1.5em; color:#333333; }
/* Services Styles */
body.services h2.subtext { font-weight: lighter;font-size:.8em; line-height: 1.4em; color:#555555;}
#types-of-work-table { padding: 10px 0 0 0;}
#secondary-content { padding: 15px 0 5px 0; /* background: #f2f2f2 */ }
#column-1 { float:left; width:27%; padding:0 25px 0 35px;}
#column-2 { float:left; width:27%; padding:0 45px 0 0px;}
#column-3 { float:left; width:27%;}
/* div#footer { margin:0 auto; padding:25px 0 20px 50px;} */
div#footer { margin:0 auto; padding:10px 0 30px 0; width:740px; text-align:center;}
#footer a { text-decoration: none; color: #777777; font-weight:bold; }
#footer a:hover { text-decoration: none; color: #10829c; font-weight:bold; }
h2.footer { font-family:helvetica, arial, sans-serif; font-weight: lighter;font-size:.7em;
line-height: 1.3em; color:#777777;}
ul#col-sub-list { list-style: none; margin: 0; padding: 0 0 15px 0; }
#col-sub-list li.header { background: url(images/navArrow.gif) 23px no-repeat;}
#sub-category li { float:left; padding:0 9px 0 0; }
#sub-category li a { text-decoration: none; color: #333333; }
#sub-category li a:hover { text-decoration: none; color: #10829c; border-bottom: 3px solid #10829c;
padding-bottom:7px; }
#sub-category li.selected { display:block; }
#sub-category li.selected a { color: #10829c; text-decoration: none; border-bottom: 0px solid #10829c;
padding-bottom:0px;font-weight: bolder; }
ul#sub-category { list-style: none; margin: 0 0 0 0; padding:0 0 50px 0 ; border: none; width:100%; }
h4.sub-nav-header { font-weight: bold; font-size:.75em; color:#111111;}
h4.ViewMoreWork-header { font-weight: bold; font-size:.75em; color:#10829c;}
h4.sub-nav-item { font-weight: bold; font-size:.75em; color:#111111;}
h4.secondary-body-copy { font-family:Georgia, "Times New Roman", Times, serif; font-weight: lighter; font-size:1.1em; color:#333333; line-height: 1.5em;}
/* PROJECT PAGE STYLES */
.work #main-content { padding:0; height: 370px; margin: 0 auto;}
div#content-left.logos { width: 50%; float:left; padding:35px 0 0 20px; margin:0px auto;}
div#content-left.print { width: 35%; float:left; padding:15px 0 0 30px; margin:0px auto;}
div#content-right.logos { width: 40%; float:left; padding: 100px 0 0 0px; z-index:5; }
div#content-right.print { width: 35%; float:left; padding: 100px 20px 0 160px; }
#project-info { padding: 0 0 0 0; width:285px;}
ul#project-info { list-style: none; border: none; float: right; }
#secondary-info { padding: 20px 0 0 0; }
ul#secondary-info { list-style: none; border: none; float: right; }
#secondary-info li { padding: 0px 0 0 0;}
#project-info li { padding: 6px 0 0 0;}
#project-info li.project-title { font-weight: bold; font-size:1.6em; color: #222222; }
#project-info li.project-subtitle { font-family:Georgia, "Times New Roman", Times, serif; font-weight: lighter;
font-size:.75em; text-transform: uppercase; color: #333333; letter-spacing:0em; }
#project-info li a { text-decoration: none; color: #444444; font-weight:bold; font-size:.95em;}
#project-info li a:hover { text-decoration: none; color: #10829c; font-weight:bold; }
div#pagination-links { position: relative; top:34px; left: 440px; font-weight: bold; font-size:1.1em; letter-spacing: 1px; width: 220px; z-index:4; }
div#pagination-links b { color: #10829c; font-weight:bold;}
#pagination-links a { text-decoration: none; color: #333333; font-weight:lighter; }
#pagination-links a:hover { text-decoration: none; color: #10829c; }
#project-nav { margin: 0px 0 0 0; padding: 4px 10px 0 0; height:24px; background-color:#FFFFFF;
border-bottom: 3px solid #d9d9d9; padding-bottom:0px; font-size:1.1em; position: relative; }
#previous-nav { position: absolute; left:0px; top:3px; height:70px;font-weight:bold;
}
/* #category-nav { position: absolute; top:3px; left: 200px; height:70px;font-weight:bold;
} */
#category-nav { position: absolute; top:3px; left: 290px; height:70px;font-weight:bold;
}
#category-nav a { text-decoration: none; color: #111111; font-weight:lighter;
display:block;}
#category-nav a:hover { text-decoration: none; color: #10829c; font-weight:lighter; display:block;}
#num-nav { position: absolute; top:3px; left: 385px; height:70px; }
#next-nav { position: absolute; top:3px; right: 0px; height:70px;}
ul#num-nav-list { list-style: none; border: none; float: left; }
#num-nav-list li { padding: 0px 4px 0 ; float:left;}
#num-nav-list li a { text-decoration: none; color: #444444; font-weight:lighter;}
#num-nav-list li a:hover { text-decoration: none; color: #10829c; font-weight:lighter; }
#BackToWork { position: absolute; top:3px; left: 10px; height:70px; }
#ViewMoreWork { position: absolute; top:3px; left: 485px; height:70px;font-weight:bold;
}
#project-nav a { text-decoration: none; color: #111111; display:block;}
#project-nav a:hover { text-decoration: none; color: #10829c; display:block;}
/* SERVICES STYLES */
body.services div#secondary-content {position:relative; }
div#left-column {padding :10px 0; float:left; height: 150px;}
div#right-column {padding :10px 0; float:right; height: 150px;}
table.types-of-work-table
{ font-weight: normal;
font-size: .9em;
color: #333333;
width: 325px;
line-height: 1.75em;
border-spacing: 0px;
margin-top: 20px;
padding : 10px 0;}
table.types-of-work-table2
{ font-weight: normal;
font-size: .9em;
color: #333333;
width: 220px;
line-height: 1.75em;
border-spacing: 0px;
margin-top: 20px;
padding : 10px 20px 0 0;}
table.what-we-do-table
{ font-weight: normal;
font-size: .9em;
color: #333333;
width: 675px;
line-height: 1.75em;
border-spacing: 0px;
margin-top: 20px;
padding : 10px 0;}
ul.what-we-do-list { color:#111111;
padding:0 0 0px px;
}
ul.what-we-do-list li { padding: 0 0 20px 13px;
background: url(http://www.treebetty.com/tbd/template-files/images/blueArrow.gif) 0px 5px no-repeat;
}
table.types-of-work-table td.work-type-header
{ font-family:Georgia, "Times New Roman", Times, serif; font-weight: lighter;
font-size:1.6em; color: #10829c; letter-spacing:0em; padding: 10px 0; }
table.types-of-work-table2 td.work-type-header2
{ font-family:Georgia, "Times New Roman", Times, serif; font-weight: lighter;
font-size:1.6em; color: #10829c; letter-spacing:0em; padding: 10px 0; }
/* ABOUT US STYLES */
body.about div#secondary-content {position:relative; padding: 20px 0; width: 600px; }
/* INQUIRIES STYLES */
table#DesignInquiry { font-family: Arial, Helvetica, sans-serif;font-size: .75em; font-weight: lighter;}
fieldset { border: #666666 solid 0px; width: 460px; background-color:#FFFFFF; }
.textfield{ width: 200px; font-size: 1em; }
.textarea{ width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
.tdline {font-size:1.1em; line-height: 2em;}
.button { font-size: .8em;
font-weight: bold;
border: 1px solid #999;
background-color: white;
padding: .3em 1em .4em;
}
input:focus, textarea:focus { background-color:#F8F8E5;}
input[type="text"],textarea { border-top: 2px solid #999999; border-left: 2px solid #999999; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0;
}
table#clientlogin { font-family: Arial, Helvetica, sans-serif; font-weight: lighter; width:50px;}
#clientlogin .textfield { width: 150px; font-size: .75em; }
div.hr {height: 3px; background: url(http://www.treebetty.com/tbd/template-files/images/horizontal_divider.gif) 0 50% repeat-x; padding:10px 0 0 0;}
div.clear {width: 100%; height:1px; margin-top: -1px; clear:both; overflow:hidden; }
.accented {color: #3c99ac; letter-spacing:0em; }
.accentedNav {color: #3c99ac; letter-spacing:.2em; }
/* WORK GRID STYLES */
table#work-grid { width: 700px; height: auto; line-height:.95em; padding: 0 0 0 20px; }
table#work-grid td.workCol { padding: 0 3px 0 3px; /* Spacing between table cells*/
width:125px;}
h3.List-Label { font-size: .7em; line-height:1.3em; font-weight: bold; }
h1.List-Content { font-size: .7em; line-height:1.3em; font-weight: lighter; }
ul.WorkBox-List { color:#111111;
padding:30px 0 0px 13px;
height: 208px; /* Lt Gray Bottom Border */
border-bottom: 5px solid #CCCCCC;
background: url(http://www.treebetty.com/tbd/template-files/images/blueArrow.gif) 2px
165px no-repeat; }
ul.WorkBox-List li { padding: 0 0 5px 0px;}
div#grid-footer { margin:0 auto; padding:0; width:740px; text-align:center;}