html { width:100%; height:100%;}

body {
	background: #554d36 url(../images/bodyBackground.png) repeat-y center;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	font: 14px/24px Arial, Helvetica, sans-serif;
	color: #5a5139;
}
	
	
#center { margin:0 auto; padding:0px; width:788px;}


#flashContainer {padding:11px; margin:6px 0 0 0; position:relative;}
#container { background-color:#FFFFFF;  padding:11px; margin:42px 0 0 0; position:relative;}

#header {
	height:182px;
	position:relative;
}

#flashCollage {
	z-index: 110;
	position: absolute;
	top:4px;
	height:194px;
}

#flashCenter { width:766px; margin:0 auto; margin-left:11px;}

.navBar {
	z-index: 96;
	position: absolute;
	bottom:0px;
	background: url(../images/nav-background.gif) no-repeat;
	height:76px;
	width:766px;
	padding-left:14px;
}
.navBar img { height:63px; margin-right:6px;}
.navBar a .home {background:url(../images/btn-home.png) no-repeat left 0px;}
.navBar a .aboutUs {background:url(../images/btn-aboutUs.png) no-repeat left 0px;}
.navBar a .services {background:url(../images/btn-services.png) no-repeat left 0px;}
.navBar a .clients {background:url(../images/btn-clients.png) no-repeat left 0px;}
.navBar a .media {background:url(../images/btn-media.png) no-repeat left 0px;}
.navBar a .articles {background:url(../images/btn-articles.png) no-repeat left 0px;}
.navBar a .presentations {background:url(../images/btn-presentations.png) no-repeat left 0px;}
.navBar a .contact {background:url(../images/btn-contact.png) no-repeat left 0px;}

.navBar a:hover .home, .navBar a:hover .aboutUs, .navBar a:hover .services, .navBar a:hover .clients, .navBar a:hover .media, .navBar a:hover .articles, .navBar a:hover .presentations, .navBar a:hover .contact {background-position:left -64px;}

.navBar a:active .home, .navBar a:active .aboutUs, .navBar a:active .services, .navBar a:active .clients, .navBar a:active .media, .navBar a:active .articles, .navBar a:active .presentations, .navBar a:active .contact {background-position:left -64px;}

#home .navBar a .home, #aboutUs .navBar a .aboutUs, #services .navBar a .services, #clients .navBar a .clients, #media .navBar a .media, #articles .navBar a .articles, #presentations .navBar a .presentations, #contact .navBar a .contact {background-position:left -64px;}

a:active, a:hover, a:focus{outline: none; -moz-outline:none;}

#portrait {
	float:right;
	padding-top:41px;
	font-size:12px;
	margin-left:30px;
	width:181px;
}
#portrait img { margin:0px;}

.contentColumn {padding-left:212px; padding-top:20px;}
.contentColumn p, li {padding-right:50px;}
.contentColumn p {margin:0px; padding-top:10px; padding-bottom:10px;}
.contentColumn li { line-height:22px;  margin:0px; padding-top:0px;padding-bottom:15px;}
.contentColumn ul { padding-top:0px;padding-bottom:5px;}

.contentColumn dl { line-height:14px;}
.contentColumn dt { width:150px; font-weight:bold; float:left; padding:0px; padding-bottom:10px;}
.contentColumn dd {
	padding:0px 15px 0px 170px;
	background: url(../images/squareBullet.gif) no-repeat 155px 3px;
	padding-bottom:8px;}
	
.contentColumn dl br { clear:left;  margin-top:10px; border-bottom:1px dotted #E46D1D;}

#narrowColumn {
	float:left;
	width:179px;
	position:relative;
}
#narrowColumn dl {
	margin:40px 0px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
}
#narrowColumn dt { margin:0px; padding:0px; text-align:right; }
#narrowColumn dd {
	margin:0px;
	padding:0px;
	text-align:right;
	line-height:30px;
	background: url(../images/subBtn-bg.gif) no-repeat right bottom;
}
#narrowColumn dd a {
	display:block;
	padding-right:20px;
	color:#827347;
	letter-spacing: 0.01em; line-height:18px; padding-bottom:5px; padding-top:5px;
}
#narrowColumn dd a:hover {
	text-decoration: none;
	color: #5E553B;

	
}
#narrowColumn dd a strong {
font-weight:bold;
	color: #5E553B;
		letter-spacing:normal;
}

