/*
---------------------------------------------------------------------------------

	THE SCRIPA GROUP
	global screen styles

	created: feb '08
	updated: ---
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

---------------------------------------------------------------------------------
*/


#wrapper { font-family: "Helvetica Neue", arial, sans-serif; font-size: 16px; line-height: 22px; font-weight: 300; }

a { color: #990003; }
a:hover { text-decoration: none }

h1,h2,h3,h4 { margin: 0; padding: 0; line-height: 1em }
strong { font-weight: bold }
h1 { font-size: 36px; letter-spacing: -1px; border: solid #ccc; border-width: 1px 3px 3px 1px; padding: 0.35em; margin: 0 0 1.05em 0; background: #efefef; }
h2 { margin-bottom: 8px }

small { font-size: 13px; font-weight: normal; }
small td.desc { font-weight: bold; }
p.lead { font-size: 24px; line-height: 30px;}

#header { background: url('../img/header-bg.jpg') repeat-x; height: 160px; margin-bottom: 2em; }
#logo h1 { border: none; background: none; }
#logo a { height: 122px; width: 400px; display: block; background: url('../img/logo.png') no-repeat; text-indent: -9999px; }
#logo a:hover { background-position: bottom }
#top-contact, #top-contact a { color: white; }
#top-contact table { margin: 30px 0 0 0; }
#top-contact td.desc { font-weight: bold; padding-right: 12px; }

#nav ul { margin: 0; padding: 0; }
#nav li { display: inline; float: left; margin: 0; padding: 0; }
#nav li a { display: block; float: left; color: white; margin: 0; padding: 8px 18px; border-right: 1px solid #444; text-decoration: none; letter-spacing: 0.5px; font-size: 20px; }
#nav li a:hover, #nav li a.active { background-color: #333; }

#nav li#contact-us a { border: none }

/*
#nav li a { display: block; float: left; height: 38px; background-image: url('../img/nav.png'); background-repeat: no-repeat; text-indent: -9999px; }

#nav li#home a { width: 86px; background-position: 0 0; }
#nav li#our-services a { width: 162px; background-position: -86px 0; }
#nav li#commercial-listings a { width: 203px; background-position: -248px 0; }
#nav li#residential-listings a { width: 192px; background-position: -451px 0; }
#nav li#contact-us a { width: 177px; background-position: -643px 0; }

#nav li#home a:hover, #nav li#home a.active { background-position: 0 -38px; }
#nav li#our-services a:hover, #nav li#our-services a.active { background-position: -86px -38px; }
#nav li#commercial-listings a:hover, #nav li#commercial-listings a.active { background-position: -248px -38px; }
#nav li#residential-listings a:hover, #nav li#residential-listings a.active { background-position: -451px -38px; }
#nav li#contact-us a:hover, #nav li#contact-us a.active { background-position: -643px -38px; }
*/

#callout { background: url('../img/callout-noteam.jpg'); height: 451px; position: relative; margin-bottom: 40px; }
#callout h2, #callout h3 { text-indent: -9999px; }
#note-logos { position: absolute; bottom: 20px; }
#note-logos .alpha p { padding-left: 50px; font-size: 18px; margin: 20px 0 0 0; }

#comm-resi-blurbs h2 { margin-bottom: 10px }
#comm-resi-blurbs img { border: 1px solid #333; margin-bottom: 30px; }

#extended-pitch .alpha p { padding-right: 25px; }

a#lm { display: block; clear: both; padding: 0.5em 1em; background: #eae9e6; }
a:hover#lm { background: #e3d9bb; }

#lets-talk { font-weight: normal; font-size: 13px; line-height: 18px; margin: 50px 0 0 20px; }

#the-team { }

#main-service-areas { margin: 1em 0 0 0; }
#main-service-areas p { padding-right: 2em; }

body.team p { margin-bottom: 0 }
body.team p.bio { margin-top: 20px }

#team-photo-spread span { border: 1px solid #ccc; display: block; margin: 0 0 1em 0; }
#team-photo-spread img { border: 1px solid #999; display: block; margin: 8px; }

#joe-details h2 { margin: 25px 0 15px 0; padding: 0 0 2px 0; border-bottom: 1px solid #ccc; }
#joe-details h2 span { font-size: 16px; font-weight: normal }
#joe-details p { margin-bottom: 10px; }
#joe-details a { display: block; width: 144px; height: 36px; background: url('../img/email-button.gif') no-repeat; text-indent: -9999px; }
#joe-details a:hover { background-position: bottom; }

#footer { margin-top: 50px; padding-bottom: 180px; padding-top: 20px; border-top: 4px solid #e3e0d8; background: #eae9e6; }
#footer p, #footer table { font-size: 13px; font-weight: normal; color: #777777; line-height: 18px; }
#footer td.desc { width: 50px; font-weight: bold; }
#sidebar { background: #fffcf2; padding: 20px }
#sidebar p { margin-bottom: 6px; }
#sidebar small { font-size: 12px; }
#sidebar.bold { border: solid #ded4b2; border-width: 4px 1px 1px 1px }

iframe { margin: auto; margin: -25px 0 0 0;  }
td.desc { padding-right: 8px; }

a.button { display: block; width: 75%; background: #235f90; padding: 8px 16px; color: white; border-top: 4px solid #144267; text-decoration: none; }
a.button strong { text-decoration: underline; }
a.button strong:hover { text-decoration: none; }
a.button:hover { background: #144267; border-top: 4px solid #0a2d4a; }