/****************************************************************************

Author: Stephen
Development by: Wallop Creative
Last updated: 1/30/08

*****************************************************************************/

/* defaults ****************************************************************/

* {
	margin: 0;
	padding: 0;
	} 

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f5f3f3;
	color:#000;
	text-align:center;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

body a, body a:visited {
	text-decoration:none;
	color:#999999;
	font-size:11px;
}

body a:hover {
	text-decoration:none;
	color: #FF8800;
}

/* heading attributes *************************************************/

h1, h2 {
	margin:0 0 6px 0;
	padding:0;
	color:#333;
	font-size:13px;
	font-weight:bold;
}

h3 {
	margin:0 0 6px 0;
	font-size:14px;
	font-family: "Trebuchet MS", tahoma, verdana, sans-serif;
	color:#666;
}

h4 {
	color:#666;
	font-size:11px;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0 0 2px 0;
}

/* removes the link underline from logo swap */

h1 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

#centerContent li {
	line-height:16px;
	background:url(../images/arrows.gif) no-repeat 0px 4px;
	padding:0 0 4px 12px;
}

/* set more defaults **********************************************************/

p {
	margin:0px 0px 10px 0px;
	line-height:18px;
}

input {
	border:none;
	border:0;
}

acronym {
	border-bottom: 1px solid #8F9F20;
	color:#8F9F20;
	cursor:help;
	font-style:normal;
}

strong {
	color:#333;
}

/* fix IE problems with images */

a img {
	border:none !important;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */
* HTML .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/* class attributes *********************************************/

.newsDate {
	font-weight:bold;
	color:#E9731C;
}

.newsLink a {
	text-decoration:underline;
	font-weight: normal;
}

.newsLink {
	font-weight: bold;
	color: #666666;
}

p.break {
	background: url(../images/break.gif) repeat-x 0px 6px;
	height:10px;
	clear:both;
}

p.border {
	background:url(../images/bg_border.gif) repeat-x 0 9px;
	height:10px;
}

.readMore {
	float:right;
}

.readMore a, a:visited {
	font-size:9px;
	color:#999999;
	padding:0 2px 0 0;
}
.readMore a:hover {
	font-size:9px;
	color:#ff8800;
	padding:0 2px 0 0;
}

.rt {
	text-align:right;
}

.textbox {
	width:200px;
	margin:10px 0 0 14px;
}

.highlight {
	color:#FF6600;
	font-size:12px;
}

.question {
	color:#666;
	font-weight:bold;
	font-size:12px;
	margin-bottom:0px;
	text-decoration:underline;
}

.title {
	font-weight:bold;
	color:#2a9faa;
}


.pressTitle {
	font-size:12px;
	font-weight:bold;
	color:#2a9faa;
}

.pressSubTitle {
	font-size:12px;
	font-style: italic;
}

.testimonial, .newsContent {
	color:#999;
}

.testimonial {
	color:#999;
	font-weight:bold;
}

p.logoFloat {
	float:left;
	margin:0 20px 20px 0;
}

/* main divs ********************************************************************/

#wrap {
	width:760px;
	margin:66px auto 0 auto;
	padding:0px 0px 0px 0px;
	background-color: #FFF;
	background-image:url(../images/nav_cornersbgfix.gif);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	top: 0px;
	text-align:left;
	left: auto;
	right: auto;
}

h1#swap {
	font-size:1px;
	margin:0;
	padding:0;
}

h1#swap a {
	background: url(../images/logo.gif) no-repeat 0px 0px;
	float: left;
	height: 71px;
	width: 136px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

h1#swap2 {
	font-size:1px;
	margin:0;
	padding:0;
}

h1#swap2 a {
	background: url(../images/logo2.gif) no-repeat 0px 0px;
	float: left;
	height: 71px;
	width: 138px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#logo {
	background:none;
	height: 66px;
	width: 723px;
	margin:0px;
	vertical-align: middle;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 37px;
}

#bannerHome {
	width:760px;
	height:160px;
	float:left;
	padding:0px 0px 0px 0px;
	margin-top:-6px;
}

#banner {
	width:760px;
	height:153px;
	padding:0px;
	padding:0px 0px 0px 0px;
}

#footer {
	text-align:right;
	font-size:10px;
	color:#666;
	clear:both;
	padding: 10px 10px 0px 0px;
}



/* nav */

#divider {
	border-bottom:solid 4px #2f2f2f;
	margin:0 0 1px 0;
	clear:both;
}

