/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
	margin-bottom: 27px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* PREXISTING CSS FROM SITE IS HERE -----------------------------------
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

html { min-width: 600px; }
img, a, a:link, a:hover { border: 0; }

body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: #bdb76b;
	font: 18px/27px "Times New Roman", Times, Georgia, serif;
	color: #000;
	letter-spacing: .3px;
}

p
{
	margin: 0 0 1.2em 0;
	line-height: 1.2em;
}

.ital {font-style: italic; font-size: 110%;}

p.testo {
margin: 50px 0 0 100px; 
text-align: left; 
width: 500px;
}

.pagehead
{
	margin: 1.5em auto 1em auto;
}



#index_title 
{
	
	margin: 135px auto 85px auto;
	text-indent: -9000px; 
	background: url(../images/title_index.gif) 0 0 no-repeat; 
	height: 86px; 
	width: 600px; 
	
}

#who_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_who.gif) 0 0 no-repeat; 
	height: 49px; 
	width: 226px; 
	
}

#what_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_what.gif) 0 0 no-repeat; 
	height: 46px; 
	width: 204px; 
	
}

#clients_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_clients.gif) 0 0 no-repeat; 
	height: 43px; 
	width: 147px; 
	
}

#allclients_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_allclients.gif) 0 0 no-repeat; 
	height: 47px; 
	width: 336px; 
	
}


#sfprojects_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_sfprojects.gif) 0 0 no-repeat; 
	height: 61px; 
	width: 418px; 
	
}

#chardevproj_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_chardevproj.gif) 0 0 no-repeat; 
	height: 49px; 
	width: 402px; 
	
}

#Articles_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_Articles.gif) 0 0 no-repeat; 
	height: 46px; 
	width: 91px; 
	
}

#contact_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_contact.gif) 0 0 no-repeat; 
	height: 56px; 
	width: 316px; 
	
}

#storyframework_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_storyframework.gif) 0 0 no-repeat; 
	height: 43px; 
	width: 274px; 
	
}

#charactercamp_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_charactercamp.gif) 0 0 no-repeat; 
	height: 49px; 
	width: 250px; 
	
}

#sfreport_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_sfreport.gif) 0 0 no-repeat; 
	height: 45px; 
	width: 444px; 
	
}

#sfcharacters_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_sfcharacters.gif) 0 0 no-repeat; 
	height: 43px; 
	width: 511px; 
	
}


#characterbook_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_characterbook.gif) 0 0 no-repeat; 
	height: 48px; 
	width: 310px; 
	
}

#allquotes_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_allquotes.gif) 0 0 no-repeat; 
	height: 52px; 
	width: 333px; 
	
}

#metaphors_title 
{
	
	text-indent: -9000px; 
	background: url(../images/title_metaphorsofmarketing.gif) 0 0 no-repeat; 
	height: 45px; 
	width: 481px; 
	
}

h3, legend {font-size: 140%; font-weight: normal; font-variant: normal; text-align: center; margin: 27px 0;}


.graphic {text-align: center; margin: 20px auto;} 
.strong {font-weight: bold;}
.subhead {margin-top: 27px;}


a, a:link, a:visited
{
	text-decoration: underline;
	color: #000;
}

