/*
STYLESHEET FOR: Graystone Advisors
AUTHOR: Rick Khanna, Mopdog Creative + Strategy
*/
/*
Contents:
1. Structure
2. Navigation
3. Header
4. Content
5. Footer  */

* {margin:0; padding:0; outline:none;}
img {border:none}

/*
Colors:
Dark blue bg: #1f2c34
Light gray bg: #f0f0f0
Dark red: #941919;
Insights box: #fcd7a1;
News box: #e5e1d8
light blue: #2d8ec6
lighter blue: #95CFEF
*/

.floatleft {float:left}
.floatright {float:right}
.clear {clear:both}

.news_box a[href$='.pdf'], .body a[href$='.pdf'] {
display:inline;
width:auto;
padding-left:20px;
background:transparent url(../images/pdf.png) top left no-repeat;
}

li.pdf {list-style-image:url(../images/pdf.png); margin:0 0 0 20px;	}
li.nopdf {list-style-type:none; margin:0 0 0 20px;}

/*====================================================================
=======================  1. STRUCTURE=================================
=====================================================================*/


body {font-family:'myriad pro',myriad,'calibri','tahoma','arial',sans-serif; background:#1f2c34 url(../images/bg.jpg) left top repeat-x;}

#wrapper {width:865px; margin:0 auto; height:auto;}
	
#header {
	position:relative;
	width:865px; 
	height:91px;
	background-color:#fff;
	z-index:2;
	}

#subhead {
	position:relative;
	height:138px;
	width:865;
	background:#1f2c34 url(../images/headerimage.jpg) left top no-repeat;
	}
	
#content {
	width:865px;
	min-height:400px;
	height:auto !important;
	height:400px;
	background:#f0f0f0;
	padding:25px 0 0;
	}
	
#footer {
	position:relative;
	width:865px; 
	clear:both; 
	height:100px;	
	background:url(../images/redbarbottom.png) left top no-repeat;
	}

/*====================================================================
=======================  2. NAVIGATION  ==============================
=====================================================================*/

#tabs {
	position:absolute;
	right:0;
	bottom:-12px;
	width:auto;
	background:transparent;
	font-size:12px;
	font-family:'myriad pro',myriad,'calibri','tahoma','arial',sans-serif;
	font-weight:bold;
	}

#tabs ul {
	margin:0;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	height:35px;
	}

#tabs a {
	float:left;
	background:#941919 url("../images/navbg.jpg") repeat-x left top;
	margin:0 0 0 2px;
	padding:0 13px;
	text-decoration:none;
	color:#fff;
	line-height:35px;
	}

#tabs a span {float:none;}

#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover, #sectors .sectors , #insights .insights, #about .about, #news .news, #contact .contact {
	background:#bf1010/* url("../images/navbg.jpg") repeat-x left -35px*/;
	}
	
	
#subnav {
	padding:5px;
	font-size:11px;
	margin:-10px 15px 15px;
	width:auto;
	background-color:#CFCFCF;
	height:20px;
	}
.redtext {
	color: #941919;
}
.bluetext {
	color: #093162;
}


	
	#subnav p {
		color:#666666;
		font-weight:bold;
		line-height:20px;
		text-align:center;
		}
		
	#subnav a:link {
		color:#941919;
		border-bottom:1px dotted #941919;
		text-decoration:none;
		}
	
	#subnav a:visited {color:#9F6D6D; border-bottom:1px dotted #9F6D6D; text-decoration:none;}
		
	#subnav a:hover {color:#BF1010;	text-decoration:none;}
	
	
	
/*====================================================================
=======================  3. HEADER  ==================================
=====================================================================*/

#logo {
	position:absolute;
	top:10px;
	left:10px;
	}
	
#home {
	position:absolute;
	top:47px;
	right:15px;
	font-size:11px;
	color:#2d8ec6;
	text-decoration:none;
	text-transform:uppercase;
	}
	
	#home:hover {color:#95cfef}

/*====================================================================
=======================  4. CONTENT ==================================
=====================================================================*/

#col_left {
	float:left;
	width:293px;
	display:inline;
	}
	
#colwide_left {
	float:left;
	width:583px;
	display:inline;
	}
#sectorlinks {
	height: 150px;
	width: 558px;
	padding-left: 23px;
}

