/*
	The Status Bureau
	Base Style Definitions
	Hand Cranked by Yellow Pencil
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* Body */ :focus {outline:0;} body {font-size:100%;font-size:88%;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;background:#fff;color:#000;}
/* Headings */ h1, h2, h3, h4, h5, h6, h7 {font-weight:bold;margin:1.5em 0 .8em 0;line-height:1.1em;} h1 {
	font-size:2.0em;
} h2 {font-size:1.4em;} h3 {font-size:1.2em;} h4 {font-size:1.1em;} h5 {font-size:1em;} h6 {font-size:0.9em;}
/* Paragraph Text */ p, pre { margin:.25em 0 1em 0;line-height:1.4em;}
/* Lists */ ul {list-style-type: disc;list-style-position: outside;margin:.5em 0 1em 1.5em;} ol {list-style-type: decimal;list-style-position: outside;margin: .5em 0 1em 1.5em;} li {padding-left:.5em; line-height:1.5em;} dl {} dt {margin:.5em 0 .25em 0;font-weight:bold;} dd {padding:0 0 .25em 1em;} 
/* Block Level Type Styles */ blockquote {margin:1em 2em 1em 1em;} address {} del {} ins {} pre {}
/* Inline Type Styles */ abbr, acronym { border-bottom: 1px dotted #333; cursor: help; } strong {font-weight:bold;} em, dfn, cite {font-style:italic;}
/* Tables */ table {border:1px solid #000;margin:.25em 0 1em 0;border-right:0;border-bottom:0;} tr {}  th, td {padding:.25em;border:1px solid #000;border-top:0;border-left:0;} th {font-weight:bold;} caption {font-style:italic;}
/* Forms */ form {margin:.25em 0 1em 0;} label {display:block;font-size:.94em;} fieldset {border:1px solid #000;padding:.5em 1em;margin:.25em 0 1em 0;} legend {font-weight:bold;color:#000;}
/*
	The Status Bureau
	Template Layout Style Definitions
	Don't mess with Alberta.
*/

/* Basic Layout Stuff */
body {background:#748ba1 url("../images/bg-page.jpg") repeat-y center;color:000;margin:0;padding:0;}
#wrapper {text-align:center;width:100%;border-top:7px solid #333;background: url("../images/bg-page-top.jpg") no-repeat center top;}
#main {clear:both;text-align:left;margin:0 auto;width:980px;}

/* Logo and Menu */
#logo {padding:55px 0 18px 0;}
#menu p {margin:0em;padding:0em;}
#menu a {line-height:20px;padding:0 5px;color:#fff;text-decoration:none;}
#menu a:hover, #menu a.current {background:#477c9b; padding:5px;}

/* Header */
body#home #header {height:286px;background: url("../images/bg-header-home.jpg") repeat-x;}
#header {margin-top:40px;clear:both;height:206px;background: url("../images/bg-header.jpg") repeat-x;}
#header h1 {line-height:206px;font-weight:normal;color:#e6e112;background: url("../images/header-ornament.png") no-repeat center;letter-spacing: 0.15em;text-transform: uppercase;font-size: 1.4em;margin:0;}
body#home #feature {height:286px;}
#feature {width:980px;margin:0 auto;height:206px;position:relative;}
#feature-wanamaker {position:absolute;left:0;bottom:15px;z-index:1003;}
#feature-status {position:absolute;right:0;bottom:15px;z-index:1004;}
.feature-quote {width:430px;height:90px;padding:40px 50px 30px 50px;position:absolute;background: url(../images/talk-bubble.png) no-repeat;}
#feature-wanamaker-quote {top:-30px;left:225px;z-index:1001;}
#feature-status-quote {bottom:30px;right:205px;z-index:1002;}
.feature-quote .quote {color:#e6e112;font-size:1.3em;margin:0;padding:0;}
#feature-status-quote .quote {padding-top:1em;}
.feature-quote .cite {color:#98cae9;margin:0;padding:0 1em 0 0;text-align:right;}
.feature-image {position:absolute;background-image: url(internet%20marketing);}
#attract, #feature-attract, #feature-convert, #feature-engage {top:-35px;left:0;}
#feature-SR {top:20px;left:50px;}

/* Method Menu */
#method {float:left;width:340px;padding:35px 20px 20px 30px;clear:both;}
.method-step {margin-right:40px;padding:20px 20px 20px 70px;margin-bottom: 15px;border-style: dotted;border-color: #9CC1E9;border-width: thin;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}
.method-step h2 {display:inline;font-weight:normal;font-size:1.3em;color:#CCFF00;}
.method-step p {display:inline;font-size:1.2em;}
.method-step p.button {display:block;font-size:.9em;padding:10px 0px 0px 0px;}
.method-step p.button a {color:#fff;text-decoration:none;padding:2px 14px;background-color:#748ba1;border-style: dotted;border-color: #748ba1;border-width: thin;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
.method-step p.button a:hover {background-color:#3d4a5d;}

#method #attract {background:#98BDE4 url("../images/method-attract.png") no-repeat left 20px;}
#method #engage {background:#98BDE4 url("../images/method-engage.png") no-repeat left 20px;}
#method #convert {background:#98BDE4 url("../images/method-convert.png") no-repeat left 20px;}
#method #status-report {background:#547B9F url("../images/status_report_small.png") no-repeat 5px 20px; margin-bottom:45px;}
#main #method .current {background-color:#4b7b9a;}

/* Content Area */
#content {width:500px;padding:27px 30px;float:left;}
#content p.callout {font-size:1.5em;color:#000;}
#content h2 {font-weight:normal;color:#c7ecff;font-size:1.2em;}
#content h3 {font-size:1.1em;}

/* Home Page Content */
ul.columnList {margin:0;padding:0 0 20px 20px;}
ul.columnList li {width:220px;float:left;}
ul.columnList {font-weight:normal;font-size:0.9em;}
hr {display:block;clear:both;border-top:1px solid #fff;height:0;}
.caseStudy {float:left;width:230px;padding:0 20px 0 0;}
.caseStudy h3 {line-height:60px;}


/* Footer */
#footer {clear:both;background: url(../images/bg-footer2.jpg) repeat-x;height:151px;margin-top:50px;}
#phone {position:relative;margin:0 auto;width:980px;}
#phone img {position:absolute;top:-75px;left:0;}

/* Self-clearing Containers */
#content:after, ul.columnList:after, #main:after {content:".";display:block;height:0;clear:both;visibility:hidden;}