#topNav {
	width:760px;
	height:56px;
	clear: both;
	background-image:url(../images/nav_bg.gif);
	background-color:none;
	padding:0px;
	margin:0px;
}

#bottomNav {
	width:760px;
	height:64px;
	clear:both;
	background-image: url(../images/bottomnav_bg.gif);
}

#topNav UL LI {
	font-size:1px; 
	display:inline;
	padding:9px 10px 0 10px;
	margin:25px 0 0 0;
}


#bottomNav UL LI {
	font-size:1px; 
	display:inline;
	padding:9px 10px 0 10px;
	margin:2px 0 0 0;
}

#topNav A SPAN, #bottomNav A SPAN {
	display: none;
}

#topNav UL#left LI, #bottomNav UL#left LI {
	float: left;
}

#topNav UL#right LI, #bottomNav UL#right LI {
	float: right;
}

#topNav A, #bottomNav A {
	display: block;
	height: 11px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#topNav UL LI A:hover, #bottomNav UL LI A:hover { 
	background-position: 0px -12px;
}

a.nav-company {
	background: url(../images/nav/company02.gif); 
	width:53px; }

a.nav-customers {
	background: url(../images/nav/customers02.gif); 
	width:129px; }

a.nav-products {
	background: url(../images/nav/products02.gif); 
	width:57px; }

a.nav-developers {
	background: url(../images/nav/developers02.gif); 
	width:66px; }

a.nav-news {
	background: url(../images/nav/news02.gif); 
	width:33px; }

a.nav-careers {
	background: url(../images/nav/careers02.gif); 
	width:50px; }

a.nav-contact {
	background: url(../images/nav/contact02.gif); 
	width:50px; }

a.nav-home {
	background: url(../images/nav/home02.gif); 
	width:33px; }
	
a.nav-legal {
	background: url(../images/nav/legal03.gif); 
	width:50px; }

/* home page columns ********************************************************************/

/* set the height of the columns here so that the borders line up as requested */

#columnOne a, #columnTwo a, #columnThree a {
	text-decoration:none;
}

#columnOne, #columnTwo, #columnThree {
	height:270px;
}

#columnOne {
	width:218px;
	float:left;
	padding:24px 16px 16px 16px;
	border-right:solid 1px #D1D1C9;
}

#columnTwo {
	width:224px;
	float:left;
	padding:24px 13px 16px 13px;
	border-right:solid 1px #D1D1C9;
}

#columnThree {
	width:218px;
	float:left;
	padding:24px 16px 16px 16px;
}

#navHeadingOne {
	width:254px;
	height:29px;
	margin:0;
	padding:0;
	float:left;
	background-color: #000000;
}

#navHeadingTwo {
	width:253px;
	height:29px;
	margin:0;
	padding:0;
	float:left;
	background-color: #000000;
}

#navHeadingThree {
	width:253px;
	height:29px;
	margin:0;
	padding:0;
	float:left;
	background-color: #000000;
}


#shape {
	padding:24px 16px 16px 16px;
	margin:0px 0 0 0;
	width: 232px;
}

#h_shape {
	text-align:center;
	padding:20px 0 20px 0;
}

/* this is the main wrapper for all the center columns */

#centerContent {
	width:720px;
	float:left;
	display:inline; /* for DF bug */
	padding:30px 20px 0 20px;
	/*border-bottom:solid 1px #D1D1C9;*/
}

#communityPartners {
	width:720px;
	float:left;
	display:inline; /* for DF bug */
	margin:0 0 0 20px;
	padding:20px 0 20px 0;
	border-top:solid 1px #D1D1C9;
}

/* sub navigation for the partners section */

#subnavPartners ul {
	margin:0 0 0 20px;
}

#subnavPartners li {
	display:inline;
	padding:10px 14px 0 14px;
	float:right;
	border-bottom:solid 1px #D1D1C9;
}

#subnavPartners a {
	color:#666;
	text-decoration:none;
	font-size:11px;
}

#subnavPartners a:hover {
	color:#FF6600;
}

#partnersLeft {
	width:222px;
	float:left;
	margin-left:-2px;
}

#partnersRight {
	width:475px;
	float:right;
	margin-right:15px;
}

/* sub navigation ********************************************************************************************/

#navlist, #navlistProducts, #navlistCareers, #navlistNews {
	padding:12px 0px 3px 0px;
	border-bottom:1px solid #666;
	background:#ffffff;
	margin-left:20px;
	margin-right:20px;
}

#navlistProducts {
	background:#f0f0f0;
	font-size:10px;
	color:#CCCCCC
}