#testimonial_gray {
	background-color: #CFCFCF;
	width: 550px;
	padding: 0px;
	margin-left: 20px;
}
#testimonial_white {
	width: 550px;
	margin-left: 20px;
}


#col_middle {
	float:left;
	width:293px;
	display:inline;
	}

#col_right {
	float:left;
	width:278px;
	background-color:#ebebeb;
	display:inline;
	}
	
.photo {
	display:block;
	border:8px solid #ebebeb;
	margin:0 auto 10px;
	width:246px;
	}
	
	.homephoto {
		float:right;
		display:block;
		border:8px solid #ebebeb;
		margin:0 auto 10px 15px;
		}
		
	.newsphoto {
		display:block;
		border:3px solid #333333;
		}
		
	.biophoto {
		display:block;
		border:5px solid #ebebeb;
		margin:0 15px 15px;
		}

h1.main {
	font-size:16px;
	color:#093162;
	line-height:24px;
	margin:0 25px 5px;
	}
	
h2 {
	font-size:14px;
	color:#941919;
	line-height:24px;
	margin:0 25px 5px;
	}
	
#content p {
	font-size:12px;
	line-height:18px;
	color:#333;
	margin:0 25px 15px;
	}

#content li {
	font-size: 12px;
	line-height: 18px;
	color: #333;
	}

#content ul {
	margin: 0 50px 15px;
	}

#content ul ul {
	margin: 0 25px 15px !important;
	}

#content sup {
	font-size: 7px;
	}

