/*
Color Pallete .. ...........................................................
light green: #A8BFA8
brand green: #809681
dark green: #748774
silver: #B4B4B4
gray: #787878
black: #000
white: #FFF
*/

/*
Normalize styles ...........................................................
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:  0; padding : 0;}
h4,h5,h6 {font-size: 100%;}
ol, ul { list-style : none;}
address, caption, cite, code, dfn, th, var {font-style : normal; font-weight : normal;}
table {	border-collapse:collapse;border-spacing: 0;}
fieldset, img {	border: 0;}
caption, th {text-align: left;}
q:before, q:after { content: ''; }

/*
Main Layout ...............................................................
*/
html {
	text-align: center;
	background: #CCC url(../images/bp_01.jpg) repeat-x ;
}
body {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/green.png);
	border: 4px solid #748774;
}

/* 
Branding  .................................................................
*/
div#branding {
	position: relative;
}
div#branding h1 {
	text-indent: -9999px;
}
div#branding h1 a:link, div#branding h1 a:visited {
	height: 100px;
	display: block;
	background: white url(../images/blackstone_brand.gif) bottom left no-repeat;
}
div#branding h1 a:hover {
	background: white url(../images/blackstone_brand.gif) bottom left no-repeat;
}
/*
Main Navigation ...............................................................
*/
#nav_menu {
	position: relative;
	background-color: white;
	height: 36px;
	border-bottom: 4px solid #748774;
	padding-left: 5px;
}
#menu {
  	padding:0; 
  	margin:0; 
  	list-style-type:none;
  	white-space:nowrap;
}
#menu li {
  	float:left;
  	min-width:110px;
}
#menu a {
  	position:relative;
  	display:block; 
  	text-decoration:none; 
  	min-width:110px; 
  	float:left; 
}
* html #menu a {
  	width:110px;
}
#menu a span {
  	display:block; 
  	color:#000; 
  	background:#c4c4c4; 
  	border:1px solid #fff; 
  	border-width:2px 1px; 
  	text-align:center; 
  	padding:4px 16px; 
  	cursor:pointer;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
}
* html #menu a span {
  	width:110px; 
  	cursor:pointer; 
  	width:76px;
}
#menu a b {
  	display:block; 
  	border-bottom:2px solid #C8D2C8;
}
#menu a em {
  	display:none;
	height: 0;
}
#menu a:hover {
  	background:#fff;
}
#menu a:hover span {
  	color:#fff; 
	background:#C8D2C8;
}
#menu a:hover em {
  	display:block; 
  	overflow:hidden; 
  	border:6px solid #C8D2C8;
	border-color:#C8D2C8 #fff; 
  	border-width:6px 6px 0 6px; 
  	position:absolute; 
  	left:50%; 
  	margin-left:-6px;
}
#menu a#home {
  	width: 110px;
}
#menu a#products {
  	width: 110px;
}
#menu a#services {
  	width: 110px;
}
#menu a#support {
  	width: 110px;
}
#menu a#resources {
  	width: 110px;
}
#menu a#blog {
  	width: 110px;
}
#menu a#contact {
  	width: 110px;
}
#menu a span.selected {
	color:#fff; 
	background:#C8D2C8;
}
/*
Content ....................................................................
*/
div#content {
	background: transparent url(../images/BlackstoneProvidence_wm.png) top right no-repeat;
	min-height: 500px;
}
div#content_main {
	padding: 8px 220px 8px 24px;
}
div#content_main h2, h3 {
	padding: 8px 0 4px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color: #A8BFA8;
}
div#content_main p {
	padding-bottom: 8px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #000;
}
div#content_main blockquote{
	padding: 16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #CCC;
}
div#content_main a {
	color: #000;
}
div#content_main a:hover {
	color: #A8BFA8;
}
/*
Footer  ....................................................................
*/
div#footer {
	background-color: #A8BFA8;
	text-align:center;
	border-top: 4px solid #748774;
	color: #748774;
	font-size: small;
	padding: 6px 0;
}
div#footer a {
	color: #748774;
}

/*
Forms  ....................................................................
*/
.frmleft {
	width: 100px;
}
.frmright {
	width: 150px;
}