/* Main Globals
--------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #4e4c4c; background: #fff; min-width: 986px;}
img {border: 0;}
table {border-collapse: collapse;}
td {vertical-align: middle;}
ul {list-style: none; margin: 15px 0 15px 0;}
ul li {margin: 0 0 0 -40px;}
.hr {border-top: 1px solid #cfcecd; margin: 25px 0;}
.hr.light {border-color: #ededec; clear: both;}
.hr.thick {border-top: 4px solid #ecf0e9; clear: both;}
.block, #content .block {display: block !important;}
.none {display: none;}
.normal {font-weight: normal !important;}
.textright {text-align: right;}
.textcenter {text-align: center;}
.small {font-size: 70%; font-weight: normal;}
.note {color: #b7b7b6;}
abbr, acronym {border: none;}
blockquote {margin: 0 0 0 20px; border-left: 4px solid #ededec; padding-left: 20px; color: #000; font-style: italic;}
blockquote cite {display: block; font-style: normal; font-size: 90%; margin-top: 10px; text-align: right;}


/* Global Float Control Classes (left=float: left, right=float: right, shocking!)
--------------------------------------------------------------------------------------------*/
.left {float: left;}
.right {float: right !important;}
.center {text-align: center;}
.clear {clear: both;}
.sink {float: none !important;}