.body {
	font-size:12px;
	line-height:18px;
	color:#333;
	margin:0 25px 15px;
	}
	
	.body strong {color:#000}
	.body strong.color  {color:#2d8ec6}
	
.body2 {
	font-size:12px;
	line-height:18px;
	color:#2d8ec6;
	margin:0 15px 15px;
	}
	
	
.bodylink {
		color:#941919;
		border-bottom:1px dotted #941919;
		text-decoration:none;
		}
.toolkitarchivelink {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

		
		.bodylink:hover {color:#BF2323; border:none; text-decoration:none}
		
.bodylinkbold {
		color:#941919;
		font-size:14px;
		border-bottom:1px dotted #941919;
		font-weight:bold;
		text-decoration:none;
		}
		
		.bodylinkbold:hover {color:#BF2323; border:none; text-decoration:none}
		
.calloutlinkbold {
		color:#95CFEF;
		font-size:14px;
		border-bottom:1px dotted #95CFEF;
		font-weight:bold;
		text-decoration:none;
		}
		
		.calloutlinkbold:hover {color:#CFEEFF; border:none; text-decoration:none}
		
.calloutlinkhome {
		color:#95CFEF;
		font-size:16px;
		border-bottom:1px dotted #95CFEF;
		font-weight:bold;
		text-decoration:none;
		}
		
		.calloutlinkhome:hover {color:#CFEEFF; border:none; text-decoration:none}

.sectorlink {
	font-size:14px;
	color:#941919;
	font-weight:bold;
	margin:0 15px 5px;
	line-height:24px;
	text-decoration:none;
	border-bottom:1px dotted #941919;
	}

ul {margin-left:15px;}

ul.listbody {
	margin-left:35px;
	}
	
	ul.listbody li {
		line-height:15px;
		font-size:12px;
		line-height:18px;
		color:#2d8ec6;
		margin:0 15px 2px;
		}
	
ul.sectorslist {
	margin-left:15px;
	}
	
	ul.sectorslist li {
		line-height:15px;
		font-size:12px;
		line-height:18px;
		color:#2d8ec6;
		margin:0 15px 2px;
		}
		
		
.callout_box {
	padding:15px 15px;
	background:#5F5F5F;
	margin:0 15px 15px;
	}
	
	.callout_box h3 {
		color:#95cfef;
		font-size:14px;
		margin-bottom:5px;
		line-height:20px;
		}
		
	.callout_box p {
		font-size:11px;
		color:#fff;
		line-height:18px;
		margin-bottom:15px;
		}
		
	.callout_box li {
		font-size:11px;
		color:#fff;
		line-height:18px;
		margin-bottom:3px;
		}
		
.callout_box2 {
	padding:15px 15px 0;
	background:#941919;
	margin:0 15px 15px;
	}
	
	.callout_box2 h3 {
		color:#95cfef;
		font-size:14px;
		margin-bottom:10px;
		line-height:20px;
		}
		
	.callout_box2 p {
		font-size:11px;
		color:#eee;
		line-height:18px;
		margin-bottom:15px;
		}
		
	.callout_box2 a {
		color:#fff;
		font-size:14px;
		border-bottom:1px dotted #fff;
		font-weight:bold;
		text-decoration:none;
		}
		
		.callout_box2 a:hover {color:#FFEFEF; border:none; text-decoration:none}
		
.testimonial_box {
	background-color:#CCCCCC;
	padding:15px 15px 5px;
	margin:0 15px 15px;
	}
	
	.testimonial_box p {
		font-size:12px;
		line-height:18px;
		color:#333;
		margin:0 0 10px;
		}

.sectors_table td {padding:0 20px 0 0;}


#testimonial {
	color:#666;
	font-size:11px;
	line-height:18px;
	margin:15px 30px 30px;
	}


	
	
.insights_box {
	background-color:#fcd7a1;
	margin:0 15px;
	padding:15px;
	}
	
	.insights_box h1 {
		color:#0930162;
		font-size:16px;
		line-height:24px;
		margin:0 0 5px;
		}
	
	.insights_box p {
		font-size:12px;
		line-height:18px;
		color:#333;
		margin:0 0 15px;
		}
		
		.insights_box p.last {margin:0}
	
	.insights_box a, .news_box a {
		color:#941919;
		font-weight:bold;
		border-bottom:1px dotted #941919;
		text-decoration:none;
		}
		
		.insights_box a:hover, .news_box a:hover {color:#BF2323; border:none; text-decoration:none}
		
.news_box {
	background-color:#e5e1d8;
	margin:15px 15px 0;
	padding:15px;
	}
	
	.news_box h1 {
		color:#0930162;
		font-size:16px;
		line-height:24px;
		margin:0 0 5px;
		}
	
	.news_box p {
		font-size:12px;
		line-height:18px;
		color:#333;
		margin:0 0 15px;
		}
		
		.news_box p.last {margin:0}
	
		
.newsletter_box {
	background-color:#093162;
	margin:15px;
	padding:15px;
	}
	
	.newsletter_box h1 {
		color:#fff;
		font-size:16px;
		line-height:24px;
		}
	
	.newsletter_box p {
		font-size:12px;
		line-height:18px;
		color:#fff;
		margin:0 0 15px;
		}
		
		.newsletter_box p.last {margin:0}
	
	.newsletter_box a {
		color:#95CFEF;
		font-weight:bold;
		border-bottom:1px dotted #2d8ec6;
		text-decoration:none;
		}
		
		.newsletter_box a:hover {color:#BFE8FF;}

#bizavbutton {
	background: #941919;
	color: white;
	float: left;
	line-height: 35px;
	margin: 0px 0px 0px 2px;
	padding: 0px 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#c23835), to(#a1292b));
	background: -moz-linear-gradient(top,  #c23835,  #a1292b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c23835', endColorstr='#a1292b');
}

#bizavlink {
	text-decoration: none !important;
	}

#bizavbutton:hover {
	background: #bf1010;
	}

/*-------FORM---------*/

#form_table {
	display:block;
	margin:0 15px 15px;
	font-size:12px;
	color:#333;
	}
	
	#form_table input, #form_area textarea {
		padding:3px;
		}
		
	#form_table input:focus {
		background-color:#DFF4FF;
		}
	
.req {color:#2d8ec6; font-size:16px;}

/*====================================================================
=======================  5. FOOTER  ==================================
=====================================================================*/
.footerlinks_box {
	display:block;
	position:absolute;
	top:55px;
	margin:0 15px 0;
	}
	
	.footerlinks_box td {
		padding:15px;
		}
	
	td.borderright {
		border-right:1px dotted #3A505E;
		
		}

a.heading {
	display:block;
	color:#2d8ec6;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
	}
	
	a.heading:hover {color:#BFE8FF;}
	
	.footerlinks_box ul {
		list-style-type:none;
		margin:0;
		}
	
	.footerlinks_box li, .footerlinks_box a.links {
		color:#cbcbcb;
		font-size:11px;
		line-height:18px;
		text-decoration:none;
		margin-bottom:6px;
		}
		
		.footerlinks_box a.links:hover {color:#fff;}
		
		
#orderedlist {
	padding-left: 14px;
}