body { 
background-color: #eee; 
margin: 0; 
font-family: 'Open Sans', arial; 
font-size:62.5%; 
}

.rap { background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; margin-top: 0; }
.header { 
	border-top:7px solid #F9461C;
	width: 940px; 
	margin-left: auto; 
	margin-right: auto;
	}

	.logo {
		background: #f9461c url('../../images/hexanine-logo.gif') bottom left no-repeat;
		float: left;
		margin-right: 0px;
		position: absolute;
		}
		
	.logo a {
		display: block; 
		height: 47px; 
		width: 182px;
	}
	
	.logo h1 { display: none; }

	.logo a:link { background-color: transparent; }


.left {
left: -100px; }

#titlebox { 
background: yellow url('../images/meddots.gif') center bottom no-repeat;
background-color: yellow; 
border-bottom: 30px solid yellow;
padding: 95px 27px 0 30px;
height: 223px;
 }

#titlebox h2 {
font-weight: normal; 
font-size: 1.4em; 
padding-top: 15px;
text-align: center;
}

p, footer, li { font-size: 1.3em; }
p.desc { font-size: 1.4em; width: 286px; }
h2 { font-size: 2em; }
h2.title { font-size: 1.5em; line-height: 1.3em; margin-bottom: 11px; padding-top: 6px; }
h3 { font-size: 1.8em; }
h3 span {font-weight: normal; }
.firms h3 { margin-top: 0 !important; }
.subhead { font-size: 2em !important} 
hr { 
border: none; 
/*
height: 3px; 
background: transparent url('../images/dotted.gif') top left repeat-x; 
*/
height: 1px;
background-color: #ccc;
}

.details { 
background-color: #f4f3f3;
padding: 1px 14px 3px 16px;
}
.details a:link, .details a:visited { background-color: transparent !important; }
.details a:hover, .details a:active { background-color: yellow !important; color: black; }

a:link, a:visited { font-weight: normal; background-color: yellow; color: black; text-decoration: none;}
a:hover { background-color: black; color: white; }

blockquote { margin-left: 0; background: transparent url('../images/bigdots.gif') top left no-repeat; margin-bottom: 46px;}
blockquote h2, .subhead { padding-top: 30px; margin-bottom: 0; letter-spacing: -1px; font-size: 23px;}
blockquote footer { margin-top: 6px; }
blockquote footer:after { content:url('../images/bigdots.gif'); display: block; position:relative; top: 15px; }

.subhead { padding-top: 0px; }

.foot p { font-size: 1em; }
.foot a { font-weight: normal; }
.foot a:link, .foot a:visited, a.smalllink:link, a.smalllink:visited { background-color: white; }
.foot a:hover, a.smalllink:hover { background-color: yellow; color: black; }
a.smalllink {font-weight: bold; }
.foot { border-top: 1px solid #ccc; margin-bottom: 30px; margin-top: 20px; }

/*.bigpic { height: 400px; background-color: gray; } */

/* Sharrre */
  #example5{
    float:left;
    margin:68px 25% 0 25%;
  }
  .sharrre .button{
    float:left;
    width:60px;
  }
  .sharrre { height: 20px; }
  
.sharrre { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }	
.sharrre .googleplus { width: 128px !important; }
.sharrre .facebook { width: 139px !important; }
.sharrre .twitter { width: 149px !important; }
.sharrre .pinterest { width: 138px !important; }
#shareme { margin-bottom: 30px;}

.square-thumbs img { width: 218px; height: 138px; border: 0; margin: 0; }
a.square-thumbs:link, a.square-thumbs:visited { background-color: white !important; }
a.square-thumbs:hover { background-color: white !important; }
.square-thumbs span img { vertical-align: bottom; }
.square-thumbs { padding-bottom: 10px; }
.square-thumbs { display: block; float: left; }
.pad { margin-right: 14px; }
/*
.square-thumbs img { width: 144px; height: 144px; border: 0; margin: 0; }
.square-thumbs { margin-bottom: 13px; } 
a.square-thumbs:link { background-color: white !important; }
a.square-thumbs:hover { background-color: white !important; }
.pad img { margin-right: 10px;}
*/

/* LOGOS */
.logos a { display: block; float: left;}
.logos a:link, .logos a:visited { background-color: white; }
.logos a:hover { background-color: yellow; }
.logos .how { margin-left: 39px; margin-right: 39px; margin-top: 17px; }
.logos img { vertical-align: bottom; }
.logos .hex { margin-top: 22px; margin-bottom: 37px;}

.pad-bot { padding-bottom: 14px; }
p.top a:link, p.top a:visited {background-color: white;}
p.top a:hover{background-color: yellow; color: black;}
p.top {font-size: 1em; text-align: right; width: 140px; }

/* FIRMS */
.firms h3 { font-size: 1.6em; line-height: 1.2em; padding-top: 8px; }
.firms ul { padding: 0; list-style-type: none; }
.firms li { font-size: 1.3em; padding-bottom: .15em; }
.firms { margin-left: 0 !important;}

.authors {margin-bottom: 0;}

.slideshow { margin-bottom: 35px; }

.purchase a {font-weight: normal !important; }

h3.purchase { margin: 0; padding: 0px; }
.purchase-title { margin-bottom: 10px;}
.small { font-size: 1.1em;}

#fancybox-title-over { background: none !important; }
#fancybox-title-over { color: #333 !important; }