@charset "UTF-8";
/* CSS Document */

body { margin-top:30px; margin-bottom:30px; background-color:#0067B1; background-image:url(../images/background-top.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#001C3B; }

img { border:none; }
hr { color: #FFF; background-color: #FFF; border: 1px dotted #001C3B; border-style: none none dotted; }


h1 { font-size:22px; font-weight:bold; color:#001C3B; text-transform:uppercase; line-height:120%; } 

h2 { font-size:18px; font-weight:bold; color:#001C3B; line-height:115%; margin:0px; padding:0px; } 
h2 a:active { color:#001C3B; text-decoration:none; }
h2 a:link { color:#001C3B; text-decoration:none; }
h2 a:hover { color:#001C3B; text-decoration:none; }
h2 a:visited { color:#001C3B; text-decoration:none; }
h2 a:visited:hover { color:#001C3B; text-decoration:none; }

h3 { font-size:16px; font-weight:bold; color:#001C3B; line-height:120%; text-transform:uppercase; }

p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#001C3B; }

a:active { color:#001C3B; text-decoration:none; font-weight:bold; }
a:link { color:#001C3B; text-decoration:none; font-weight:bold; }
a:hover { color:#0067B1; text-decoration:none; font-weight:bold; }
a:visited { color:#001C3B; text-decoration:none; font-weight:bold; }
a:visited:hover { color:#0067B1; text-decoration:none; font-weight:bold; }



/* ------------------- Structure and Contents ------------------- */

.container { width:742px; margin:0 auto; padding-bottom:30px;background-color: #FFF; border: 4px solid #001C3B; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }

.announcement-header { background-color:#0067B1; color:#FFF; height:28px; text-align:center; font-size:19px; padding-top:7px; }
.announcement-header a:active { color:#FFF; text-decoration:underline; }
.announcement-header a:link { color:#FFF; text-decoration:underline; }
.announcement-header a:hover { color:#67BBD9; text-decoration:underline; }
.announcement-header a:visited { color:#FFF; text-decoration:underline; }
.announcement-header a:visited:hover { color:#67BBD9; text-decoration:underline; }


.container-top { width:660px; height:75px; padding:16px; }
#logo { width:215px; float:left; }
#contactinfo { width:437px; height:81px; float:left; text-align:right; font-size: 12px; color:#333; }
.contactinfo-header { font-size: 12px; color:#0067B1; font-weight:bold; }


#container-productsmenu { width:742px; height:216px; background-color:#FFF; border-bottom: 4px solid #001C3B; }

div#feature_list {width: 742px;height: 216px;overflow: hidden;position: relative;margin-bottom: 0px; }
div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;float:left;}

ul#tabs { z-index: 2;width: 295px; height:216px; padding-top:20px; background-image:url(../images/menu_bgd.jpg);background-repeat:no-repeat; }
ul#tabs li { font-size: 14px; line-height: 20px; color:#FFF; font-weight:bold; }
ul#tabs li img { padding: 0px;border: none; float: left;margin: 0px; }
ul#tabs li a { color: #FFF; text-decoration: none; display: block; padding-left: 25px; padding-top:8px; height: 28px; }
ul#tabs li a:hover { text-decoration: none;color:#CCC; }
ul#tabs li a.current { background:  url('../images/feature-tab-current.png');color: #FFF; }
ul#tabs li a.current:hover { text-decoration: none;cursor: default; }
h4 { padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:0px; }

ul#output {right: 0;width: 467px;height: 216px;position: relative; margin-top:-1px;}
ul#output li {position: absolute;width: 467px;height: 250px;}
ul#output li a {position: absolute;padding: 0px 0px;text-decoration: none;font-size: 11px;color: #FFF;background: #000;}
ul#output li a:hover {background: #D33431;}


#container-calltoaction { width:692px; height:50px; border-bottom: 4px solid #001C3B; background-image:url(../images/calltoaction-background.jpg); background-repeat:repeat-x; padding-left:25px; padding-right:25px; }
.calltoaction-copy { font-size:19px; text-transform:uppercase; color:#001C3B; font-style:italic; padding-top:15px; width:480px; float:left; display:inline; }
.requestaquote-button { float:left; margin-left:25px; margin-top:8px; }


#container-middle { width:692px; overflow: auto; background-image:url(../images/content-area-background.jpg); background-repeat:repeat-x; padding:25px 25px 0px 25px; }

#threeboxcontainer { overflow:auto; }
.box { width:182px; height:182px; padding:15px; float:left; background-color:#CCC; border:1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; display:inline; background-image:url(../images/three-box-background.jpg); background-repeat:repeat-x; }
.box-middle { width:182px; height:182px; margin-right:25px; margin-left:25px;padding:15px; float:left; background-color:#CCC; border:1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; display:inline; background-image:url(../images/three-box-background.jpg); background-repeat:repeat-x; }
.threebox-copy { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#001C3B; line-height:16px; }
.learnmore a:active { font-size:14px; font-weight:bold; color:#001C3B; text-transform:uppercase; text-decoration:none; }
.learnmore a:link { font-size:14px; font-weight:bold; color:#001C3B; text-transform:uppercase; text-decoration:none; }
.learnmore a:hover { font-size:14px; font-weight:bold; color:#0067B1; text-transform:uppercase; text-decoration:none; }
.learnmore a:visited { font-size:14px; font-weight:bold; color:#001C3B; text-transform:uppercase; text-decoration:none; }
.learnmore a:visited:hover { font-size:14px; font-weight:bold; color:#0067B1; text-transform:uppercase; text-decoration:none; }
img.threeboxicons { float:right; margin-left:10px; margin-top:5px; } 

#bottomcontainers { overflow:auto; }
hr.threeboxeshr { color: #FFF; background-color: #EBEBEB; border: 1px dotted #001C3B; border-style: none none dotted; margin:0; padding:0; }
#content-leftside { width:455px; margin-right:35px; float:left }
#content-rightside { width:200px; float:left; }


#footer { width:750px; text-align:center; margin:0 auto; font-size:11px; color: #FFF; line-height:14px; }
#footer a:active {text-decoration: none;color:#FFF;}
#footer a:link {text-decoration: none;color:#FFF}
#footer a:hover {text-decoration: none;color:#CCC;}
#footer a:visited {text-decoration: none;color:#FFF;}
#footer a:visited:hover {text-decoration: none;color:#CCC;}




/* ------------------- Navigation ------------------- */

#container-menu { width:742px; height:41px; background-color:#001C3B; color: #FFF; }

#nav { width: 742px; font: bold 11px/35px Helvetica, Arial, sans-serif; text-align: center; z-index:1000; display:inline; }
#nav, #nav ul { list-style: none; padding:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } 

/* adding or subtracting main navigation items will require adjusting #nav li & #nav li ul widths */

/* Home */
#Default { width: 82px; }
#Default a { width: 82px; }
#Default ul { width: 82px; }
#Default ul li { width: 82px; }

/* Products and Services */
#Services { width: 140px; }
#Services a { width: 140px; }
#Services ul { width: 140px; }
#Services  ul li { width: 125px; }

/* Free Training */
#TrainingSchedule { width: 106px; }
#TrainingSchedule { width: 106px; }
#TrainingSchedule ul { width: 106px; }
#TrainingSchedule ul li { width: 106px; }

/* Support */
#HelpfulInfo { width: 91px; }
#HelpfulInfo a { width: 91px; }
#HelpfulInfo ul { width: 91px; }
#HelpfulInfo ul li { width: 91px; }

/* In The News */
#Publicity { width: 106px; }
#Publicity a { width: 106px; }
#Publicity ul { width: 106px; }
#Publicity ul li { width: 106px; }

/* Info Request */
#InfoRequest { width: 107px; }
#InfoRequest a { width: 107px; }
#InfoRequest ul { width: 107px; }
#InfoRequest ul li { width: 107px; }

/* Contact RANAC */
#ContactRanac  { width: 110px; }
#ContactRanac a { width: 110px; }
#ContactRanac ul { width: 110px; }
#ContactRanac ul li { width: 110px; }

#nav li {	 float: left; margin-top: 3px; margin-bottom: 3px;/*width: 105px;*/ height: 35px; background: #001C3B; text-align: center; }
#nav > li:last-child { border: none; }
#nav li.active { background-color: #0067B1; }
#nav li ul { position: absolute; /*width: 105px;*/ left: -999px; border-top: 1px solid #FFF; }
#nav li:hover ul, #nav li.sfhover ul { background: #0067B1; }
#nav li:hover a, #nav li.sfhover a { background: #0067B1; }
#nav li.sfselected  { background: #0067B1; }
#nav li.sfChildSelected a { background: #CCCCCC; }
#nav li ul li { /*width: 105px;*/ border-right: none; border-bottom: 1px solid #FFF; background: #0067B1;}
#nav li ul li a:hover { color: #CCCCCC; }
#nav a { display: block; /*width: 105px;*/ height: 35px; color: #FFF; text-decoration: none; }