/* CSS DOCUMENT 
Main CSS for Frameworks
Created by: Mike Reale
*/

body{
	/*background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;*/
	background-color:#060f1d;
	font-size: 12px;
}

#container{
	margin: 20px auto; 
	width: 960px;
	background-color: #FFFFFF;
	font-family: Arial, Times New Roman, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	text-align:left;
	overflow:hidden;
}

#nav{
	margin:15px auto;
	width:940px;
	height:48px;
	background: url(../images/header_bg.jpg) top left repeat-x;
	text-align:left;
}

#nav .logo{
	float:left;
	display:block;
}

#nav ul {
  margin:0 0 0 0;
  padding:0;
  display:block;
  float:left;
  height:48px;
  list-style:none;
  background:url(../images/nav_sprite.jpg) no-repeat 0 0;
}

#nav ul li {
  margin:0;
  padding:0;
  display:block;
  height:48px;
  float:left;
}

#nav #products {
  width:104px;
}
#nav #services {
  width:108px;
}
#nav #endUser {
  width:141px;
}
#nav #aboutUs {
  width:80px;
}

#nav #spacer{
	text-indent:-9999px;
	width:147px;
}

#nav #home {
  width:80px;
}
#nav #contactUs {
  width:115px;
}

#nav ul li a {
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px;
  outline:none;
}

#nav li#products a:hover {
  background:url(../images/nav_sprite.jpg) no-repeat 0 -48px;
}

#nav li#services a:hover {
  background:url(../images/nav_sprite.jpg) no-repeat -104px -48px;
}

#nav li#endUser a:hover {
  background:url(../images/nav_sprite.jpg) no-repeat -212px -48px;
}

#nav li#aboutUs a:hover {
  background:url(../images/nav_sprite.jpg) no-repeat -353px -48px;
}

#nav li#home a:hover {
  background:url(../images/nav_sprite.jpg) no-repeat -580px -48px;
}
#nav li#contactUs a:hover {
  background:url(../images/nav_sprite.jpg) no-repeat -660px -48px;
}

/* Homepage css */
#flashHeader{
	margin: 18px auto; /* difference between this and margin: 18px 0 0 0 */
	margin-bottom: 1px;
	width: 940px;
	height: 291px;
	background-image:url(../images/flash_holder.jpg);
}

#mainBody{
	background-image: url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 940px;
	float:left;
}

#mainContent{
	float:left;
	/*width:65%; swap this and below when right content is back*/
	width:100%;
	margin:0;

	/* ADDED BY JEFF */
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.6em;	
}

#mainContent img{ /*homepage top 6 retail title image*/
	margin:0 0 12px 0;
}

/*#rightMainContent{
	float:left;
	padding: 0px 0px 0px 0px;
	width:32%;	

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.5em;	
}*/ /*add in later when first page has right content*/

#leftBody{
	float:left;
	width: 2px;
	height:527px;
	background-image:url(../images/leftColumn.jpg);
}
#centerBody{
	margin: 10px 10px 10px 12px;
	float:left;
	width:910px;
}
#centerBody ul.disc{
	list-style-position:inside;
	list-style-type: disc;
}
#centerBody p{
	/*line-height: 200%;*/
	margin:0 0 20px 0;
}

#titleImage{
	margin-top: 10px;
	margin-bottom: 10px;
}


#rightBody{
	float: right;
	width: 2px;
	height: 527px;
	background-image:url(../images/rightColumn.jpg);
}

#homeFeatures{
	float:left;
	width: 100%;
	margin-top:0px;
	font-size: .9em;
	line-height:1.5em;	
}

#homeFeatures table{
	margin: 0 auto;
	width:100%;
	border-collapse:collapse;
	padding:0;
}

#homeFeatures table tr td{
	width: 33%;
	padding-bottom:5px;
	vertical-align:top;
}

#homeFeatures table tr td p.pTitle{
	margin-bottom:8px;
	font-size: 1.1em;
	font-weight:bold;
}

