@charset "utf-8";
/* CSS Document */
/* -- SITE WIDE -- */
body
{
	background-color: #CECECE;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
strong
{
	font-weight: bold;
}
.genClear
{
	clear: both;
}
h1.hdr1
{
	color: #F47E36;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.2em;
}
h1.hMarg
{
	margin: 0 0 0 15px;
}
h2.hdr2
{
	color: #F47E36;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.2em;
}
#swfHolder
{
	position:absolute;
	top: 525px;
	margin:0 0 0 445px;
	padding:0;
	z-index: 6001;
}
/* -- CONTAINER AREA -- */
#container
{
	/* 339 */
	/*min-height: 702px;*/
	background-color: #FFF;
	width: 100%;
	padding: 0 0 15px 0;
}
.cInner
{
	width: 714px;
	margin: 0 auto;
}
.bcWrapper,
.bcWrapperHP
{
	position: relative;
	width: 100%;
	min-height: 289px;
	background: #FFFFFF url(../images/middleBgTile.jpg) left top repeat-x;
	background-position: 0 3px;
	padding: 0 0 5px 0;
}
.bcWrapperHP
{
	padding: 0;
}
/* -- UPPER NAV -- */
.upperNav
{
	height: 55px;
	background: transparent url(../images/upNavTile.gif) left top repeat-x;
}
.upperNav a
{
	color: #5B5C5E;
	font-size: 0.75em;
	line-height: 1em;
	text-decoration: none;
}
.upperNav a:hover
{
	text-decoration: underline;
}
.upperNav .leftHIT
{
	float: left;
	width: 7px;
	height: 55px;
	background: #F47E36 url(../images/upNavLeft.gif) left top no-repeat;
}
.upperNav .rightHIT
{
	float: right;
	width: 7px;
	height: 55px;
	background: #F47E36 url(../images/upNavRight.gif) left top no-repeat;
}
.upperNav .link
{
	float: left;
	padding: 35px 15px 10px 15px;
	height: 20px;
	/*background: transparent url(../images/upNavBreak.gif) right top no-repeat;*/
}
.upperNav .logo
{
	float: left;
	margin: 0 50px 0 0;
}
/* -- FLASH POINTS -- */
.flashPoints
{
	position: relative;
	margin-top: 15px;
	width: 714px;
	/*height: 216px;*/
}
/* -- SUB NAV -- */
.subNav
{
	font-size: 0.7em;
	line-height: 1.4em;
	background: #FFF url(../images/subNavTile.gif) left top repeat-x;
}
.subNav .left
{
	float: left;
	width: 15px;
	height: 35px;
	background: #FFF url(../images/subNavLeft.gif) left top no-repeat;
}
.subNav .right
{
	float: right;
	width: 15px;
	height: 35px;
	background: #FFF url(../images/subNavRight.gif) left top no-repeat;
}
.listOrange{}
.listOrange li
{
	background: transparent url(../images/bltOrange.png) left top no-repeat;
	background-position: left 0.7em;
	padding: 2px 0 5px 10px;
}
.listPurple{}
.listPurple li
{
	background: transparent url(../images/bltPurple.png) left top no-repeat;
	background-position: left 0.7em;
	padding: 2px 0 5px 10px;
}
.listGreen{}
.listGreen li
{
	background: transparent url(../images/bltGreen.png) left top no-repeat;
	background-position: left 0.7em;
	padding: 2px 0 5px 10px;
}
/* -- BODY CONTENT -- */
.bodyContent
{
	position: relative;
	padding-top: 20px; 
	padding-bottom: 10px;
	font-size: 0.7em;
	line-height: 1.6em;
	color: #666;
}
.bodyContent .shade
{
	position: absolute;
	top: -15px;
	left: 0px;
	width: 724px;
	height: 19px;
	background: transparent url(../images/upperShade.jpg) left top no-repeat;
}
.bodyContent p
{
	margin: 1.1em 0 1.3em 0;
}
.bodyContent a
{
	color: #F47E36;
	text-decoration: none;
}
.bodyContent a:hover
{
	text-decoration: underline;
}
/* -- Layout -- */
.colHp1
{
	float: left;
	width: 440px;
	margin: 140px 0 0 0;
}
.colHp1 p
{
	padding-right: 10px;
	padding-left: 15px;
}
.colHp1 h1.hdr1
{
	margin: 0 0 0 15px;
}
.colHp2
{
	float: left;
	width: 274px;
	margin: 140px 0 0 0;
}
.colHp2 h2.hdr2
{
	margin: 0 0 0 15px;
}
/*.colHp2 #hpSwfPortfolio
{
	position: absolute;
	z-index: 6000;
}*/
.hpBnrLinks
{
	float:left;
	margin: 0 0 20px 0;
}

/* -- Layout -- */
.colWide
{
	float: left;
	width: 691px;
	margin: 0 0 5px 15px;
	min-height: 220px;
}
/* -- Layout -- */
.colThird1{
	float: left;
	width: 238px;
}
.colThird2{
	float: left;
	margin: 0 0 0 10px;
	width: 228px;
}
.colThird3{
	float: left;
	margin: 0 0 15px 10px;
	width: 213px;
	text-align: center;
}
.colThird3 .marg1
{
	margin: 15px 0 0 0;
}
.marg2
{
	padding: 10px 0 0 0;
}
.colThird3 a.pnlLinks
{
	float: right;
	margin: 0 -15px 0 0;
}
.colThird12{
	float: left;
	width: 466px;
	margin: 0 0 10px 15px;
}
.colThird23{
	float: left;
	margin: 0 0 0 10px;
	width: 466px;
}
.colThird123{
	float: left;
	width: 714px;
}
/* -- FOOTER AREAS -- */
#footer
{
	position: relative;
	width: 100%;
	min-height: 175px;
	color: #999;
	font-size: 0.55em;
	background: #CECECE url(../images/footerBgTile.jpg) left top repeat-x;
}
#fInner
{
	position: relative;
	width: 724px;
	margin: 0 auto;
}
#fInner .shade
{
	/*position: relative;*/
	position: absolute;
	top: -18px;
	left: 0px;
	width: 724px;
	height: 19px;
	background: transparent url(../images/upperShade.jpg) left top no-repeat;
}
#fInner .logo,
#fInner .logoBtn
{
	float: left;
	margin: 1px 15px 0 0;
}
#fInner .logoBtn
{
	margin: 2px 0 0 0;
}
#fInner .p1
{
	float: left;
	width: 600px;
	line-height: 2.5em;
}
#fInner .p1 a
{
	color: #999;
	text-decoration: none;
}
#fInner .p1 a:hover
{
	text-decoration: underline;
}
#fInner .p2
{
	float: right;
	width: 100px;
}
/* -- NEWS AND EVENTS PAGE -- */
.newsItem
{
	width: 100%;
	border-top: 1px dotted #CCC;
}
.newsItemLast
{
	border-bottom: 1px dotted #CCC;
}
.newsItem .img
{
	float: left;
	width: 128px;
	height: 73px;
	margin-top: 1px;
}
.newsItem .content
{
	float: left;
	width: 465px;
	min-height: 51px;
	padding: 9px 10px 10px 10px;
}
.newsItem .title
{
	float: left;
	width: 465px;
	color: #F47E36;
	font-weight: bold;
}
.newsItem .text
{
	float: left;
	width: 465px;
	/*overflow: hidden;*/
	min-height: 40px;
}
.newsItem .text p
{
	margin-top: 0.2em;
}
.newsItem .linkHolder
{
	float: right;
	position: relative;
	width: 60px;
	height: 51px;
	padding: 9px 10px 10px 0;
}
.newsItem .date
{
	float: right;
	width: 60px;
	text-align: right;
	color: #CCC;
	font-size: 0.8em;
}
.newsItem .link
{
	position: absolute;
	width: 60px;
	bottom: 5px;
	text-align: right;
	color: #F47E36;
}
.newsItem .link a
{
	color: #F47E36;
	text-decoration: none;
	padding: 0 13px 0 0;
	background: transparent url(../images/btnMoreArrows.gif) right top no-repeat;
	background-position: right 0.4em;
}
.newsItem .link a:hover
{
	text-decoration: underline;
}
/* -- PANEL ANIMATED MENU -- */
.pnl1
{
	width: 234px;
	background: transparent url(../images/panelWebsites.png) left top no-repeat;
}
.pnl2
{
	width: 234px;
	background: transparent url(../images/panelOnline.png) left top no-repeat;
}
.pnl3
{
	width: 234px;
	background: transparent url(../images/panelDigital.png) left top no-repeat;
}

.subNav li.websites
{
	text-indent: -4000px;
	width: 236px;
	height: 35px;
	background: transparent url(../images/btnWebsite.gif) left top no-repeat;
}
.subNav li.online
{
	text-indent: -4000px;
	width: 236px;
	height: 35px;
	background: transparent url(../images/btnOnlineMark.gif) left top no-repeat;
}
.subNav li.digital
{
	text-indent: -4000px;
	width: 212px;
	height: 35px;
	background: transparent url(../images/btnPrintMarketing.gif) left top no-repeat;
}

ul.menu {list-style:none; margin:0; padding:0;
	top:0px;
	z-index: 6000;
	position:relative;
}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#666; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:0px;}
ul.menu ul {position:absolute; top:35px; left:-11px; display:none; opacity:0; list-style:none;text-indent: 0;height:160px;}
ul.menu ul li {position:relative; width:200px; margin:3px 0 2px 25px;padding: 2px 0 0 5px;}
ul.menu ul li a {display:block; padding:0px 7px 0px;}
ul.menu ul li a:hover {text-decoration: underline;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {width:236px;height:35px;}
ul.menu .hdrSlim{width: 212px;}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {}
ul.menu .topline {}
.menuDisplay{display:block !important;Z-INDEX: 57;OVERFLOW: visible;opacity: 1 !important;HEIGHT: 160px! important;}



/* ----------------------------- */
/* -- CONTACT FORM -- */
.contactPara
{
	float: left;
	margin-top: 0 !important;
	width: 165px;
}
#contactFormHolder
{
	float: right;
	width: 290px;
}
#contactFormHolder .req
{
	color: #F47E36;
}
#contactFormHolder .formLbl
{
	float: left;
	clear: both;
	height: 2.5em;
	margin: 0 0 0.2em 0;
}
#contactFormHolder .formFld
{
	float: right;
	clear: right;
	min-height: 2.5em;
	margin: 0 0 0.2em 0;
}
#contactFormHolder .formFld input
{
	font-size: 1em;
	color: #666;
	width: 200px;
	padding: 0.3em;
	border: 1px solid #ccc;
	background: transparent url(../images/formGrad.jpg) left bottom repeat-x !important;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contactFormHolder .formFld .textField
{
	font-size: 1em;
	color: #666;
	width: 200px;
	height: 100px;
	padding: 0.3em;
	border: 1px solid #ccc;
	background: transparent url(../images/formGrad.jpg) left bottom repeat-x !important;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#contactFormHolder .formAreaBtn
{
	float: right;
	clear: both;
	margin: 10px 0 0 0;
}
#contactFormHolder .errorHolderBtn
{
	float: right;
	clear: both;
}
/* -- NEWSLETTER FORM -- */
#letterFormHolder
{
	float: left;
	width: 310px;
}
#letterFormHolder .formLbl
{
	float: left;
	clear: both;
	height: 2.5em;
	width: 80px;
	margin: 0 0 0.2em 0;
}
#letterFormHolder .formFld
{
	float: right;
	clear: right;
	min-height: 2.5em;
	margin: 0 0 0.2em 0;
	width: 210px;
}
#letterFormHolder .formFld input
{
	font-size: 1em;
	color: #666;
	width: 200px;
	padding: 0.3em;
	border: 1px solid #ccc;
	background: transparent url(../images/formGrad.jpg) left bottom repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#letterFormHolder .checker
{
}
#letterFormHolder .checker input
{
	width: 20px;
	border: none;
	padding: 0;
	background: none;
}
#letterFormHolder .formAreaBtn
{
	float: right;
	clear: both;
}

/* lava nav */

.lavaLampTopStyle {
            position: relative;
            height: 29px;
            width: 360px;
            padding: 15px 0;
            margin: 0;
            left: 80px;
            overflow: hidden;
        }
                .lavaLampTopStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampTopStyle li.back {
                        border-bottom: 5px solid #F47E36;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        margin-top: 5px;
                        position: absolute;
                    }
                    .lavaLampTopStyle li a {
                        font-size: 0.75em;
						line-height: 1.4em;
                        text-decoration: none;
                        color: #5B5C5E;
                        outline: none;
                        text-align: center;
                        top: 0px;
                        z-index: 100;
                        display: block;
                        float: left;
                        height: 20px;
                        position: relative;
                        overflow: hidden;
                        margin: 14px 10px 10px 10px;
                    }   
                        .lavaLampTopStyle li a:hover, .lavaLampTopStyle li a:active, .lavaLampTopStyle li a:visited {
                            border: none;
							text-decoration: none;
                        }                     

/* -- -- -- */

.envTreeF
{
	float: left;
	margin: 0 10px 10px 0;
}

.contactMapPdf
{
	float: left;
	clear: both;
	display:block;
	height: 52px;
	margin: 50px 0 0 0;
	padding: 0px 0 0 60px;
	background: transparent url(../images/logoPDF.gif) left top no-repeat;
}
.gMap
{
	height: 310px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 15px 0;
}
/* - SITEMAP - */
ul.sitemap,
ul.widelist
{
	float: left;
	width: 230px;
	margin: 0 0 10px 0;
}
ul.widelist
{
	width: 460px;
}
ul.sitemap li,
ul.widelist li
{
	padding: 0 0 0 15px;
	background: transparent url(../images/copyBullet.png) left top no-repeat;
	background-position: left 7px;
}