#content {
	background: #FFEEBF url(../images/content-background.jpg) no-repeat;
}

.footerPic {z-index: 101; position: absolute; top:0px; left:0px;}
.footerTint {z-index:102; position: absolute; bottom:0px; right:11px;}

#footer { position:relative; padding-top:12px; clear:both; height:72px;}
#footerInfo {
	height:72px;
	color:#FFFFFF;
	vertical-align: bottom;
}
#home #footerInfo {background:#E46D1D;}
#aboutUs #footerInfo {background:#F19533;}
#services #footerInfo {background:#e8aa35;}
#clients #footerInfo {background:#E4C510;}
#media #footerInfo {background:#BBA25E;}
#articles #footerInfo {background:#7A533A;} 
#presentations #footerInfo {background:#9D4915;}
#contact #footerInfo {background:#D25F1A;}

#home .navBar a .home, #aboutUs .navBar a .aboutUs, #services .navBar a .services, #clients .navBar a .clients, #media .navBar a .media, #articles .navBar a .articles, #presentations .navBar a .presentations, #contact .navBar a .contact {background-position:left -64px;}

h1, h2 {
	padding:0px;
	margin:0px;
	color: #e46d1d;
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 0 px;
}

h2 {	font-size: 20px;}

.copyright {
	position:absolute;
	z-index: 106;
	bottom: 8px;
	left:10px;
	font-size:13px;
}

.footerContact {	position:absolute;
	z-index: 110;
	bottom: 12px;
	text-align:right;
	right:15px;
	line-height:18px;
	font-size:13px;
	}
	
.footerContact label { margin-left:8px;}
.footerContact strong { margin-left:15px;}
	
 

.articles p { line-height:14px;}
.articles h2 {
	display: inline;
	background: #E46D1D;
	color: #FFEEBF;
	padding: 2px;
}

.topButton { float:right; margin-right:10px; font-size:12px;}
.dataHeading { font-weight:bold;color: #E46D1D; background:none;}

/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */
 
 a {color: #E46D1D;	text-decoration: none;}
 a:hover {text-decoration: underline;}

thead th, th, td, tr { vertical-align:top; text-align:left; line-height:16px;border-bottom:1px solid #D1BB81;}
.contentColumn td li {
	list-style: none;
	background: url(../images/squareBullet.gif) no-repeat 0px 5px;
	margin: 0px;
	padding: 0px 20px 3px 12px;
	line-height:16px;
}

 .contentColumn li {
	list-style: none;
	background: url(../images/squareBullet.gif) no-repeat 0px 5px;
	margin: 0px;
	padding: 0px 20px 15px 12px;
	line-height:20px;
}

td ul {
	padding: 0px;
	margin: 0px;
}
td, th {padding:5px;}
th, thead th, td { padding-right:10px;}
thead th {color: #E46D1D;}
table { margin-right:30px;}

#newsletterDescription {
	font: 12px/14px Arial, Helvetica, sans-serif;
	padding-left:10px;
	color: #928250;
}

#newsletterDescription ul{
 margin:0px 0px 0px 10px; padding:0px;
}

#newsletterDescription li{
 padding:0px; padding-bottom:5px; margin:0px;
}

blockquote {margin-top:0px; margin-bottom:0px;}
 
form label { float:left; width:115px; line-height:30px;}
form br{ clear:left;}

.link2 a{
		padding-left:5px;
	padding-right:5px;
	background: #E46D1D;
	color:#FFF4D7;
	float:right;
}

.clear { clear:both;}

form { margin:0px; padding:0px;float:left; width:100%}

.fRight { float:right;}
.medMarginR { margin-right:10px;}

#latestArticles {padding-right:290px; line-height:16px;}
#latestPresentations {clear:right; float:right; width:290px; line-height:16px; padding:0px;}

.printOnly {display:none;}
.appleBG { display:none;}