﻿ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div, p{margin:0; padding:0}
form {}
images{border:0; }
body{font:12px/120% Arial,Helvetica,sans-serif; color:#666; background:#FFF url(images/mainbg.gif) repeat-x center top}
.clearB{clear:both;}
.clearL{clear:left}
.clearR {clear:right}
.fl{float:left}
.fr{float:right}
.dn {display:none;}
.pageheader{font-size: x-large; }
.hyperlink{height:25px;float:left;padding: 8px 0 0 0;}
.hr{background-color:#e9e9e9; width:98%; height:1px; line-height:1px; margin:0 0 5px 0; padding:0;}
.vr{background-color:#e9e9e9; width:1px; height:75px; line-height:1px; margin:10px 0 0 0; padding:0; float:left;}

/*LAYOUT*/
#sitewrapper{width:772px; margin:22px auto; padding:0}
#header{
	position:relative;
	clear:both;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:600px
}
#logo{width:148px; height:94px; position:absolute; z-index:99; margin:0 0 0 25px; padding:0}
#container{position:relative; background:#FFF url(images/containerbg.gif) repeat-y center top; width:772px; margin:0; padding:0}
#containerhome{position:relative; background:#FFF url(images/containerbg.gif) repeat-y center top; width:772px; margin:0; padding:0}
#overlaytop{position:absolute; top:0; z-index:57; margin:0; padding:0}
#overlaymiddle{padding:0; color:#333; margin:0; background: url(../images/pagewrapperbg.jpg) no-repeat 10px top; color:#333333;}
#container {background-color:#FF9501;}
#sectiontitle {margin:10px 12px 0 204px; width:450px;}
#footer{font-size:.8em; color:#ccc; padding:0px 35px 0 0; text-align:right}
.datatab {background: #F9F9F9 url(../images/datatab_bg.gif) no-repeat left top;border-left: 1px solid #FFF;}

#arrows {width:26px; height:13px; margin:4px 0 0 0; padding:0; float:right;}
#arrowsdiv { padding:10px 0 0 0; margin:0;}
#arrowsdiv img {padding:0; margin:0;}

#sectiontop {margin:0 0 0 10px; padding:0;}

#sectioncontentwide { margin:0 33px 0 15px; clear:right; color:#7D7F82;}
#sectioncontentwide h1 { font-size:1.2em; line-height:1.1em;  margin: 0 30px 5px 5px;}
#sectioncontentwide p {margin:0 0 0 5px; padding: 5px 30px 0 0;}

#sectiontitle {margin:10px 12px 0 204px; width:400px;}
#sectiontop {margin:0 0 0 10px; padding:0;}
#sectioncontentwrapper{background: url(../images/sectionbg.gif) repeat-y;margin:0 0px 0 10px;padding: 0;width:749px;min-height:240px;}
#sectioncontentwrapperwide{background: url(../images/sectionbgNonav.gif) repeat-y;margin:0 0px 0 10px;padding: 0;width:749px;min-height:240px;}
#sectioncontent { margin:0 0 0 202px; clear:right; color:#7D7F82; padding-right:50px;}
#sectioncontent h1 { font-size:1.2em; line-height:1.1em;  margin: 0 30px 5px 5px;}
#sectioncontent p {margin:5px 0 0 5px; padding: 5px 30px 0 0;}
.channel { font-size:1.2em; font-weight:bold; line-height:1.1em; margin: 10px 0; color:#CC9900; display:block;}
#sectioncontent ul {margin: 2% 10%;}

#pieflash {width:168px; height:235px; float:right; margin:0px; padding: 0 7px 7px 0;}



/*LAYOUT - HOMEPAGE*/
#mainHome{margin:0; padding:0; height:285px}
#featureHome{
	background:url(images/homefeaturebg.jpg) repeat-x center top;
	font-size:.8em;
	font-weight:bold;
	line-height:1.0em;
	width:750px;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 39px;
	padding-left: 0;
}
#overlaymiddleHome{background:url(images/homefooter.gif) no-repeat center bottom}
#section1{
	float:left;
	width:197px;
	border-right:1px solid #FFF;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
#section1 ul{margin:0; padding:0; list-style:none;}
#section1 li{margin:5px 0; padding:0; background:url(images/plus.gif) no-repeat left 3px;}
#section1 li a{ color:#666; margin:0px 0 0 15px; display:block; padding:0;}
#section1 li a:hover{ color:#FFA601;}
#section1 h2 {font-size: 10px; font-weight:bold; line-height: 12px;}
/*LAYOUT - h2 tag*/
.body{font:12px/120% Arial,Helvetica,sans-serif; color:#7D7F82; font-weight:normal;}
 /* news nugget */
#section2{
	float:left;
	width:198px;
	padding:20px;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}
#featureHome a{ color:#666;}
#featureHome a:hover{color:#FFA601}

#section3{
	float:left;
	width:237px;
	margin:0;
	background:url(images/home_featurecampaignbg.jpg) no-repeat center 2px;
	height:72px;
	overflow:hidden;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#section3 #featuredimg {padding:0;margin:0 5px 0 10px;float:left;background: url(imgsrc/home_featuredimg_bg.png) no-repeat left top;width:98px;height:69px;}
#section3 #featuredimg table {margin:0 auto; vertical-align:middle;width:98px; height:60px;}
#featuredimg img {margin: 10px 0 0 5px; padding: 0;}
#section3 p {padding:10px 0 0 0;margin:0; font-size:1.2em; line-height:1.2em;}

/* MAIN NAV */
#mainNav{padding:0; margin:5px 0 10px 173px;}
#mainNav ul{margin:0; padding:15px; list-style-type:none;}
#mainNav li{float:left; margin:0 17px 0 0; height:16px; overflow:hidden;}
#mainNav li a{display:block; overflow:hidden;  padding-top:15px;}
#mainNav #item1 a{background:transparent url(images/mainnav.gif) no-repeat 0 0; width:52px;}
#mainNav #item2 a{background:transparent url(images/mainnav.gif) no-repeat -70px 0; width:47px;}
#mainNav #item3 a{background:transparent url(images/mainnav.gif) no-repeat -135px 0; width:38px;}
#mainNav #item4 a{background:transparent url(images/mainnav.gif) no-repeat -192px 0; width:31px;}
#mainNav #item5 a{background:transparent url(images/mainnav.gif) no-repeat -241px 0; width:56px;}
#mainNav #item6 a{background:transparent url(images/mainnav.gif) no-repeat -314px 0; width:45px;}
#mainNav #item1 a:hover{background:transparent url(images/mainnav.gif) no-repeat 0 -16px;}
#mainNav #item2 a:hover{background:transparent url(images/mainnav.gif) no-repeat -70px -16px;}
#mainNav #item3 a:hover{background:transparent url(images/mainnav.gif) no-repeat -135px -16px;}
#mainNav #item4 a:hover{background:transparent url(images/mainnav.gif) no-repeat -192px -16px;}
#mainNav #item5 a:hover{background:transparent url(images/mainnav.gif) no-repeat -241px -16px;}
#mainNav #item6 a:hover{background:transparent url(images/mainnav.gif) no-repeat -314px -16px;}

/*SUB NAV*/
#subNav{margin:0; width:160px; float:left; padding:0 0 0 24px; clear:right;}
#subNav ul{margin:0;padding:0;list-style:none;}
#subNav li{font-size:0.8em;margin:0;padding:0 0 15px;font-weight:700;text-transform:capitalize;}
#subNav li a{color:#686868;}
#subNav li a:hover{color:#FFA601;}

/*FORMS / contact us*/
form{padding:0; margin:0}
label{padding-left:4px; display:block; margin-bottom:2px; color:#666; font-weight:bold; width:auto;font-size:1em;}
input.text, textarea, select{margin-bottom:10px;-moz-border-radius:2px;border:1px solid #ccc;padding:2px 3px;background: #EEEEEE;}
textarea{padding-left:10px; padding-right:10px; background-color:#EEEEEE}
fieldset{border:none; margin:0 0 10px 0; padding:0;}
fieldset input.text{margin:0; padding:3px; background-color:#EEEEEE}
.formcolumn1 {
	padding:0;
	margin:0;
	float:left;
	overflow:auto;
	width:25%;
}
.formcolumn2 {
	padding:0;
	margin:0;
	float:left;
	overflow:auto;
	width:25%;
}
.formcolumn3 {padding:0; margin:0; float:left; width:37%;}
.state{width:65%;}
.zip{overflow:auto; width:48%;}
.submitButton{float:left;clear:both;width:auto;margin:5px 20px;}
.vcard {font-size:.8em; line-height:1.2em;text-align:right;color:#808080;text-decoration:none; font-weight:bold;}

/* newsdata */
.allnewslink {text-align:right; color:#FFA601; padding: 0 20px 0 0; font-size:.8em; font-weight:bold;}
.clientlogo { padding: 0 10px 10px; margin:0;}
.newslogo { width:10%;}
.newstitle {width:60%;}
.newslocation{width:20%;}
.newsdate{width:10%;}
.newsArticleImage{display:none;}
#newsdetail h1, h2, h3{margin-left:5px;}
#newsdetail h3{font-size:.8em;}
#newsdetail a{text-decoration:underline;}
#sectionnews h2, .newstitle h2 {font-size:1em;font-weight:normal;}

.casethumb {
	width:144px;
	height:185px;
	float:right;
	padding: 0 50px 0 0;
	margin:0;
	vertical-align:middle;
}
.casethumb img { padding: 6px 0 0 6px; margin:0;}
.casefull { width:267px; float:left; margin:0;}
#casedesc { width:130px; float:left; margin:0; padding: 15px 10px 0 12px;font-size:.8em; line-height:1em;}
#casedesc .clientlogo {margin:0; padding: 0 0 10px 0;}
#casedesc h1{margin:0px;padding:0px;}
#casedesc a{color:#666;}
#casedesc a:hover {color:#FFA601;}
#casedesc ul {list-style:none;}

.casetitle {font-weight:bold;}
#casestudies ul{margin:15px 5px 0px 0;padding:0;list-style:none;width:164px;float:left;font-size:.8em; line-height:1em;}
#casestudies li{margin:0 0 0 5px; padding:0; background:url(../images/plus.gif) no-repeat left top}
#casestudies li a{ color:#666; margin:0px 0 0 15px; display:block; padding:0}
#casestudies li a:hover{ color:#FFA601}
#casestudies li a.active {color:#FFA601}

/* clients */
#sectionclient {color:#7D7F82;}
#sectionclient h1, #sectionnews h1 {padding:0 10px; margin:0; font-size:1.2em; font-weight:bold; line-height:1em;}
#sectionclient h2 {padding:0 10px 10px; margin:0; font-size:.8em;}
#sectionclient p {padding: 0 10px 10px;}
#sectionclient a, #sectionclient a:active, #sectionclient a:visited, #sectionnews a, #sectionnews a:active, #sectionnews a:visited {color:#FFA601}
#sectionclient a:hover {color:#666}
#sectionclient table, #sectionnews table{margin:0 auto; padding:0;font-size: .8em;width:95%;}
#sectionclient thead tr, #sectionnews thead tr { background:none; text-align: left; }
#sectionclient thead tr th, #sectionnews thead tr th{padding:5px;}
#sectionclient thead tr th, #sectionnews thead tr th{ text-decoration:none; font-weight:normal;}
#sectionclient tr,#sectionnews tr {height:40px;}
#sectionclient tr.even:hover, #sectionclient tr.odd:hover, #sectionnews tr.even:hover, #sectionnews tr.odd:hover{background: #FFFF99;}
#sectionclient tr.odd, #sectionnews tr.odd{background-color:#F3F3F3}
#sectionclient tr.odd .newslogo, #sectionclient tr.even .newslogo, #sectionnews tr.odd .newslogo, #sectionnews tr.even .newslogo {background-color:#FFF}
#sectionclient td, #sectionnews td {border-right: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;vertical-align:middle;margin:0;padding:6px;}
#sectionclient td a, #sectionclient td a:active, #sectionclient td a:visited, #sectionnews td a, #sectionnews td a:active, #sectionnews td a:visited{ color:#7D7F82;}
#sectionclient .newsDiv {padding: 0;}
#sectionclient h2 { padding:0px; margin:0; font-size:1em; font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-transform: capitalize; }
#sectionclient h3 { padding:0px; margin:0; font-size:.9em; font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-transform: capitalize; }

#clientslogocontainer{padding:0; margin:20px 0 0 5px; width:465px; }
.outerlogobox{width:141px; height:75px; float:left; background-color:#D4D4D4; padding:0 0 1px 1px; margin:0;}
.innerlogobox{background-color:#fff; padding:0; margin:0; text-align:center; width:141px; height:75px; }
.logo{}
#clientscontainer{margin:0; padding:0;}
#clientlogo{width:95%;height:auto;}
#clientlogo h1 {display:inline;}
#clientcopy{width:263px;float:right}
#clientcopy p{margin:0; padding:5px}
#clientsample{width:155px; float:left; margin:0; padding:5px 0 0 10px}
#quote{width:151px; clear:both; margin:10px 0px; padding:0; font-size:.9em; font-weight:bold; line-height:1em}
#quote span{margin:5px 0 0 10px; clear:both; display:block; font-size:.8em; font-weight:normal}
.clientImage{display:none;}
#thumbs {width:57px; padding:0; margin:10px;}
#thumbs img {padding-bottom:5px}

/*SUB LINKS*/
a:link { color:#EB8801; text-decoration:underline; font-weight:bold;}
a:active { color:#EB8801; text-decoration:underline; font-weight:bold; }
a:visited { color: #EB8801; text-decoration:underline; font-weight:bold; }
a:hover { color: #666; text-decoration:underline; font-weight:bold; }

/* company data */
.jobtitle { color:#FF9501; font-size:1.1em; font-weight:bold;}

/* paging */
#samplenumbers {width:95%; margin:0 auto;}
#samplenumbers ul{margin:5px 0 0 0; padding:0; list-style:none; float:left;}
#samplenumbers li{float:left; margin:0px}
#samplenumbers li a{display:block; background:#f9f9f9; border:1px solid #f0f0f0; font-size:.8em; font-weight:bold; color:#999999;  width:11px; height:11px; padding:2px; text-align:center; line-height:1em}
#samplenumbers li a:hover{background:#E8DA5E;  color:#333}
#samplenumbers ul li img{margin:3px 0 0 0;}
#samplenumbers ul li a.activePage {background:#999;  border:1px solid #999;  color:#333}

/* EMAIL Marketing */

.emailbody{font:12px/120% Arial,Helvetica,sans-serif; color:#7D7F82; font-weight:normal; }
.emailh1 { font:Arial, Helvetica, sans-serif; font-size:20px; color:#FF9900; font-weight:bold;}
.emailformcolumn {padding:0; margin:0; float:left; overflow:hidden; width:55%;}
#emailsitewrapper{width:640px; margin:22px auto; padding:0}
#emailsectioncontentwrapperwide{background: url(../images/emailsectionbgNonav.gif) repeat-y;margin:0 0px 0 10px;padding: 0;width:640px;min-height:240px;}
#emailcontainer{position:relative; background:#FFF url(images/emailcontainerbg.gif) repeat-y center top; width:640px; margin:0; padding:0}
#emailoverlaymiddle{padding:0; color:#333; margin:0; background: url(../images/emailpagewrapperbg.jpg) no-repeat 10px top; color:#333333;}
.emailTable
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #333;
width: 160px;
background-color: #fff;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 250px;}


/* Other Text Styles */

.footnote{font-size:.8em;font-style:italic;}

/* test sidenav styles */
#channel-div {
	position:absolute;
	width:190px;
	height:304px;
	z-index:1;
	left: -6px;
	top: 100px;
	vertical-align: bottom;
}
.channels-nav, .channels-nav ul {
list-style:none;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;}

.channels-nav span{
display:none;}

.email-nav, .email-nav a { width: 190px; height: 40px;
background-image: url(images/channels-nav_r1_c1.jpg); display:block;}
.email-nav a:hover { width: 190px; height: 40px;
background-image: url(images/channels-nav_r1_c1_f2.jpg);}

.sem-nav, .sem-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r2_c1.jpg); display:block;}
.sem-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r2_c1_f2.jpg);}

.social-networking-nav, .social-networking-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r3_c1.jpg); display:block;}
.social-networking-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r3_c1_f2.jpg);}

.rss-nav, .rss-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r4_c1.jpg); display:block;}
.rss-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r4_c1_f2.jpg);}

.sms-nav, .sms-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r5_c1.jpg); display:block;}
.sms-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r5_c1_f2.jpg);}

.blogging-nav, .blogging-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r6_c1.jpg); display:block;}
.blogging-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r6_c1_f2.jpg);}

.podcasting-nav, .podcasting-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r7_c1.jpg); display:block;}
.podcasting-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r7_c1_f2.jpg);}

.forums-nav, .forums-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r8_c1.jpg); display:block;}
.forums-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r8_c1_f2.jpg);}

.polls-nav, .polls-nav a { width: 190px; height: 33px;
background-image: url(images/channels-nav_r9_c1.jpg); display:block;}
.polls-nav a:hover { width: 190px; height: 33px;
background-image: url(images/channels-nav_r9_c1_f2.jpg);}

/*Aloha Patches*/
.emph {
	font-style:italic;
	margin-left:5px!important;
}