#navlistCareers {
	background:#ffffff;
}

#navlistNews {
	background:#ffffff;
}

ul#navlist, ul#navlistProducts, ul#navlistCareers, ul#navlistNews {
	padding-left:0px;
}

#navlist li, #navlistProducts li, #navlistCareers li, #navlistNews li {
	display:inline;
	padding-left:2px;
	padding-right:2px;
}

#navlist li a, #navlista:visited, #navlistProducts li a, #navlistProducts li a:visited, #navlistCareers li a, #navlistCareers li a:visited, #navlistNews li a, #navlistNews li a:visited {
	padding:4px 4px 9px 4px;
	color:#000;
	font-size:11px;
}

#navlist li a:hover, #navlistProducts li a:hover, #navlistCareers li a:hover, #navlistNews li a:hover {
	color:#ff8800;
}

#navlist li a#current, #navlistProducts li a#current, #navlistCareers li a#current, #navlistNews li a#current {
	color:#FF8800;
}

/* generic column attributes ******************************************************/

#leftCol {
	width:200px;
	float:left;
}

#rightCol {
	width:480px;
	float:right;
	border-left:solid 1px #D1D1C9;
	/*background:url(../images/break_horizontal.gif) repeat-y 1px 0;*/
	padding:0 0 0 20px;
}

/* headings ****************************************************************************/

#h_products {
	float:left;
	margin:10px 0 0 10px;
}

/* products pages ********************************************************************/

#productCenterContent {
	width:680px;
	float:left;
	display:inline; /* for DF bug */
	padding:20px 40px 0 40px;
}

#subNavProducts {
	width:760px;
	padding:1px 0 10px 0;
	background:url(../images/h_our_products.gif) no-repeat 6px 16px;
	clear:left;
}

#photoLeft {
	float:left;
	width:180px;
	margin:0 10px 0 0;
}

#contentRight {
	float:right;
	width:500px;
}

#contentBottom {
	float:left;
	width:680px;
	margin:20px 0 30px 0;
	clear:left;
}

#hotList {
	float:left;
	width:120px;
	margin:0 10px 0 4px;
}

#poundMenu {
	float:left;
	width:120px;
	margin:0 10px 0 0;
}

#pictureProfiles {
	float:left;
	width:120px;
	margin:0 10px 0 0;
}

#javaUserInterface {
	float:left;
	width:120px;
	margin:0 10px 0 0;
}

#legacySupport {
	float:left;
	width:120px;
}

/* customers page ***************************************************************/

#customerLeftCol {
	float:left;
	width:340px;
	text-align:justify;
}

#customerRightCol {
	float:right;
	width:340px;
	text-align:justify;
}

#customerSWF {
	clear:left;
	width:700px;
	margin:20px 0 0 0;
}

/* company page ************************************************************************/

#companyLeftCol {
	width:430px;
	padding:0 20px 0 0;
	float:left;
	/*background:url(../images/break_horizontal.gif) repeat-y 489px 1px;*/
}

#companyRightCol {
	width:248px;
	float:right;
	border-left:solid 1px #D1D1C9;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#companyRightCol ul {
	padding:0 0 10px 0;
}

/* community content page *****************************************************************/

#communityTopWrap {
	width:720px;
	height:180px;
	margin:0 0 20px 0;
	clear:right;
}

#communityContentRight {
	width:410px;
	float:right;
	margin:38px 20px 20px 0;
}

#communityContentLeft {
	width:260px;
	float:left;
	margin:10px 0 20px 0;
}

#communityContentBottomLeft {
	width:400px;
	float:left;
	margin:0 20px 0 0;
}

#communityContentBottomRight {
	width:260px;
	float:right;
	margin:140px 0 0 0;
}

/* community marketing engine page ***********************************************/

#cmeLeft {
	float:left;
	width:440px;
	margin:20px 0 0 0;
}

#cmeRight {
	float:right;
	width:260px;
	margin:20px 0 0 0;
}

#cmeBottom {
	width:720px;
	padding:30px 0 0 0;
	clear:left;
}

#cmeActionPhoto {
	float:left;
	width:440px;
}

#cmeActionText {
	float:right;
	width:260px;
	margin:50px 0 0 0;
}

/* community patrol page ****************************************************************/

#commPatrolTable {
	margin:20px 0 0 0;
}

#commPatrolTable strong {
	color:#999;
}

td#commPatrolTable {
	margin:0 0 10px 0;
}

/* marketing toolbox/promotions page ****************************************************/

