* { margin:0; padding:0; outline:none; }
/*html, body, #container { _height:100%; min-height:100%; height:auto; }*/
html>body #container {
	min-height: 100%;
	height: auto;
}
html { 
	background:url(images/bkgd-bot.gif) center bottom #000000;
}
body {
	background:url(images/bkgd-top.gif) center top;
	margin: 0;
}
a:link, a:visited {
	color: #3cb1cd;
	text-decoration: none;
}
a:hover, a:active {
	color: #a6eeff;
}
.clearer{
	clear:both;
	height:0;
	line-height:0;
}
	
h1 {
	font: normal 23px "Trebuchet MS", Arial, sans-serif;
	color: #ff8500;
	padding-bottom:10px;
}
h2 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color: #ff8500;
	padding-bottom:10px;
}
h2 a:link, h2 a:visited {
	color: #ff8500;
	text-decoration:none;
}
h2 a:hover, h2 a:active {
	color: #ffffff;
	text-decoration:none;
}
h3 {
	font: normal 21px "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
}
h3 a:link, h3 a:visited {
	color: #ffffff;
	text-decoration:none;
}
h3 a:hover, h3 a:active {
	color: #a6eeff;
	text-decoration:none;
}
h4 {
	font:18px "Trebuchet MS", Arial, sans-serif;
	color:#c5f5a3;
	padding-bottom:5px;
}
p {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	line-height: 19px;
	padding-bottom:15px;
	color: #ffffff;
}
table {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	line-height: 19px;
	margin-bottom:15px;
	color: #ffffff;
}
td { padding:inherit; margin:auto; }
.question {
	font: normal 14px/18px "Trebuchet MS", Arial, sans-serif;
	padding-bottom:5px;
	color: #87e645;
}
ul {
	font: normal 12px "Trebuchet MS", Arial, sans-serif;
	line-height: 18px;
	padding-bottom:15px;
	color: #ffffff;
}
ol {
	font: normal 14px "Trebuchet MS", Arial, sans-serif;
	line-height: 18px;
	padding-bottom:15px;
	color: #ffffff;
	padding-left:18px;
}
hr {
	width:100%;
	border:none;
	border-bottom:1px solid #227da5;
	margin:10px 0;
}
/* ----------divs-------------- */
#container {
	position:relative;
	width:976px;
	margin:0 auto;
}
#content {
	width:954px;
	margin:0 auto;
	padding-top:28px;
}
#leftCol {
	float:left;
	width:320px;
}
#green-box {
	background:url(images/green-bottom.png) bottom center no-repeat;
	width:250px;
	padding:0 35px 30px;
}
#green-box li  { 
	color:#87e645;
	list-style-type:none;
	background:url(images/green-li.jpg) 50% left no-repeat;
	padding-left:15px;
}
#green-box a:link, #green-box a:visited { color:#87e645; }
#green-box a:hover { color:#c6ff9f; }
#rightCol {
	float:right;
	width:600px;
}
#rightCol ul {

}
#rightCol li {
	list-style:none;
	background:url(images/bullet.gif) left 50% no-repeat;
	padding:0 0 0 10px;
}
#rightCol ol li {
	list-style:inherit;
	background:none;
	padding:0 0 0 0;
}
#copy {
	float:right;
	width:605px;
	padding-right:10px;
}
#copy p {
	font-size:14px;
}
#services {
	width:924px;
	margin:5px auto 0;
}
#graphic, #quote, #posts {
	float:left;
	width:307px;
	padding-right:28px;
}
#web, #contact-home {
	float:left;
	width:295px;
}
#contact {
	float:left;
	width:135px;
}
#brand, #news {
	float:right;
	width:270px;
}
#praise, #quote-blog {
	float:right;
	width:420px;
}
#praise p, #news p, #contact p, #contact-home p, #quote p, #posts p, #quote-blog p {
	font: normal 11px/18px "Trebuchet MS", Arial, sans-serif;
}
#praise { display:block; }
#footer1 {
	width:924px;
	padding:0 26px;
	background:url(images/footer1-bkgd.jpg) top center no-repeat;
}
#footer1-content {
	display:block;
	width:924px;
	height:auto;
	padding:20px 0 0;
	margin:15px 0 0;
}		
#footer2 {
	width:924px;
	height:109px;
	padding:28px 26px 0;
	margin:0 auto;
	background:url(images/footer2-bkgd.png) top center no-repeat;
}
#footer2 p, #footer2 p a {
	font: normal 13px "Trebuchet MS", Arial, sans-serif;
	color:#ffffff;
}
#footer2 p a:hover {
	color:#3cb1cd;
}
#footer2 p.small {
	font-size:11px;
	color:#545454;
}