#homeFeatures table tr td p.pSubTitle{
	margin-bottom:6px;
	font-size: 1.1em;
	font-weight:bold;
	color:#336699;
}


.homeFeaturesContent{
	width: 90%;
	float:left;	
	margin:0px 10px 10px 0px;
}

.homeFeaturesContent .homeSubImage{
	float:left;
	margin-right:10px;
}


/*

#rightMainContent{
	float:left;
	padding: 0px 0px 0px 0px;
	float: left;
	width:50%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.5em;	
}

#rightMainContent .rightContent{
	float:left;
	width:45%;
	margin:0 10px 0px 10px;
}

#rightMainContent .rightContent img{
	float:left;
	margin: 0 10px 10px 0;
}

*/

/* Homepage CSS Ends*/





/* Content css */
#contentHeader{
	margin: 18px auto 0px auto;
	width: 940px;
	height: 111px;
	/*background-image:url(../images/flash_holder.jpg);*/
}

#contentImage img{
	margin-right: 10px;
	float: left;
	/*width: 316px;
	height: 188px;
	background-color:#06F;*/
}

#contentBody{
	margin-left: 10px;
	margin-bottom: 10px;
	width: 940px;
	background-image: url(../images/contentPage_bg.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}

#leftNavigation{
	float:left;
	width: 234px;
	height:563px;
	background-image:inherit;
	background-repeat:inherit;
	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

#leftNavigation p{
	margin: 0 0 0 35px;
}

#leftNavigation li{
	margin-left:10px;
	padding:5px 0px 10px 0px;
	width: 200px;	
	background: transparent;
	background-image:url(../images/subNav_separator.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#leftNavigation li img{
	padding-left:2px;
	padding-right:4px;
	margin:0 auto;
	float:left;
}


#leftNavigation li a:hover{
	color: #000000;
	text-decoration:none;
}

#centerContent{
	float:left;
	padding: 0px 10px 10px 10px;
	width: 689px; /* changed to fix box issue, previously was 684px*/
	background-image:inherit;
	background-repeat:inherit;
	background-color: inherit;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.6em;	
	min-height: 563px; /* used to fix Firefox issue */
}
#centerContent ul.disc{
	list-style-position:inside;
	list-style-type: disc;
}
#centerContent p{
	/*line-height: 200%;*/
	margin:0 0 20px 0;
}

/* used in all pages except for homepage*/

#mainContentBody h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #8d9cb5;
	line-height: 1.2;
}

#mainContentBody  p.strong{
	font-weight:bold;
}

#mainContentBody p.pBullet{
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight:bold;
	text-decoration:underline;

}
#mainContentBody ul.disc{
	list-style-position:inside;
	list-style-type: disc;

}
#mainContentBody ul.disc li{
	margin-bottom: 7px;
}

#mainContentBody ul.innerBullet{
	padding-left: 20px;
	margin-bottom:5px;
	font-size: 0.90em;
	list-style-position:inside;
	list-style-type: square;

}
#mainContentBody ul.innerBullet li{
	margin-bottom: 1px;

}
#mainContentBody ul.contact{
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
}

#leftCenter{
	width: 60%;
	float:left;
}

#rightCenter{
	width: 35%;
	float:left;
	padding: 10px 0px 0px 10px;
	
}

#rightCenter .rightCenterContent img{
	float:left;
	margin: 0 5px 10px 0;
}

#rightCenter .rightCenterContent img.largeImage{
	padding-left: 5px;
}

#rightCenter .rightCenterContent{
	
	background-image:inherit;
	background-repeat:inherit;
	background-color: inherit;

}

#rightCenter .rightCenterContent p{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#rightCenter .rightCenterContent li{
	padding:10px 0px 15px 0px;
	width: 200px;	
	border-bottom: 1px dashed #999999;

}

#rightCenter .rightCenterContent li.no_bg{
	border:none;
}

