/**** LINK-tag style sheet Beels-styles.css ****/

/* CSS Document */
/* ==================================================================

*  http://www.beelssoper.com

*  owner: Planeteria Web Design

*  author: Leigh Nouveaux (lcockrell@planeteria.com}

*  created: 2/06/2008

* ================================================================== */

/* ==================================================================
Layout Template Classes
The following classes are inserted into the body tag to
select appropriate layout.

? template1 - Unique for the home page
? template2 - 2 columns (left-col 470px, right 350px )
? template3 - 2 columns (left-col 552px, right 268px)
? template4 - 2 columns (left-col 462px left-margin 90px, right 260px)
? template5 - 2 columns (left-col 400px left-margin 90px, 331px to accomidate oversized map)

All navigation styles are contained in the file 'navigation.css'.
If a particular element falls within a nav container, such as an h2,
it's attributes might be defined there.

* ================================================================== */

/****************************************************************/
/* ---------------------[ Defaults ] */
/****************************************************************/


/* ----------------------------[ Global Elements ]---------------------------- */


* {
	padding:0;
	margin:0;
	border:0;
}
html, body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #3b5a6f;
}
body.home {
	background: #fff;
}
body.sub {
	background: #fff;
}
strong {
	font-weight:bold;
}
p {
	margin:0 0 1em 0;
	font-size:1em;
	line-height:1.4em;
	letter-spacing:0.02em;
	text-align: left;
}
img {
	border: 0;
}
.left {
	float: left;
	margin-right: 2em;
}
.right {
	float:right;
	margin-left: 2em;
}
.rule {
	border-bottom:1px solid #4d7e9e;
	margin: 0 0 30px 0;
}
.gold {
	color: #746d31
}
/* ==================================================================
* Headings
* ================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:transparent;
	letter-spacing: 0.05em;
	color: #087378;
	text-transform: uppercase;
}
h1 {
	font-size: 110%;
	display: none;
}
h2 {
	color:#4d7e9e;
	font-size:120%;
}
h3 {
	font-size: 109%;
	margin-bottom:1.5em;
	color: #746d31;
	display: block;
	width: 100%;
	padding-left:90px;
	font-size:110%;
}
.partners h3, .contact-us h3 {
	padding-left:90px;
}
h4 {
	font-size: 100%;
	margin:0;
	line-height:1.8em;
	color: #746d31;
	text-transform:none;
	font-style: italic;
	letter-spacing: 0.08em;
	font-size:100%;
}
h5 {
	font-size: 100%;
	margin:0;
	line-height:1.8em;
	color: #746d31;
	text-transform:none;
	font-style: normal;
	letter-spacing: 0.08em;
	font-size:100%;
}


h6 {
	font-size: 90%;
	margin:0;
	line-height:1.8em;
	color: #746d31;
	text-transform:none;
	font-style: normal;
	letter-spacing: 0.08em;
	font-size:90%;
}

/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	color: #665a30;
	text-decoration: none;
}
a:visited {
	color: #665a30;
	text-decoration: none;
}
a:hover {
	color: #665a30;
	text-decoration:underline;
}
a:active {
	color: #665a30;
	text-decoration:underline;
}
/* ==================================================================
* Lists
* ================================================================== */

dl {
	padding: 0;
	margin-left: 18px;
	margin-top:-12px;
}
dt {
	color: #333333;
	background-color: transparent;
	text-align: left;
}
dt a:link, dt a:visited {
	color: #665a30;
	text-decoration: none;
	background-color: transparent;
	font-weight: bold;
}
dd {
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #3b5a6f;
	text-align: left;
}
#actual-content ul {
	padding:1em 0 .5em 0;
}
#actual-content ul li {
	padding:0 5px 20px 30px;
	background-image:url(images/img-bullet-golddot.gif);
	background-repeat:no-repeat;
	background-position: 0 0.2em;
	list-style-image: none;
	list-style-type: none;
}
/* ==================================================================
* Pullquotes
* ================================================================== */