#flashMap {
	width:300px;
	padding:0 60px 20px 20px;
	float:right;
}
#flashButtons {
	text-align:center;
	display:block;
}
/* ----------homepage divs-------------- */
#header-home {
	padding-top:28px;
	height:150px;
	background:url(images/tree-shadow.png) bottom left no-repeat;
}
/* ----------blog tab-------------- */
a.blog:link, a.blog:visited
{
	position:fixed;
	top:265px;
	right:0;
	display:block;
	height:210px;
	width:40px;
	background:url(images/blog-tab.png) top left no-repeat;
}
a.blog:hover, a.blog:active
{
	display:block;
	height:210px;
	width:44px;
}
/*IE6 Fix for Blog Tab*/
a.blog:link, a.blog:visited
{
	_position:absolute;
	_top:265px;
	_right:0;
}

/*  ----------this is omitted because it is added in the time specific stylesheets
#flash-home {
	clear:both;
	height:481px;
	background:url(images/flash-bkgd.png) top left no-repeat;
}
#flash {
	height: 461px;
	width: 320px;
	background: url(images/leftCol-noCows.png);
}
----------------------------------------------------------------------------------- */


#flash-holder {
	height:290px;
	width:976px;
}
#feauredPortfolio{
	margin:-20px -20px 10px -20px; 
	position:relative;
}
#graphic h3 {
	height:60px;
	line-height:60px;
	padding:0;
	margin-bottom:5px;
}
#web h3 {
	height:60px;
	line-height:60px;
	padding:0;
	margin-bottom:5px;
}	
#brand h3 {
	height:60px;
	line-height:60px;
	padding:0;
	margin-bottom:5px;
}
#footer1-home {
	width:924px;
	padding:0 26px;
	background:url(images/footer1-bkgd.png) top center no-repeat;
	min-height:175px;
}		
#footer1-home-content {
	padding:40px 0 0;
	margin:0 auto;
}
/* ----------twmp pages-------------- */
.box3COL {
	float: left;
	width: 180px;
	margin: 10px 20px 0 0;
}
.box3COL h2 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #ff8500;
	padding-bottom:10px;
	margin-top:5px;
}
/* -----------bio--------------------------- */
.bio {
	width: 250px;
	margin: 10px 10px;
	float: left;
	display: inline;
	background:url(images/bkgd-bio.jpg) top left no-repeat;
}
.bio a img {
	border: 2px solid #022d3e;
	padding: 2px;
	margin-right: 20px;
	float: left;
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
}
.bio a:hover img {
	border: 2px solid #87e63f;
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
}
.bio span {
	margin: 16px 0 0 0;
	padding: 0;
	font: normal 16px/50px "Trebuchet MS", Arial, sans-serif;
	text-align: left;
}
.bio p {
	margin: -12px 0 0 0;
	padding: 0;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color: #959595;
	text-align: left;
}
.bio a:link, .bio a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.bio a:hover, .bio a:active {
	color: #87e63f;
	text-decoration: none;
}
/* ----------contact Page -------------- */
.directory {
	font: 12px/19px "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
}
.directory td{
	height:20px;
	border-bottom:1px solid #012838;
}
.contactColumn{
	padding: 0 30px 0 0;
	margin:0;
	float:left;
	width:270px;
}

