@charset "utf-8";
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #969696;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #303030;
}

a:link {color:#1084bf}
a:visited {color:#1084bf}
a:hover {color:#999}
a:active {color:#999}

h2 {color:#ba001e; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; margin-bottom:0px; margin-top:0px; font-size:18px;}
#home-page h2 {font-size:14px}


.noMargin {margin-top:3px; margin-bottom:0px;}


img {border:0px}

#container { 
	width: 901px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
	background-image:url(../images/content-back.jpg);
	background-repeat:repeat-y;
} 





#header { 
	width:901px;
	height:54px;
	background-image:url(../images/header-back.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#969696;
} 


/*MAIN NAVIGATION*/

#nav {list-style-type:none; position:relative; top:13px; left:280px; width:600px; *top:6px}
#nav li{display:inline; text-transform:uppercase; font-family:Helvetica Neue, Helvetica, arial, sans-serif; font-size:13px; margin-right:10px;  *line-height:40px;}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{color:#fff; background-position:bottom left; background-repeat:no-repeat; text-decoration:none; padding-left:13px; padding-bottom:10px;  *padding-bottom:5px; }

#nav a:link {background-image:url(../images/arrow-white.gif)}
#nav a:visited {background-image:url(../images/arrow-white.gif)}
#nav a:hover {background-image:url(../images/arrow-active.gif)}
#nav a:active {background-image:url(../images/arrow-active.gif)}

/*BELOW STYLES CREATE CURRENT PAGE ARROW COLOR*/

#benefits-page  .benefits a,
#pentaview-page  .pentaview a ,
#ordering-page  .ordering a, 
#about-page  .about a, 
#showcase-page  .showcase a {
	background-image:url(../images/arrow-active.gif); 
	background-position:bottom left; 
	background-repeat:no-repeat; 
	cursor:default;
}




#logo {margin-left:38px; margin-top:20px; margin-bottom:20px}

/*RIGHT COLUMN STYLES*/

#right-col {
	float: right; 
	width: 228px; 
	margin-right:8px;
}

#right-col-top {
	width: 228px; 
	height:31px;
	background-image:url(../images/right-col-top.jpg);
	background-repeat:no-repeat;
	margin-top:-7px;
}

#right-col-content{padding:20px}

#right-col ul {padding-left:15px; margin-left:0px; list-style-type:none; color:#000}
#right-col li {padding-left:20px;  margin-left:-10px; line-height:16px; background-image:url(../images/pent-bullet.gif); background-position:0px 5px; background-repeat:no-repeat; padding-top:4px; margin-bottom:6px}

#right-col h3 {color:#ba001e; font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:18px; font-weight:bold}




/*LEFT COLUMN STYLES*/

#mainContent { 
	float:left;
} 

#left-col-content {width:600px; margin-left:8px; padding-left:30px; background-image:url(../images/blue-bar.jpg); background-position:top; background-repeat:no-repeat; padding-top:50px}


/*FOOTER STYLES*/

#footer { 
	height:10px;
	background:#fff; 
	clear:both;
} 
 
/*UNIVERSAL STYLES*/

.right { 
	float: right
}
.left { 
	float: left
}

.clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



#ben-pic {float:right; position:relative; right: -20px; *right:25px;}
#ben-pic-about {float:right; position:relative; right: -20px; *right:25px; top:0px; *top:20px}
#ben-pic-show {float:right; position:relative; right: -20px; top:485px; *right:25px; *top:638px}
#ben-pic-ben{float:right; position:relative; right: -20px; top:180px; *right:25px; *top:251px}
#ben-pic-pent{float:right; position:relative; right: -20px; top:390px; *right:25px; *top:386px}
#ben-pic-order {float:right; position:relative; right: -20px; *right:25px; top:15px; *top:55px}

/*h1 page title pics (text is still there but hidden)*/
#ben-title {background-image:url(../images/benefits-title.gif); width:243px; height:42px; text-indent:-9999px; }
#gal-title {background-image:url(../images/gallery-title.gif); width:146px; height:25px; text-indent:-9999px; }
#ord-title {background-image:url(../images/ordering-title.gif); width:333px; height:45px; text-indent:-9999px; }
#con-title {background-image:url(../images/contact-title.gif); width:268px; height:27px; text-indent:-9999px; }
#video-title {background-image:url(../images/video-title.gif); width:268px; height:27px; text-indent:-9999px; }
#company-title {background-image:url(../images/company-title.gif); width:169px; height:20px; text-indent:-9999px; }
#pen-title {background-image:url(../images/pentaview-title.gif); width:350px; height:67px; text-indent:-9999px; }



#pent li{background-position:0px 5px; line-height:18px; margin-bottom:16px; }

#pen {list-style-type:none; }
#pen li{ color:#1084bf; font-size:14px; font-weight:bold}

.inner { color:#333; font-size:12px; font-weight:normal; line-height:18px }
.disc {list-style-type:disc; margin-bottom:13px}

.red {color:#ba001e}