/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* BEGIN LARSEN ANALYTICS STYLES */
html { background: #f4f4f4; }
body { font-family: helvetica; color: #333; background: url('../images/background-page.jpg') repeat-x 0 0; }

p.alpha { font-weight: bold; }

#container { width: 980px; height: auto; background: #fff; margin: 0 auto; }

#inner { width: 960px; height: auto; background: #fff; margin: 0 auto; }

#header { width: 960px; height: 124px; }
#header .logo { width: 345px; height: 92px; text-indent: -9999px; background: url('../images/logo-larsen-analytics.png') no-repeat 0 0; margin: 26px 0 0 51px; }
#header .contact { text-align: center; }
#header .contact a { display: block; color: #0a621c; font-size: 1.6em; font-weight: bold; text-decoration: none; margin: 35px 0 18px 0; }
#header .contact a:hover { text-decoration: underline; }
#header .contact p { font-size: 1.2em; margin: 0 0 6px 0; }
#header .contact p.first { margin-top: 30px; }

#hero { width: 960px; height: 492px; }
#hero .top { height: 23px; background: url('../images/hero-top-gray.png') no-repeat 0 0; }
#hero .masthead h2 { height: 469px; text-indent: -9999px; background: url('../images/hero-masthead.jpg') no-repeat 0 0; margin: 0; }

#content { position: relative; width: 960px; height: auto; margin: 20px 0 0 0; }
#content ul { margin: 0 0 0 15px; }
#content ul li { font-size: 1.2em; margin-bottom: 2px; }
#content ul.small li { font-size: 1.05em; margin-bottom: 3px; }

#content p { font-size: 1.2em; }

#content h3 { text-indent: -9999px; margin: 0 0 20px 0; }
#content h3.services { background: url('../images/title-services.png') no-repeat 0 0; }
#content h3.experience { background: url('../images/title-experience.png') no-repeat 0 0; }
#content h3.about { background: url('../images/title-about.png') no-repeat 0 0; }

#content .grid3col .column { height: 250px; }
#content .grid3col .first { border-right: 1px #e1e1e1 solid; }
#content .grid3col .last { border-left: 1px #e1e1e1 solid; }
#content .grid3col .no-border { border: none; }
#content .column-inner { margin: 0 15px; }
#content .divider { width: 940px; height: 20px; margin: 0 auto; border-bottom: 1px #e1e1e1 solid; }

#content .bio { margin: 20px 20px 0 20px; }
#content .bio p { font-size: 1.2em; }
#content .bio p.contact { text-align: center; }
#content .bio p.contact a { color: #0A621C; text-decoration: none; }
#content .bio img { float: right; width: 120px; height: 160px; margin: 36px 20px 10px 10px; border: 4px #e1e1e1 solid; }

#content .testimonials { width: 880px; margin: 30px auto 0 auto; padding: 20px; background: #c3d4e4; }
#content .testimonials p { font-size: 1.2em; }

#footer { width: 960px; height: 20px; font-size: .8em; margin: 30px 0 20px 0; text-align: center; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 42%; }
.grid2cola .column.last { width: 56%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }
