/** at rev 54 **/
body { margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial }

#login { position: absolute; top: 0; right: 20px; background: #2f2726; padding: 0.75em 1.75em; color: #766d67; font-size: 85%  }
#login a { color: #766d67 }

#container { color: #4D4D4D }
#page { width: 960px; margin: 0 auto; background: url('../img/nav-bg-fade.jpg') no-repeat 160px 0 white }

#header { background: url('../img/site-bg2.jpg') ; height: 100px }
#header div.holder { position:relative }
/**#header { background: url('../img/site-bg1.jpg') #3C312F; height: 150px }**/
/**#header div.holder { position:relative }**/
#header h1 img { margin: 30px 0 0 40px }

#main-content { float: left; width: 590px; margin: 10px 0 0 40px; display: inline; }

#intro { background: #f5f5f5; border-bottom: 6px solid #ccc; margin-bottom: 20px }
#intro p { font-size: 129%; padding-top: 1em; padding-right: 40px; line-height: 1.40em }

#intro-main { font-size: 122%; margin-top: 16px; border-bottom: 1px solid #efefef; padding-bottom: 10px }
#intro-main h2 { height: 1em; font-size: 122%; text-transform: uppercase; letter-spacing: 2px; border: none; background: url('../img/h2-line.gif') repeat-x 3px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial }
#intro-main h2 span { background: white; padding: 0 4px; margin: 0 0 0 16px; }
#intro-main p { width: 600px; margin: 10px 0 0 0 }
#intro-main a { font-size: 77%; padding: 6px }
#intro-main a:hover { background: #f2f2f2 }

#sidebar { float: right; width: 262px; margin: 0px 20px 0 0; position: relative; display: inline; z-index: 99 }
#sidebar #nav { background: #F1F1EA; padding: 20px; border: 1px solid #D8D5D3; margin-bottom: 20px }
#sidebar #nav h1 { margin-bottom: 0.5em; text-transform: uppercase; font-size: 152% }
#sidebar #nav h1 img { padding-left: 10px }
#sidebar #nav a { color: #4D4D4D; text-decoration: none }
#sidebar #nav p a { text-decoration: underline }
#sidebar #nav ul li { padding: 0.35em 0.55em; border-bottom: 1px solid #ccc; font-size: 107%; margin: 0 0 0 15px; letter-spacing: 0.09em; display:list-item; zoom:1 }
#sidebar #nav ul li:hover,
#sidebar #nav ul li.lihover { background: #E8E8E1; padding: 0.35em 0.55em }