#pullquote p {
	line-height:1.8em;
	color: #3b5a6f;
	padding: 0 24px;
	letter-spacing: 0.04em;
	font-style: normal;
}
#pullquote .symbolQuoteOpen {
	color: #c4cdb8;
	display:block;
	background-color:transparent;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 68px;
	margin-bottom: -0.7em;
	margin-left: 0px;
	font-style: normal;
	text-align: left;
}
#pullquote .symbolQuoteClose {
	float:left;
	color:#c4cdb8;
	background-color:transparent;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 68px;
	text-align:right;
	width:100%;
	line-height: 1.2em;
	margin-top: -14px;
}
#pullquote .quote_credit {
	margin: -14px 8px 8px 0;
	color: #3b5a6f;
	font-family:  Arial, Helvetica, sans-serif;
	float: left;
	text-align: right;
	width:200px;
	font-style:italic;
	font-size: 0.8em;
}
/* ==================================================================
* Layout
* ================================================================== */	

.home .new-box {
	position: absolute;
	width: 272px;
	height: 176px;
	left: 627px;
	top: 131px;
	text-align:left;
	display:inline;
	z-index:3;
	visibility:visible;
}

#container {
	width: 100%;
	background: url(images/bg_body-home.gif) left top repeat-x #d9e6ec;
	position:relative;
	float:left;
}

.sub #container {
	background: url(images/bg_body.gif) left top repeat-x #d9e6ec;
}

#container_inner {
	width: 100%;
	background: url(images/bgrd-container-bottom.jpg) left bottom repeat-x;
	position:relative;
	float:left;
}

#page-wrapper {
	width: 960px;
	background-color: #d9e6ec;
	background-image: url(images/bgrd-footer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	overflow: hidden;
	float:left;
}

#masthead {
	height:323px;
	width: 960px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: 0px 82px;
}
		.home #masthead {
			background-image: url(images/img-banner-home.jpg);
			height:435px;
		}
		.our-firm #masthead {
			background-image: url(images/img-banner-ourfirm.jpg);
		}
		.services #masthead {
			background-image: url(images/img-banner-services.jpg);
		}
		.industries #masthead {
			background-image: url(images/img-banner-industries.jpg);
		}
		.resources #masthead {
			background-image: url(images/img-banner-resources.jpg);
		}
		.career #masthead {
			background-image: url(images/img-banner-careers.jpg);
		}
		.contact-us #masthead {
			background-image: url(images/img-banner-contact.jpg);
      }
		.news #masthead {
			background-image: url(images/img-banner-news.jpg);
		}
		
#content-wrapper {
	background: url(images/bg1-content.gif) 482px bottom no-repeat;
	padding: 40px 40px 0px 44px;
	width:880px;
	float:left;
}

#actual-content {
	padding-bottom: 30px;
	height: auto;
	float:left;
}

.left-col {
	display: block;
	float: left;
	padding-right: 50px;
}
		.template1 .left-col {
			width: 380px;
			padding-left: 90px;
		}
		.template2 .left-col {
			width: 380px;
			padding-left: 90px;
		}
		.template3 .left-col {
			width: 462px;
			padding-left: 90px;
		}
		.template4 .left-col {
			width: 462px;
			padding-left: 90px;
		}
		.template5 .left-col {
			width: 400px;
			padding-left: 90px;
		}
.right-col {
	float: left;
}
		.template2 .right-col {
			width: 350px;
		}
		.template3 .right-col {
			width: 268px;
		}
		.template4 .right-col {
			width: 260px;
		}
		.template5 .right-col {
			float: left;
		}
.bullet-check {/*the bullets are being used inline because of the ghosted image of actual content div. ~ gifs and pngs for background image for bullets wouldn't work in IE 6 */
	margin-right: 10px;
}
#logo {
	background-image: url(images/img-sub-logo.jpg);
	background-position: 0px 0px;
	width: 360px;
	height: 82px;
	background-repeat: no-repeat;
}
#footer {
	background-color: transparent;
	clear: both;
	height: 72px;
	color: #3b5a6f;
	text-align: right;
	vertical-align: bottom;
	font-size: 120%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#copyright {
	margin-right: 20px;
	font-size: 60%;
	width: 400px;
	height: 24px;
	float: right;
	padding-top: 48px;
}