a:visited {color: #555;}

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

#masthead
{
	width: 800px;
	height: 119px;
	position: relative;
}

#topnav
{
	width: 800px;
	height: 30px;
	margin: 0 0 0 1px;
	background: url(../images/navbar_blog_times.gif) 0 0 no-repeat;
	position: relative;
	}

html>body #topnav { margin: 0; }
#topnav li { position: absolute; }

#topnav a
{
	height: 30px;
	display: block;
}



#container
{
	background: #e0e098;
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
}

#main 
{
	width: 800px;
	margin: 0 auto;
}

#pagetext, #pagetext-narrow {width: 640px; text-align: left; margin: 0 auto;}
#latestnews {width: 400px; margin: 50px auto;}
#latestnews h3 {float: left; margin: 73px 0 0 0;}
.smaller {font-size: 18px;}


#pagetext-narrow a {text-decoration: none; color: blue}
#pagetext-narrow a:hover {text-decoration: underline; color: blue}


.pullquote {font-style: italic; font-size: 105%; clear: both;}

.float {float: left; margin: 5px 15px 15px 0;}
.right {float: right; margin: 0 0 0px 15px;}



#foot
{
	position: relative;
	height: 110px;
	width: 800px;
	font: 100% "Times New Roman", "Times", times, "Georgia";
	background-color: #bdb76b;
	/*background-image: url(../images/footer_bk.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	text-align: center;
	margin: 50px auto 0 auto;
	}

#foot p.alt {margin: 0; padding-top: 15px;}


blockquote {
clear: both;
margin: 1.5em 0 0 40px;
width: 600px;
text-align: right;
font-style: italic;
}

blockquote.quoteright {
width: 390px;
text-align: right;
margin: 1.5em 0 75px 240px;
}

blockquote.quoteleft {
width: 390px;
text-align: left;
margin: 0 0 75px 0;
}

blockquote img {float: left; margin-right: 23px;}

blockquote p {font-size: 16px; letter-spacing: .1px; margin-bottom: 1em; }

p.whosaid {	
	font-style: italic;
	text-align: right;
}

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


#bigclients {margin: 0 0 54px 30px; width: 640px;}
#allclients {margin-left: -40px; width: 750px;}

.clientlist {font-variant: small-caps; font-size: 20px; line-height: 32px;}

.right p {text-align: right; width: 500px; margin: 30px 0 0 200px; border: 1px solid red;}


div.testify {text-align: center; margin-top: 30px;}
div.testify img {margin-bottom: 20px;}
div.testify p {text-align: left;}

div.left {padding: 10px; width: 40%; border: 0px dotted green; position: absolute; left: 10%;}
div.right {padding: 10px; width: 40%; border: 0px dotted red; position: absolute; left: 55%;}


/* 
Navbar Sprite Control 
*/

#topnav li span {margin-left: -9999px;}

.Who {left: 37px; width: 101px;}
.What {left: 138px; width: 107px;}
.Clients {left: 246px; width: 143px;}
.Blog {left: 391px; width: 89px;}
.Press {left: 479px; width: 88px;}
.Contact {left: 568px; width: 88px;}
.Smap {left: 657px; width: 103px;}

.Who a:hover {background: transparent url(../images/navbar_blog_times.gif) -37px -40px no-repeat;}
.What a:hover {background: transparent url(../images/navbar_blog_times.gif) -138px -40px no-repeat;}
.Clients a:hover {background: transparent url(../images/navbar_blog_times.gif) -246px -40px no-repeat;}
.Blog a:hover {background: transparent url(../images/navbar_blog_times.gif) -391px -40px no-repeat;}
.Press a:hover {background: transparent url(../images/navbar_blog_times.gif) -479px -40px no-repeat;}
.Contact a:hover {background: transparent url(../images/navbar_blog_times.gif) -568px -40px no-repeat;}
.Smap a:hover {background: transparent url(../images/navbar_blog_times.gif) -657px -40px no-repeat;}

 /* 
 end Navbar Sprite Control 
 */

/* 


Biobuttons Sprite Control
 */
 #biobuttons
{
	width: 800px;
	height: 220px;
	margin: 15px 0 20px 0;
	background: url(../images/new_bio_button_700.jpg) 0 0 no-repeat;
	position: relative;
}

#biobuttons li
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute; top: 0;
	}

#biobuttons a 
{
	display: block; 
	height: 220px; 
	text-decoration: none; 
	}

#biobuttons li span {margin-left:-9999px; }

#biobuttons .da { left: 0px; width: 133px; }
#biobuttons .kb { left: 134px; width: 122px; } 
#biobuttons .sk { left: 256px; width: 128px; } 
#biobuttons .jh { left: 383px; width: 120px; } 
#biobuttons .wr { left: 513px; width: 122px; } 
#biobuttons .lv { left: 639px; width: 148px; }


.da a:hover { background: transparent url(../images/new_bio_button_700.jpg) 0px -220px no-repeat; }
.kb a:hover { background: transparent url(../images/new_bio_button_700.jpg) -134px -220px no-repeat; }
.sk a:hover { background: transparent url(../images/new_bio_button_700.jpg) -256px -220px no-repeat; }
.jh a:hover { background: transparent url(../images/new_bio_button_700.jpg) -383px -220px no-repeat; }
.wr a:hover { background: transparent url(../images/new_bio_button_700.jpg) -513px -220px no-repeat; }
.lv a:hover { background: transparent url(../images/new_bio_button_700.jpg) -639px -220px no-repeat; }


.da a:active { background: transparent url(../images/new_bio_button_700.jpg) 0px -440px no-repeat; }
.kb a:active { background: transparent url(../images/new_bio_button_700.jpg) -134px -440px no-repeat; }
.sk a:active { background: transparent url(../images/new_bio_button_700.jpg) -256px -440px no-repeat; }
.jh a:active { background: transparent url(../images/new_bio_button_700.jpg) -383px -440px no-repeat; }
.wr a:active { background: transparent url(../images/new_bio_button_700.jpg) -513px -440px no-repeat; }
.lv a:active { background: transparent url(../images/new_bio_button_700.jpg) -639px -440px no-repeat; }


 /* 
 end Biobuttons Sprite Control 
 */
 
 
#articles {margin: 0 auto; clear: both;}
#articles h3 {margin: 85px 0 40px 0; font-weight: bold;}

.clearing {clear: both;}

dl.article 
{margin: 0 0 27px 250px; 
width: 250px;
text-align: left;
}

dt.logo
{
	padding: 0 0 0 5px;
	margin: 20px 0 -5px -45px;
	font-size: 100%;
}

dd.article_title, .article_title a
{
	padding: 0;
	margin: 0px 0 -2px -45px;
	font-variant: small-caps;
	font-style: normal;
}

dd.byline
{
	padding: 0;
	margin: 0 0 0 -45px;
	font-size: 80%;
	font-style: italic;
}

.article_title a:link, .handnav a
{
	list-style: none;
	display: block;
	color: #000;
	padding-left: 45px;
	background: transparent url(../images/hand.gif) 0 5px no-repeat;
}

.handnav a {margin-top: 10px;}

#articles .article_title a:hover,  .handnav a:hover
{
	list-style: none;
	color: #700;
	display: block;
	background-image: url(../images/hand_over.gif);
	background-repeat: no-repeat;
}



a#header {height: 119px; width: 800px;}
 
 
.centered {text-align: center;}

.indent li {margin: 0 0 10px 60px; line-height: 1.2em; width: 500px;}
.bullet {list-style: disc;}


.clientlist dt {font-weight: bold; margin-top: 25px; font-size: 80%; line-height: 18px;}

.clientlist dd {margin-left: 10px; font-weight: normal; font-size: 80%; line-height: 1.2em;}


p#pullup {font-size: .7em;}

sup {
ÊÊÊÊfont-size:0.7em;
ÊÊÊÊvertical-align:top;
ÊÊÊÊposition:relative;
ÊÊÊÊtop:2px;
ÊÊÊÊletter-spacing:0.08em;
	font-color: green;
}