#toolBoxLeft {
	width:320px;
	float:left;
}

#toolBoxRight {
	width:380px;
	float:right;
}

#toolBoxBottom {
	width:720px;
	float:left;
}

.imgLeft {
	float:left;
	margin:0 20px 0 0;
}

/* community storefront page *******************************************************/

#storefrontLeft {
	width:380px;
	float:left;
}

#storefrontRight {
	width:300px;
	margin:0 0 30px 0;
	float:right;
}

#storefrontBottom {
	width:720px;
	float:left;
	margin:20px 0 0 0;
}

/* air talk page ************************************************************/

#leftColAirTalk {
	width:370px;
	float:left;
	display:inline;
}

#rightColAirTalk {
	width:280px;
	float:right;
	display:inline;
}

/* MVP page **************************************************************/

#leftColMVP {
	width:400px;
	float:left;
	display:inline;
}

#rightColMVP {
	width:250px;
	float:right;
	display:inline;
}

/* product page ******************************************************************/

.communityProductText {
	padding:10px 0 10px 4px;
}

/* contact page *****************************************************************/

#contactLeftCol {
	float:left;
	width:470px;
}

#contactRightCol {
	float:right;
	width:250px;
}

#emailTable {
	margin:20px 0 0 0;
	clear:both;
}

/* news section ***********************************************************************/

#newsLeftCol {
	width:160px;
	padding:0 15px 5px 0;
	float:left;
	border-right:solid 1px #D1D1C9;
	margin-bottom:15px;
}

#newsLeftCol a {
	text-decoration:none;
}

#newsRightCol {
	width:520px;
	float:right;
	/*background:url(../images/break_horizontal.gif) repeat-y 1px 0;*/
	padding:0 0 0 20px;
}

.newsTable td {
	padding:6px;
	vertical-align:top;
}

.newsTitle {
	color:#333;
	font-size:12px;
}

#subNavNews {
	width:760px;
	padding:0 0 10px 0;
	clear:left;
}

/* news article templates */

#newsTemplate {
	background:none;
	background-color:#FFFFFF;
}

#newsTemplate em {
	font-size:12px;
}

#newsTemplate ol {
	list-style-type:decimal;
	margin:0 0 0 10px;
	padding:0;
}

#newsTemplate ul {
	margin:0 0 0 20px;
	padding:0;
}

#newsTemplate ul li {
	padding:0 0 10px 0;
	margin:0;
	list-style-type:circle;
}

#newsTemplate ol li {
	list-style-type:decimal;
	padding:0 0 10px 10px;
	margin:0;
}

#pressTitle {
	font-weight:bold;
	color:#2a9faa;
	font-size:12px;
}

#pressSubTitle {
	font-style: italic;
	font-size:12px;
}

p#pressTitle {
	margin:0;
}

p#pressSubTitle {
	margin:0 0 12px 0;
}

#pressContent, #pressAbout {
	text-align:left;
}

#newsWrap {
	width:600px;
	margin:20px 0 0 20px;
}

#closeNewsItem {
	float:right;
	margin:26px 0 0 0;
}

/* careers section *************************************************************************/

#careerProfile {
	background:none;
	background-color:#FFFFFF;
	margin:0;
}

#subNavCareers {
	width:760px;
	padding:0 0 10px 0;
	clear:left;
}

#careerLeftCol {
	width:470px;
	float:left;
}

#careerRightCol {
	width:200px;
	float:right;
	border-left:solid 1px #D1D1C9;
	/*background:url(../images/break_horizontal.gif) repeat-y 1px 0;*/
	padding:0 0 0 20px;
}

#workLeftCol {
	width:300px;
	float:left;
}

#workRightCol {
	width:300px;
	float:left;
	padding:0 0 0 20px;
}

#benefitsLeftCol {
	width:200px;
	float:left;
}

#benefitsRightCol {
	width:200px;
	float:right;
	border-left:solid 1px #D1D1C9;
	/*background:url(../images/break_horizontal.gif) repeat-y 1px 0;*/
	padding:0 0 0 10px;
}

ul#benefitList {
	margin:0 0 10px 0;
}

#jobFrame {
	width:760px;
	padding:10px 0 0 0;
}

/* developer page */

#developerBottom {
	width:720px;
	padding:20px 0 20px 0;
	clear:both;
}

#developerLogos li {
	display:inline;
	padding:0 4px 0 0;
}
.logoFloat {
	height: 36px;
	width: 80px;
	padding:6px 5px 0px 10px;
	margin:0px;
}