#rightCenter .rightCenterContent li img{
	padding-right:4px;
	margin:0 0 5px 0;
}

#rightCenter .rightCenterContent li a:link, .rightCenterContent li a:visited{
	color: #6699cc;
	text-decoration:none;
}

#rightCenter .rightCenterContent li a:hover{
	color: #999999;
	text-decoration:none;
}

#contactBody{
	width: 100%;
	float:left;
	padding: 10px 0px 0px 10px;
	
}

.contactBody p{
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}


.contactBody img{
	float:left;
	margin:0 10px 5px 0;
}

.contactBody li{
	width: 200px;

}


.contactBody li a:link, .rightCenterContent li a:visited{
	color: #6699cc;
	text-decoration:none;
}

.contactBody li a:hover{
	color: #999999;
	text-decoration:none;
}

#rightContent{
	float: left;
	width: 2px;
	height: 563px;
	background-image:inherit;
	background-repeat:inherit;
	background-color: inherit;
	
}
#features{
	float:left;
	width: 100%;
	margin-top:0px;
}

#features table{
	margin: 0 auto;
	width:100%;
	border-collapse:collapse;
	padding:0;
}

#features table tr td{
	width: 33%;
	padding-bottom:5px;
	vertical-align:top;
}

.featureContent{
	width: 100%;
	float:left;	
	margin:0px 5px 0px 0px;
}

.featureContent img{
	float:left;
	margin-right:10px;
}


.featureContent p {
	float:left;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	max-width: 70%;
}


/* subpage end */


#bottomNav{
	clear:both;
	margin:0;
	padding:0;
	background-color: #666666;
	text-align: left;
	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


#bottomLogo{
	margin-top:20px;
	margin-left: 28px;
	float: left;
	width: 172px;
	height: 140px;
	background-image:url(../images/fw_logo_bottom.png);
	background-repeat: no-repeat;
	/* ADDED BY JEFF */
	top:-20px;
	position:relative;
}

#bNav{
	margin-top: 10px; /* works in conjunction with bottomNavList */
	margin-left: 29px;
	float: left;
	width:720px;
	height: 140px;
	/* ADDED BY JEFF */
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#CCCC33;
	/*background-color: #FFCC00;*/
}

#bNav ul{
	float:left;
}

#bNav li {
	background: transparent;
	/*border-bottom: 2px dashed #999999;*/
	/* ADDED BY JEFF - UNDERLINE GRAPHIC */
	background-image:url(../images/nav_underline_tile.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-right: 10px;
	padding:6px 10px 6px 5px;
	width: 200px;
}

#bNav li.no_dash {
	border:none;
	background-image:none;
}
	

/*.bottomNavList li {
background: transparent;
border-bottom: 2px dashed #999999;
float:left;
display:block;
margin-right: 10px;
padding:5px 10px 5px 5px;
width: 200px;

}

.bottomNavList li.no_dash{
border-bottom-width: 0;
}*/

a.pLink{
	font-weight:bold;
}
a:link.pLink{
	color: #333333;
}
a:hover.pLink{
	color: #3366cc;
	text-decoration:underline;
}
a:visited.pLink{
	color: #333;
}

#footer{
	width: 960px;
	height:42px;
	background-color:#FF0000;
	text-align:right;
	background-color: #404040;
	color: #888888;
}

#footer .address{
	margin: 0 22px 10px 0;
	padding-top:15px;
	font-size:1em;
}

#copyright{
	margin: 0 auto;
	padding-bottom:10px;
	width:960px;
	text-align: right;
	padding-right: 32px;
	font-size:0.9em;
	color: #888888;
}


/* changed by Jeff

a:link, a:visited {text-decoration:none; color:#797979}
a:hover {color: #999999; text-decoration: underline}
*/
a:link, a:visited {text-decoration:none; color:#999999}
a:hover {color: #999999; text-decoration: underline}