.quote { display: none; padding-top: 35px }
.quote p { font-size: 85%; line-height: 1.8em; padding: 0.5em 1.25em }
.quote img { border: 1px #efefef solid; padding: 12px }

#footer { background: url('../img/footer-bg.gif'); height: 100px; margin-top: 450px; border-top: 2px solid #613F1B  }
#footer p { color: #DFCFBE; padding: 20px 0 0 20px; font-size: 77% }
#footer a { color: #DFCFBE }
#footer #bird img, .png-fix { float: right; margin: -450px 60px 0 0; position: relative; height: 220px; width: 185px }
#footer-fix #footer { height: 400px }

h2 { font-size: 189%; border-bottom: 1px solid #ccc; padding-bottom: 0.2em; margin-bottom: 0.3em; font-family: "Trebuchet MS" }
p { margin-bottom: 1em; line-height: 1.42em; }
strong { font-weight: bold }
em { font-style: italic }
a:link, a:visited { color: #333 }

.box { background: #f8f8f8; border: 1px #ccc solid; border-bottom: 6px #ccc solid; padding: 1em 2em 2em 1em }
p.indent { padding: 1em 0 0 2em }
p.small { font-size: 7px; margin: 4px 0 0 0 }

table#points { margin: 0 0 2em 30px; border-collapse: separate; border-spacing: 0 2em }
table#points td { padding: 0.5em 1em }
table#points td.service { font-size: 114%; font-weight: bold; text-align: right; vertical-align: top }
table#points td.desc { border-left: 1px solid #ccc; font-size: 92%; line-height: 1.45em }

ul { margin: 0 0 0 15px }
ul li { margin: 0 0 0.45em 15px; list-style-image: url('../img/arrow.gif') }
ul li a:link { color: #4D4D4D }
ul li a:visited { color: #4D4D4D }
ul li a:hover { text-decoration: none }

.form-group { float: left; width: 100%; display: table-cell; clear: both; margin-bottom: 1em; border-bottom: 1px solid #efefef; padding: 0.25em 0 0.75em 0 }
.form-group label { text-align: right; padding-top: 5px; float: left; width: 7.5em; margin-right: 0.5em }
.form-group input { text-align: left; width: 225px; font-size: 129% }
input.faux-button { width: 120px; background: #F1F1EA; padding: 0.3em 1em; margin: 1em 0 0 110px; display: inline }
.last { border: 0 }

.holder { width: 960px; margin: 0 auto }
.no { display: none }

.job-block { float: left; clear: both; margin: 0px 0 20px 60px; display: inline; width: 760px; border-bottom: 1px #efefef dotted; padding-bottom: 0px }
.job-block p { margin-bottom: 0; font-size: 92% }
.job-block p.small { font-size: 77%; padding-left: 1em }
.job-block.last { margin-bottom: 170px }

.gallery { float: left; width: 120%; margin: 0 0 5px 0; padding: 10px 0 0 0; display: table-cell }
.gallery img { border: 1px solid #ccc; margin-right: 4px; margin-top: 6px; vertical-align: top }
.gallery img a:link { border: none }
.gallery dl.portfolio-detail { width: 265px; float: right; margin: -180px 0 0 0; font-size: 77%; padding: 1em 1em 0 0; vertical-align: top }
.gallery dl.portfolio-detail dt { float:left; text-align: right; ; color:#666; width:6em; margin-right:1.5em; font-weight:bold }
.gallery dl.portfolio-detail dd { margin-bottom:0.4em }

#TB_window { font-size: 107%; color: #333333 }
#TB_secondLine { font-size: 100%; color:#666666; margin-top: 10px; }
#TB_secondLine a { background: #F1F1EA; padding: 0.4em 0.65em }
#TB_secondLine a:hover { background: #E0E0D7; padding: 0.4em 0.65em }

.commentbox{ padding: 0.75em; border: #ccc solid 1px }
.commentfooter p { background: url(../img/comment-arrow.gif) 25px 0 no-repeat; padding-left: 65px; padding-top: 10px; margin-bottom: 2em; font-size: 92%; color: #4A4A4A; line-height: 1.4em }

dl.job-experience { margin: 1em; float: left; width: 220px }
dl.job-experience dd { padding: 0.15em 0 }
dl.job-experience dd.lead { font-weight: bold; border-bottom: 1px solid #d9d9d9; margin: 0.5em 0 0.4em 0 }


.job-header { float: left; width: 290px; margin: 1em 0.75em 1.2em 0.5em; text-align: right; padding: 0.85em 1em 1.95em 1em; background: #fafaf2; border: solid #efeeee; border-width: 0 1px 1px 0 }
.job-header h2 { display: inline; border: none; font-size: 156% }
.job-header h2 small { font-size: 77% }
.job-header p { padding-left: 0; margin: 0; font-style: italic; font-size: 114% }


/* ---// page-specific overrides //-- */

#page.home #main-content p { padding-left: 20px }
#page.home #main-content { height: 445px }

#page.home ul#splash,
#page.home ul#splash li { display: block; margin: 0.65em 0 1em 0; padding: 0; height: 201px; zoom: 1 }

#page.portfolio { margin-bottom: 150px }

#page.portfolio #main-content #intro,
#page.contact #main-content #intro { padding-left: 30px }
#page.contact table { font-size: 114% }
#page.contact { margin-bottom: 50px }
#page.contact #main-content h2 { margin-bottom: 1em }

#page.services h2 { margin-bottom: 1em }
#page.services #main-content p { padding-left: 30px }
#page.services #main-content img { float: left; margin: 0 1.5em 1em 0; border: 1px solid #ccc; }
#page.services #sidebar .quote { display: block; margin-top: 3em }