body { font-family: Helvetica, Arial; font-size:16px; margin:0; padding:0; line-height:1.3em; color:#666; border-top:solid 3px #8B4513; width:100%; }
a img { border:none; }
a:link { color:#8B4513; }
a:visited { color:#333; }
a:active { background:#666; color:#fff; }
em { font-style:italic; }
strong { font-weight:bold; text-transform:uppercase; }
acronym { text-decoration:none; border-bottom:dotted 1px #444; cursor:default; }
p,ul,blockquote,.vcard { font-size:.9em; }
#content h3, #content h2 { text-transform:uppercase; font-weight:normal; font-family:"Lucida Grande", Helvetica, Arial; font-size:1.1em; letter-spacing:1px; }
ul ul { font-size:1em; }
blockquote { border-left:solid 2px silver; padding-left:.5em; }

#wrapper { width:56.26em; margin:0 auto; text-align:center; background:white; margin-top:70px; }

/*** CLIENT LOGIN ***/
#client-login { width:120px; height:32px; position:absolute; top:-4px; right:0; background:url(../images/client-login-bg.gif) 0 7px no-repeat; padding-left:70px; }
#client-login p { padding:0; margin-top:7px; }
#client-login a { font-size:.8em; color:white; text-decoration:none; padding:3px; }
#client-login a:hover { text-decoration:underline; }
#client-login a:active { background:tan; color:#8B4513; }

/*** END CLIENT LOGIN ***/

/*** HEADER & GLOBAL NAV ***/
#header { text-align:center; margin: 0; }
#nav { width:603px; margin:0 auto; }
#nav ul { list-style-type:none; padding:0; margin:0; }
#nav ul li { float:left; padding:0; overflow:hidden; }
#nav ul li a { display:block; text-indent:-9999px; }
#nav ul li.current a,#nav ul li.section a { background-position:0 -48px; }
#nav-About a { background:url(../images/nav-about.jpg) top left no-repeat; width:136px; height:48px; }
#nav-About a:hover { background:url(../images/nav-about.jpg) 0 -48px no-repeat; }
#nav-Services a { background:url(../images/nav-services.jpg) top left no-repeat; width:154px; height:48px; }
#nav-Services a:hover { background:url(../images/nav-services.jpg) 0 -48px no-repeat; }
#nav-Portfolio,#nav-Portfolio a { background:url(../images/nav-portfolio.jpg) top left no-repeat; width:174px; height:48px; }
#nav-Portfolio a:hover { background:url(../images/nav-portfolio.jpg) 0 -48px no-repeat; }
#nav-Contact,#nav-Contact a { background:url(../images/nav-contact.jpg) top left no-repeat; width:139px; height:48px; }
#nav-Contact a:hover { background:url(../images/nav-contact.jpg) 0 -48px no-repeat; }
/*** END HEADER ***/

/*** SIDEBAR ***/
#sidebar { float:left; margin:15px 0 0 -5px; width:165px; padding-left:20px; background:url(../images/sidebar.gif) top left no-repeat; }
#sidebar ul { padding: 5px 0 0; margin-left:-1px; list-style-type:none; font-size: .85em; }
#sidebar li a { display: block; width: 132px; padding: 2px 5px;  }
#sidebar li a.current { background: #e0e0e0; }
#sidebar a:link, #sidebar a:visited { color:#666; }
#sidebar a:hover { color:#000; }
#sidebar a:active { background:#666; color:white; }
/*** END SIDEBAR ***/

/*** CONTENT ***/
#content { clear:both; padding:2em 1em 1em; text-align:left; width:37.5em; margin:1em auto; background:transparent url(../images/line.gif) top center no-repeat; min-height:200px; overflow:hidden; }
#content-small { float:left; width:400px; }
#content p { color:#666; font-size:.9em; }
#content .center { text-align:center; }
ul.fl li { padding-left:15px; line-height:1.6em; text-align:left; }
ul.fl li ul { padding-left:8px; }
ul.fl li ul li { padding-left:15px; line-height:1.6em; text-align:left; }
.headshot { border:solid 1px gray; padding:3px; }
#design-samples { text-align:center; width:570px; margin:0 auto; }
#design-samples div { width:250px; padding:5px; margin:10px; border:solid 1px silver; display:inline; float:left; }
#design-samples div.alt { clear:left; }
img.left { float:left; padding:5px 5px 5px 0; }

/* home */
p#learn-more { margin-top:25px; font-size:1.2em; text-align:center; }
p#learn-more a { padding:3px 6px; color:#fff; text-decoration:none; background:#8B4513; }
p#learn-more a:hover { text-decoration:underline; }
h3.home { color:#8B4513; }

/* services */
#content-small h3 { margin-bottom:0; padding:0 0 8px; border-bottom:solid 3px #444; }

/*** FOOTER ***/
#footer { background:#1e1e1e; text-align:center; height:7em; padding-top:30px; clear:both; width:100%; }
#footer p { color:#aaa; font-size:.85em; }
/*** END FOOTER ***/

/*** MISC ***/
.brdr-flr { float:right; margin:8px; padding:5px; border:solid 1px silver; }
.brdr-fll { float:left; margin:8px; padding:5px; border:solid 1px silver; }
.clear { clear:both; }
.notice { background:url(../images/line2.gif) top center no-repeat; padding-top:20px; }
.img-right { float:right; margin:10px; }
.img-left { float: left; margin: 10px; }
/*** END MISC ***/