/* ----------Portfolio Page -------------- */
.portfolio-item {
	background:#000000 url(images/bkg-portfolio.jpg) repeat-x bottom;
	padding:7px 7px 20px 7px;
	margin-bottom:20px;
}
.portfolio-item-new {
	padding: 2px 2px 2px 2px;
	margin-bottom:20px;
	float:left;
	width:196px;
}
img.portfolio-item {
	background:#59656e;
	padding:2px;
	border:3px solid #21323e;
	margin-bottom:10px;
}
img.portfolio-item2 {
	background:#59656e;
	padding:2px;
	border:3px solid #21323e;
	margin-bottom:10px;
	margin-left:10px;
}
img.portfolio-item3 {
	background:#59656e;
	padding:2px;
	border:2px solid #21323e;
	margin-bottom:2px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.portfolio-item h3{
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	float:left;
	font: normal 16px/18px "Trebuchet MS", Arial, sans-serif;
	color:#ff8500;
	text-align: left;
}
.portfolio-item h4{
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	font: normal 16px/18px "Trebuchet MS", Arial, sans-serif;
	color:#ff8500;
	text-align: left;
}
.portfolio-link{
	padding: 0 15px 0 0;
	margin: 0;
	font: normal 11px/12px "Trebuchet MS", Arial, sans-serif;
	float:right;
	text-align:right;
}
.portfolio-description{
	padding: 0 0 0 15px;
	margin: 0;
	font: normal 11px/12px "Trebuchet MS", Arial, sans-serif;
}

.portfolio-item2up {
	background:#000000 url(images/bkg-portfolio.jpg) repeat-x bottom;
	padding:9px 9px 20px 9px;
	margin :0 22px 20px 0;
	width:260px;
	float: left;
}
img.portfolio-item2up {
	background:#59656e;
	padding:2px;
	border:3px solid #21323e;
	margin-bottom:10px;
}

.portfolio-item2up h3{
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	font: normal 14px/18px "Trebuchet MS", Arial, sans-serif;
	color:#ff8500;
	text-align: left;
}

.portfolio-link2up{
	padding: 0 0 0 15px;
	margin: 0;
	font: normal 11px/12px "Trebuchet MS", Arial, sans-serif;
	text-align:left;
}
.portfolio-description2up{
	padding: 0 0 0 15px;
	margin: 0;
	font: normal 11px/12px "Trebuchet MS", Arial, sans-serif;
}
#portfolio-text{
	float:left;
	width:195px;
	padding-left:0px;
	text-align:center;
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
}

/* ----------classes-------------- */
.png, .logo, .newsIcon, #services h3, #header-home, #flash-home, #flash, #footer1, #footer1-home, #footer2, a.arrow, #green-box, #nav li.current a { behavior: url(/iepngfix.htc); }
.left { float:left; }
.right { float: right }
.logo { float:left; }
a.arrow { 
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	padding-left:15px;	
	background:url(images/link-arrow.png) left 50% no-repeat;
}

.newsIcon{
	padding:0;
	margin:10px;
}
.header-photo {
	background:#59656e;
	padding:2px;
	border:6px solid #21323e;
	margin-bottom:10px;
}
.pic {
	background-color: #59656e;
	padding: 2px;
	border: 6px solid #21323e;
	margin:15px;
}
.small { font-size:10px; line-height:12px; }
.white {
	color:#FFF;
}
.inset {
	width:500px;
	margin:0 auto;
}
.bkgd-box {
	margin:0 auto 0 20px;
	background:url(images/table-bkgd.jpg) top left repeat-x #000000;
	padding:10px 15px 0 20px;
}
.bkgd-box p {
	font: normal 12px/14px "Trebuchet MS", Arial, sans-serif;
	padding-bottom:10px;
	margin:0;
}
.bkgd-box img {
	background-color: #59656e;
	border: 4px solid #21323e;
	margin:0 0 -6px 0;
}
.bkgd-table {
	margin:0 auto 15px;
	background:url(images/table-bkgd.jpg) top left repeat-x #000000;
	padding:10px 15px 0 15px;
}
.bkgd-table p {
	padding-bottom:10px;
}
.steps p{
	font: normal 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:34px;
}
.steps h2{
	color: #87e645;
	font: normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 -10px 34px;

}
.step-numbers {
	margin:0 0 -32px -8px;
	display:block;
}
a.opacity {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
}
a.opacity:hover {
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
}

/* ----------nav-------------- */
#nav, #chicago {
		background:url(images/nav-bkgd.jpg) top center repeat-x;
		height:40px;
}
#nav ul, #chicago ul { 
	list-style:none;
	text-align:center;
	width:976px;
	margin:0 auto;
}
#nav li, #chicago li {
	display: inline;
	font: bold 13px "Trebuchet MS", Arial, sans-serif;
}
#nav li a, #chicago li a {
	display:inline-block;
	height:25px;
	padding:8px 14px 7px;
	color:#FFFFFF;
	text-decoration:none;
}
#nav li.current a, #chicago li.current a {
	background:url(images/nav-current.png) center bottom no-repeat;
}	
#nav li a:hover, #chicago li a:hover {
	color:#3cb1cd;
}

/* ----------news page-------------- */
.newsdate {
	font-size: 20px;
	color: #87e645;
}
.newstype {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #545454;
	text-transform: uppercase;
	padding-left: 5px;
}