/* 

STYLE SHEET FOR [x] WEB SITE
Created by Author Name
www.domainoftheauthor.com

ToC
	0. *Global reset*
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. extras
	
Notes

*/

/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, 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, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}

	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */

/* --------- 1. defaults  --------- */

* { margin: 0; padding: 0; }

body { text-align:center;/**IE 5.5- Hack - Centers Site */ }
		
/*  --------- 2. structure  --------- */

#wrapper { width:960px; margin:60px auto 40px; text-align:left;/**IE 5.5- Hack - Re-Aligns Text */ }
body.home #wrapper { margin:0px auto 40px; }
		
#masthead { background:url(../images/header.jpg) no-repeat 0 0; width:580px; height:229px; margin:0 auto; }


#content { width:960px; padding:40px 0 0; }
	#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body.home #content { padding:0; }

#navContainer { width:190px; float:left; display:inline; }
body.home #navContainer { margin-top:329px; }

#mainContentArea { width:580px; min-height:300px; padding:0px; margin:0 190px 40px 0; float:left; display:inline; }
	#twitter { margin-right:190px; font:20px/20px Georgia, "Times New Roman", Times, serif; float:right; display:inline; }
	#twitter a { background:url(../images/twitter.gif) no-repeat 0 0; padding-left:20px; display:block; 
				 text-decoration:none; color:#a79798; border-bottom:2px solid #fff; }
	#twitter a:hover { text-decoration:none; border-bottom:2px solid #a79798; }	
	
#footer { background:url(../images/footer.gif) no-repeat 0 0; width:580px; height:266px; margin:0 auto; }

/* -- GRID -- */
.columnContainer { width:950px;margin:0 auto; }
.column { float:left; margin-right:10px; display:inline; }

/* Spans */
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

/* Float Clearing */
.separator { clear: both; }
.separatorInvisible { clear: both; height: 1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Debugging */
.debug1 { background-color:#ff0000; }
.debug2 { background-color:#00ff00; }
.debug3 { background-color:#0000ff; }

/* Sprecial Items */
.break { display:none; height:0; }
.alignLeft { float:left; display:inline; }
.alignRight { float:right; display:inline; }
img.alignLeft { float:left; display:inline; margin-right:20px; }
img.alignRight { float:right; display:inline; margin-left:20px; }
.alignCenter { margin:0 auto; text-align:center; }

/* Extras */
/* Pads */
.no-Pad { padding:0; }
.extraPadTop-10 { padding-top:10px; }
.extraPadTop-20 { padding-top:20px; }
.extraPadLR-10 { padding-left:10px; padding-right:10px; }
.extraPadLR-20 { padding-left:20px; padding-right:20px; }
.extraPadLeft-10 { padding-left:10px; }
.extraPadLeft-20 { padding-left:20px; }
.extraPadRight-10 { padding-right:10px; }
.extraPadRight-20 { padding-right:20px; }
.extraPadBottom-10 { padding-bottom:10px; }
.extraPadBottom-20 { padding-bottom:20px; }
.extraPad-10 { padding:10px; }
.extraPad-20 { padding:20px; }
/* Margins */
.no-Marg { margin:0; }
.extraMargLeft-20 { margin-left:20px; }
.extraMargBottom-10 { margin-bottom:10px; }
.extraMargBottom-20 { margin-bottom:20px; }
.extraMargBottom-30 { margin-bottom:30px; }

/* IE Fix */
.duplicateCharacterFix { margin-right:-3px; }

/* ---------- 3. links and navigation ---------- */

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

/* External Links - IE7 & up */
a[href^="http:"] {}
a[href^="http://www.domiannamehere.com"] {}

#navigation {}
#navigation ul { list-style-type:none }
#navigation li { font:20px/42px Georgia, "Times New Roman", Times, serif; text-align:right; margin-right:40px; }
#navigation a {  text-decoration:none; color:#a79798; padding:0px; }
#navigation a:hover,
#navigation .active a,
#navigation .active a:hover { text-decoration:none; border-bottom:2px solid #a79798; /*#000*/ }


#navigation .about {}
#navigation .insights {}
#navigation .clients {}
#navigation .contact {}


/* ---------- 4. fonts ---------- */

html { font-size: 100%; }

body { font-size: 62.5%; }

h1, h2, h3, h4, p, ul {}

h1 { font:2.0em/2.6em Georgia, "Times New Roman", Times, serif; color:#a79798; margin-bottom:0.5em; text-align:center; }
h2 { font:bold 1.7em/2.0em Arial, Helvetica, sans-serif; color:#000; margin-bottom:0.5em; }
h3 { font:bold 1.5em/1.8em Arial, Helvetica, sans-serif; color:#000; margin-bottom:0.5em; }	

p, ul, ol, dl, blockquote, address { font:1.3em/1.5 Verdana, Arial, Helvetica, sans-serif; }

p { margin-bottom:1em; }
ul {}
blockquote {}

.coming-soon { height:200px; text-align:center; }
.contact-info { height:200px; text-align:center; }

/* ---------- 5. images ---------- */

img { border:2px solid #a79798; }
body.home img { border:none; border-width:0px; }
a img { border:2px solid #a79798; }
		
/* ---------- 6. tables ---------- */

table {}	
caption {}
tr {}
th, td {}	
th {}
td {}

/* ---------- 7. forms ---------- */	
		
form {}

/* ---------- 8. extras ---------- */