/*
-----------------------------------------------------
	C21 Commonwealth Commercial - Global Styles
	created: 6/23/07
	updated: 2/07/08
	designed + coded by: matt brown 
	                     thingsthatarebrown.com
----------------------------------------------------
*/

body { font-family: Georgia; background: #dbd3bb; height: 100%; }

/* --// header -- */

#hd { background: #242424; height: 158px; position: relative; }
#hd #logo { position: absolute; top: 14px; left: 20px; z-index: 99; }
#hd #masthead { position: absolute; top: 0; left: 180px }
#hd h1 { font-size: 12px; position: absolute; top: -20px }
#hd #contact-info { position: absolute; top: 30px; right: 40px; color: #ccc }
#hd #contact-info a:link,
#hd #contact-info a:visited { color: #ccc }

#hd #tab-nav { position: absolute; height: 40px; background: black; width: 100%; bottom: 0px; }
#hd #tab-nav ul { position: absolute; right: 15px; bottom: 0 }

#hd #tab-nav li { display: inline }
#hd #tab-nav li a { display: block; color: 000; float: left; padding: 7px 12px; background: #dedede url('../img/tab-bg.gif') repeat-x; margin-right: 0.75em; font-size: 14px; position: relative; }
#hd #tab-nav li a:hover { background: #efefef }
#hd #tab-nav li a.selected { background: white }

#hd #tab-nav li a:link { color: #222; text-decoration: none; }
#hd #tab-nav li a:visited { color: #222; text-decoration: none }

/* --// body, footer -- */

#bd, #ft { margin: 2em 40px; }

#ft { padding: 15px 0 30px 0; border-top: 1px solid #ccc; margin-top: 30px; }
#ft p { font-size: 10px; line-height: 14px; }
#ft a { color: #444; margin-bottom: 8px; display: block; }

#custom-doc { width:65.38em;*width:63.81em;min-width:850px; margin:auto; text-align:left; background: white; border: solid #bbb190; border-width: 0 3px 3px 3px; margin-bottom: 40px; }


/* --// main styles -- */

h1, h2, h3, h4 { margin-bottom: 0.25em }

h1 { font-size: 32px }
h2 { font-size: 24px; color: #64262c }
h3 { font-size: 16px; color: #64262c; font-weight: bold; padding-bottom: 0.25em; border-bottom: 1px solid #ccc; }
h4 { font-size: 15px; font-weight: bold; margin-bottom: 0.25em; }
p,
li { line-height: 19px; margin: 0 0 1em 0; color: #333; font-size: 12px; }
strong { font-weight: bold; }

ul { margin-left: 2em; }
li { list-style: disc; }

/* --// common class elements -- */

#core-strength p { padding-right: 2em }

.box { background: #f5f5f5; padding: 0.85em 1.25em; margin-top: -0.85em; position: relative; }
.box p { padding: 0 }

p.big { font-size: 14px; line-height: 21px; margin-bottom: 3em; padding: 0 3em; text-align: center; }

.blurb-box { background: #f7f4ea; margin: 55px 1.5em 70px 1.5em  }
.blurb-box p,
.blurb-box .yui-g { padding: 20px }
.blurb-box h2 { background: #50282b; color: white; padding: 0.35em 0.85em; margin: 0  }

.rotate,
.main-image { width: 411px; height: 241px; float: left; margin: -20px 0.5em 0 -35px; display: inline; }
.rotate ul { margin-left: 0 }
.rotate li { list-style: none }

.frame { border: 1px solid #ccc; padding: 10px; margin: 5px }
.frame img { border: 1px solid #666; float: left; }

.f-left { float: left; margin-right: 20px; }
.f-right { float: right; margin-left: 20px; }

body.home #bd {  margin-top: 0; margin-bottom: 0; }
body.contact .blurb-box a.spamspan { display: block; color: #333; margin-bottom: 0.75em; }

body.about .blurb-box p { text-align:left; font-size: 12px; line-height: 18px; }

body.about .headshots h2 { margin: 8px 0 2px 0; }
body.about .headshots h3 { color: #444; font-size: 14px; margin-bottom: 8px; }
body.about .headshots p { font-size: 11px; line-height: 16px; color: #555; }
body.about .headshots h3, 
body.about .headshots p { margin-right: 15px }
body.about .headshot img { padding: 5px; border: 1px solid #ccc }

.link-button { text-align: center; margin-bottom: 0.5em; border: 1px solid #ccc }

.link-button a,
.link-button a:visited { display: block; padding: 10px; font-style: italic; font-weight: bold; color: #50282b; text-decoration: none; background: #e4e4e4 }
.link-button a:hover { background: white }

.yui-u p { padding-right: 1em }