/* Links
--------------------------------------------------------------------------------------------*/
:focus, :active  {outline: none !important;}
a {color: #65738e; padding: 2px 3px; font-weight: bold; text-decoration: none;}
a:visited {color: #838b99;}
a:hover, a:active {padding: 2px 3px; color: #26334a; background: #ecf0e9;}
.hover {cursor: pointer;}
.target {padding: 0; border: 0;}
a.blank {background: transparent url(../img/newwin.jpg) right -69px no-repeat; padding-right: 25px;}
a.blank:hover, a.blank:focus {background: transparent url(../img/newwin.jpg) right -103px no-repeat; padding-right: 25px;}
a.imglink {background: transparent; padding-right: 3px;}
a.imglink:hover, a.imglink:focus {background: #ecf0e9; padding-right: 3px;}
.form a, .form a:hover, .form a:focus {background: transparent; padding: 0;}
.green, .green:visited {color: #617b34 !important;}
a.green:hover, a.green:focus {color: #485b27 !important;}
.black {color: #000 !important;}


/* Header
--------------------------------------------------------------------------------------------*/
#header {color: #393735; background: #ecf0e9 url(../img/header-bg.jpg) 0 0 repeat-x; text-align: center;}
#header #wrap {min-height: 375px; width: 946px; padding: 0 20px; margin: 0 auto; text-align: left; background: transparent url(../img/headers/rotate.php) right 66px no-repeat;}
#bodycontact #header #wrap {background: transparent url(../img/headers/rotate.php) right 66px no-repeat;}
#header a:hover {padding: 0;}
#header .skip {color: #fff; padding: 10px 4px 0 4px; float: left; opacity: .00; font-weight: normal; background: #20333c url(../img/skip.gif) center 28px no-repeat; height: 31px; display: block;}
#header .skip:hover {padding: 10px 4px 0 4px; opacity: 1.00; background-position: center 28px; color: #fff;}
#header span {font-weight: bold; color: #2f3545;}
#header strong {color: #727070;}
#header strong.alt {color: #393735;}
#header #logo {display: block; width: 294px; height: 115px; background: transparent url(../img/logo.jpg) 0 0 no-repeat; padding: 0; text-indent: -4000px;}
#header #logo:hover, #header #logo:focus {background-position: 0 -115px;}
#header .intro {width: 578px; margin: 84px 0 20px 0; clear: both; float: left;}
#header h1 {margin: 51px 0 0 0; padding: 0; clear: both; float: left;}
#header h3 {font-weight: normal; font-size: 120%; margin: 0;}
.member-info {float: right; margin: 0 15px 0 0; color: #b8bdb5; font-size: 80%}
.member-info span {color: #9e8b70;}
.member-info a {font-weight: normal; color: #9e8b70;}
#header .member-info a:hover {padding: 2px 3px; color: #15252c;}


/* Main Navigation
--------------------------------------------------------------------------------------------*/
#underlinemenu{
margin:0;
font-size:16px;
font-family: "Trebuchet MS", Arial, sans-serif;
padding:0;
float:right;
}

#underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

#underlinemenu ul li{
display: inline;
}

#underlinemenu ul li a{
color: white;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 50px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

#underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 50px; /*spacing between each menu link*/
border-bottom: 3px solid white; /*bottom border is 3px*/
background:transparent;
}


/* Main Wrapper
--------------------------------------------------------------------------------------------*/
#wrapper {width: 946px; min-height: 100%; margin: 0 auto; text-align: left; padding: 0 20px;}


/* Home Page
--------------------------------------------------------------------------------------------*/
#bodyhome #content {width: 578px;}
#bodyhome h1 {float: left; width: 456px;}
#bodyhome #content #gallery {float: left;}
#bodyhome #content .description {width: 207px; float: right; display: none; margin-top: -10px; height: 205px;}
#bodyhome #content .description .more a {color: #cdcdcc; padding: 0;}
#bodyhome #content .description .more a:hover {color: #a6a69a; padding: 0; background: transparent;}
#message {display: none; background: #e3e7e1;}
.split a.small {font-weight: normal;}

/*Right Column*/
#bodyhome #sidebar {width: 312px;}
#bodyhome #sidebar a.rss {margin-bottom: 0;}
#bodyhome #sidebar h3 {margin-left: 9px;}
#bodyhome .recent {color: #5f625e; padding: 15px 8px 0 8px; margin: 15px 0 15px 0; border: 1px solid #fff;}
#bodyhome .recent h2 {font-size: 100%; margin: 0;}
#bodyhome .recent h2 a {color: #3f443b; padding: 0; display: block;}
#bodyhome .recent .date {color: #c1c0bf; font-size: 90%;}
#bodyhome .recent img, #bodyhome .recent .note {display: none;}
#bodyhome .recent blockquote {margin: 0; padding-top: 0;}
#bodyhome .recent.hover {background: #fff url(../img/recent-bg.jpg) 0 bottom repeat-x; border-color: #cfcecd;}
#bodyhome .recent.hover h2 a, #bodyhome .recent.hover h2 a:hover {color: #26334a; background: transparent;}
#bodyhome #sidebar .vcard {padding: 0; border: 0;}
#bodyhome #sidebar a.bloglink {height: 136px; width: 136px; padding: 0; display: block; margin: 0 0 0 9px; background: transparent url(../img/blogs-sqr.jpg) 0 0 no-repeat; text-indent: -4000px; float: left;}
#bodyhome #sidebar a.endlessarray:hover {background-position: 0 -136px; padding: 0;}
#bodyhome #sidebar a.repeatpenguin {background-position: 0 -272px; margin-left: 20px;}
#bodyhome #sidebar a.repeatpenguin:hover {background-position: 0 -408px; padding: 0;}


/* General Content
--------------------------------------------------------------------------------------------*/
#content {width: 669px; float: left; padding-bottom: 73px;}
#bodywide #content {width: 100%; float: none;}
#content h1 {font-size: 200%; color: #0e181d; font-family: "Trebuchet MS", Arial, sans-serif; margin: 25px 0;}
#content h1 span {color: #cdcdcc;}
#content h2 {color: #434a4d; margin: 15px 0; font-size: 140%;}
#content h2.alt {color: #0b0c0d; margin-top: -5px;}
#content h2.project {color: #727070; clear: both; font-size: 160%; float: left;}
#content h2.border {border-bottom: 4px solid #ecf0e9; padding-bottom: 2px; margin: 0 0 35px 0;}
#content h3 {color: #727070; font-size: 130%;}
#content h3.alt, #sidebar h3, .bodysitemap #content h3 {font-family: "Trebuchet MS", Arial, sans-serif; margin: 33px 0 10px 0;}
#content h4 {color: #9e8b70;}
#content p, #sidebar p {margin: 15px 0; text-align: justify;}
#content ul li {background: transparent url(../img/bullet.jpg) 0 2px no-repeat; padding-left: 25px; margin: 5px 0 5px -20px;}
#content .more {text-align: right;}

.thinbox {border: 1px solid #b8bdb5; padding: 20px;}
.thinbox .tabbed {margin-bottom: 0;}
.thinbox .form {background: #f6f6f5; border: 1px solid #b8bdb5; padding: 20px;}
.highlight {border: 2px solid #fff; padding: 0 20px;}
.toggle-content {padding: 0 20px; background: #edf0e9; border: 1px solid #c2b199;}
#content .highlight h3.alt, #content .gradientbox h3.alt, #content .thinbox .form h3.alt {margin-top: 15px;}
.highlight .blank, .highlight .blank:hover {background: transparent;}
.gradientbox {background: #fff url(../img/recent-bg.jpg) 0 bottom repeat-x; padding: 5px 20px; border: 1px solid #b8bdb5;}

/*Buttons*/
#content .btn, #sidebar .btn {background: #434a4d; color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; padding: 6px 14px; letter-spacing: 1px; position: relative; margin: 10px 0; display: block; float: left; width: auto;}
#content .btn:hover, #sidebar .btn:hover {background: #26334a !important; color: #fff !important; padding: 6px 14px;}
#sidebar .btn, #sidebar .btn:hover {padding: 5px 7px; margin: 0;}

/*Profiles*/
.bodyteam #content .vcard {width: 477px; float: right;}
.biopic {padding: 16px 15px; background: transparent url(../img/photo-bg.gif) 0 0 no-repeat; float: left;}
a.hcard, a.hcard:visited {display: block; float: right; background: transparent url(../img/hcard.gif) 0 0 no-repeat; width: 107px; font-weight: normal; padding: 2px 0 6px 34px; margin-top: 16px;}
a.hcard:active, a.hcard:hover {background: transparent url(../img/hcard.gif) 0 -31px no-repeat; padding: 2px 0 6px 34px;}
#content .vcard h2 {margin: 16px 0 0 0;}
.title strong {font-size: 130%; font-weight: normal; display: block;}
.bodyteam #content .tel {color: #393735; display: block;}
#bodyabout #content .url, #bodyabout #content .adr, #bodyabout #content .tags {display: none;}
.expand a, #content .top a {background: #65738e; color: #fff; padding: 2px 6px; font-weight: normal; font-size: 90%;}
.expand a:hover, .expand a:active, #content .top a:hover, #content .top a:active {background: #26334a; padding: 2px 6px;}
#bodyabout .vcard .none {width: auto; overflow: hidden; margin: -15px 0;}

/*Icon Links*/
a.pdf, a.pdf:hover {display: block; height: 35px; padding: 10px 0 0 45px; background: transparent url(../img/doc-icon.jpg) 0 0 no-repeat;}
#content a.objadj, #content a.objadj:hover {display: block; min-height: 34px; width: 9em; background: transparent url(../img/favicon.png) 0 0 no-repeat; padding: 6px 0 6px 40px; margin-bottom: 15px;}

/* Columns */
#bodywide .col {width: 30%; float: left;}
#bodywide .mid {margin: 0 45px;}

#content .entry {width: 497px; float: right; margin-right: 10px;}
#bodyclient .entry {width: 100%; float: none;}
#content .entry img {background: #fff; padding: 13px; border: 6px solid #ecf0e9 !important;}
#content .entry a:hover img {border-color: #cdcdcb !important;}
#content .entry .clean, #content .entry .clean:hover {padding: 0; margin: 0; border: 0 !important; background: transparent;}
#content .entry img.right {margin-left: 15px;}
#content .entry img.left {margin-right: 15px;}
#content .entry img.summary {margin-bottom: 15px;}
#content .postmeta {color: #b7b7b6; margin-top: 0; text-align: left; clear: both;}
#bodysearch #content .postmeta {clear: none;}
#content .postmeta a {font-weight: normal;}
#content .entry .more {text-align: right; font-weight: bold;}
#content .entry h2, #content h2.results {color: #727070; font-family: "Trebuchet MS", Arial, sans-serif; margin-bottom: 2px;}
#content h2.results a, #content h2.results a:hover {padding: 0; background: transparent;}
#content h2.comments {font-family: "Trebuchet MS", Arial, sans-serif; color: #cdcdcc; margin-top: -15px; font-size: 180%;}
#content .comment, #content .comment-alt, #content .comment-oa {padding: 2px 15px 0 40px; border: 1px solid #ededec; width: auto; overflow: hidden; margin-bottom: 10px; position: relative;}
#wrapper #content .comment-alt {background: #f6f6f5; border-color: #cfcecd;}
#wrapper #content .comment-oa {border: 1px solid #14252c; background: #454a4e url(../img/robotandpenguin-comment.jpg) 539px 40px no-repeat; min-height: 100px; color: #d9dcd6;}
#content .comment .count, #content .comment-alt .count, #content .comment-oa .count {background: #cfcecd; color: #fff; font-weight: bold; font-family: "Trebuchet MS", Arial, sans-serif; margin: 0; font-size: 140%; padding: 2px 5px; position: absolute; top: 0; left: 0;}
#content .comment-oa .count {background: #14252c;}
#wrapper #content .comment-alt .count {background: #cfcecd;}
#content .comment-alt .postmeta {color: #999;}
.comment-oa a, .comment-oa a:active {color: #9e8b70; padding: 0;}
.comment-oa a:hover {color: #c6b399; background: transparent; padding: 0;}
#content .comment img, #content .comment-alt img, #content .comment-oa img {padding: 6px; border: 1px solid #ededec; background: #fff; float: left; margin: 13px 20px 20px 0;}
#content .comment-alt img {border-color: #cfcecd;}
#content .comment-oa img {background: #0f1c21; border-color: #52585d;}
#content .comment div, #content .comment-alt div, #content .comment-oa div {width: 450px; float: left; padding: 0;}
#content .comment-oa div {width: 370px;}
.paginate a {text-align: center; line-height: 22px; color: #cfcfce; padding: 1px 5px; font-weight: normal; margin: 0 2px; border: 1px solid #ecf0e9;}
.paginate a:hover {color: #9e8b70; padding: 1px 5px; background: #ecf0e9;}
.paginate strong {background: #fff;  padding: 1px 5px; border: 1px solid #ecf0e9; color: #9e8b70;}
#content .entry-archive {padding: 20px 8px; border-bottom: 1px solid #cfcecd; width: 100%; overflow: hidden;}
#content .entry-archive h2 {width: 518px; margin: 0;}
#content .entry-archive:hover, .entry-archive.hover {background: #f6f6f5; cursor: pointer;}
#content .entry-archive.hover .results a, .entry-archive.hover a:hover {color: #26334a !important; background: transparent;}


/* Form Styles
--------------------------------------------------------------------------------------------*/
#content form {margin: 15px;}
#bodyblog #content form, #bodynews #content form, #bodyclient #content form {background: #e3e7e1; border: 1px solid #b8bdb5; clear: both; margin: 15px 0 40px 0; padding: 15px;}
form span {display: block; color: #6d6a5d; font-size: 105%; font-weight: bold; letter-spacing: 1px;}
#content form div {margin-bottom: 10px;}
input, select, textarea {background: #ecf0e9 !important; padding: 4px; border: 1px solid #b8bdb5;}
#content input {width: 220px;}
#content select {width: 228px;}
#content textarea {font-family: Arial, Helvetica, sans-serif; font-size: 110%; white-space: nowrap;}
#content select {margin: 10px 0 10px 0;}
#content form option {padding-right: 10px;}
#content .left select {margin-top: 0;}
#content .left input {width: 100px;}
input.focus, textarea.focus, select.focus {background: #fff !important; border-color: #ab9475; color: #ab9475 !important;}
input.button {border: 0; padding: 0; width: auto;}
#content .check input, #content .radio input {padding: 0; margin-right: 10px; width: auto; border: 0; background: transparent !important;}
label.error {background: #14252c url(../img/error.gif) 0 0 no-repeat; padding: 16px 4px 4px 4px; color: #fff; margin: 3px 0; display: block; width: 220px; font-size: 95%;}
#bodycontact label.error {background: #14252c url(../img/error2.gif) 0 0 no-repeat;}
.bodysitemap form {display: none;}


/* Sidebar (and subnav) (and Sitemap)
--------------------------------------------------------------------------------------------*/
#sidebar {width: 235px; float: right; padding-bottom: 40px;}
#bodywide #sidebar {width: 100px; position: relative; top: -25px;}
#sidebar #subnav, .bodysitemap #subnav, #sidebar .subnav, .bodysitemap .subnav {background: #ededec; padding: 8px; border: 1px solid #cfcecd; clear: both; margin: 23px 0;}
.bodysitemap #subnav, .bodysitemap .subnav {margin-top: 10px;}
#sidebar #subnav div, .bodysitemap #subnav div, #sidebar .subnav div, .bodysitemap .subnav div {background: #f6f6f5; padding: 15px; border: 1px solid #cfcecd;}
#sidebar #subnav h3, #sidebar .subnav h3 {margin: 0;}
.bodysitemap #content h3 {display: none; margin: 0; font-size: 120%;}
.bodysitemap #content .subnav .blogsubnav {display: block !important;}
#sidebar #subnav ul, .bodysitemap #subnav ul, #sidebar .subnav ul, .bodysitemap .subnav ul {margin: 11px 0 11px 0; border-top: 1px solid #cfcfce}
#sidebar #subnav li, .bodysitemap #subnav li, #sidebar .subnav li, .bodysitemap .subnav li {border-bottom: 1px solid #cfcfce; padding-top: 1px;}
.bodysitemap #content #subnav li, .bodysitemap #content .subnav li {background: transparent; margin: 0 0 0 -40px; padding: 1px 0 0 0;}
#sidebar #subnav a, .bodysitemap #subnav a, #sidebar .subnav a, .bodysitemap .subnav a {color: #727070; display: block; padding: 9px 3px; width: 178px; font-weight: normal;}
.bodysitemap #subnav a, .bodysitemap .subnav a {width: 98%;}
#sidebar #subnav a:hover, #sidebar #subnav a.active, .bodysitemap #subnav a:hover, #sidebar .subnav a:hover, #sidebar .subnav a.active, .bodysitemap .subnav a:hover, .bodysitemap .subnav a:active, #sidebar .subnav a:focus, #sidebar #subnav a:focus  {color: #34312d; background: #ededec; padding: 9px 3px;}
#sidebar #subnav .spacer, .bodysitemap #subnav .spacer, #sidebar .subnav .spacer {padding: 0; border: 0; margin: 25px 0 15px 0;}
#sidebar h4, .bodysitemap h4 {margin: 15px 0 -10px 0;}
#sidebar .vcard {padding: 10px 0 10px 10px; border: 1px solid #ededec; font-size: 95%; margin-bottom: 40px;}
#sidebar a.rss {display: block; height: 70px; width:69px; background: transparent url(../img/rssicon_large.jpg) 0 0 no-repeat; float: right; margin: -14px 0 23px 0; padding: 0; text-indent: -4000px;}
#sidebar a.rss:hover {background-position: 0 -70px; padding: 0;}
#sidebar a.bloglink {height: 110px; width: 110px; padding: 0; display: block; margin: 0; background: transparent url(../img/blogs-sqr_small.jpg) 0 0 no-repeat; text-indent: -4000px; float: left;}
.bodysitemap a.bloglink {display: none;}
#sidebar a.endlessarray:hover {background-position: 0 -110px; padding: 0;}
#sidebar a.repeatpenguin {background-position: 0 -220px; margin-left: 15px;}
#sidebar a.repeatpenguin:hover {background-position: 0 -330px; padding: 0;}
#sidebar form {margin-top:20px;}
#q {color: #cfcecd; float: left; background: #fff !important; border: 1px solid #cfcecd; width: 149px; margin-right: 10px; height:18px; font:14px Verdana, Geneva, sans-serif}
#q.focus {background: #f6f6f5 !important; border: 1px solid #cfcecd; color: #4e4c4c;}
#sidebar .subnav .archive, .bodysitemap .subnav .archive {text-align: center !important; margin: 0;}
#sidebar .subnav .archive a, .bodysitemap .subnav .archive a {color: #cfcfce; padding: 0; display: inline; font-weight: bold;}
#sidebar .subnav .archive a:hover, .bodysitemap .subnav .archive a:hover {color: #65738e; background: transparent; padding: 0;}
#sidebar .subnav .archive a.active {color: #14252c; background: transparent;}


/* Footer Styles
--------------------------------------------------------------------------------------------*/
#footer {height: 215px; background: #434a4d url(../img/footer-bg.jpg) 0 0 repeat-x; padding: 0 35px; text-align: left; font-family: Verdana, Arial, sans-serif;}
#footer p {margin: 0;}
#footer a, #footer a:active {color: #9e8b70; padding: 0;}
#footer a:hover {color: #15252c; background: transparent; padding: 0;}
#footer .top {height: 107px; color: #c2b199; padding-top: 11px;}
#footer a.contact {display: block; height: 31px; width: 104px; padding: 0; background: transparent url(../img/nav2.jpg) -567px 0 no-repeat; float: right;margin: -11px 5px 0 0; font-size:14px;}
#footer a.contact:hover {background: transparent url(../img/nav2.jpg) -567px -31px no-repeat}
#footer .leaf {text-align: right; margin: 45px 7px 0 0; clear: both;}
*:first-child+html #footer .leaf {padding-bottom: 10px;}
#footer .leaf a, #footer .leaf a:hover {padding: 11px 0 13px 20px; background: transparent url(../img/leaficon.jpg) 0 0 no-repeat;}
#footer .bottom {height: 88px; color: #d9dcd6; padding-top: 9px;}
#footer .bottom a {color: #ab9475;}
#footer .bottom a:hover {color: #c6b399; background: transparent;}
#footer .bottom .validate {color: #565e62; font-size: 115%; width: 200px; float: right; text-align: right;}
#footer .bottom a.copyright {height: 69px; display: block; float: left; margin: -3px 5px 0 0; padding: 3px 0 0 66px; background: transparent url(../img/robotpenguin_small.jpg) 0 0 no-repeat;}
#footer .bottom a.copyright:hover {background-position: 0 -72px;}

.MandatoryField {
		color:RED;
		display:inline;
}