
/****************************************************
 GLOBAL
****************************************************/

* {
 margin: 0;
 padding: 0;
}

body {
 background: transparent url(/_img/bg.gif) 0 0 repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
}

/****************************************************
 DEFAULT LINKS
****************************************************/

a:link, a:visited, a:hover, a:active { 
 color: #0055a5;
}

/****************************************************
 LOGO
****************************************************/

h1 {
 text-indent: -9999px;
}

#logo {
 position: absolute;
 top: 20px;
 left: 0;
 background: transparent url(/_img/logo.gif) 0 0 no-repeat;
 width: 359px;
 height: 55px;
 z-index: 99;
 margin: 0 auto;
}

#logo a {
 position: absolute;
 top: 0;
 left: 0;	
 width: 359px;
 height: 55px;
}

/****************************************************
 WRAPPER
****************************************************/

#wrapper {
 position: relative;
 margin: 0 auto;
 width: 860px;
 text-align: left;
}

#wrapper-inner {
 position: relative;
 overflow:hidden;
/* border: 1px solid #000;*/
}

/****************************************************
 HEADER
****************************************************/

#header {
 position: relative;
 margin: 0 auto;
 height: 70px;
/* border-top: 10px solid #035f92;*/
}

#header .inner {
 position: relative;
 margin: 0 0 0 0;
}

#callUs {
 position: absolute;
 top: 70px;
 right: 15px;
/* width: 242px;
 height: 15px;
 background: #fff url(/_img/call.gif) 0 0 no-repeat;
 text-indent: -9999px;*/
 color: #404040;
}

/****************************************************
 CONTENT
****************************************************/

#content {
 position: relative;
/* overflow: auto;*/
 margin: 20px 0 20px 230px;
 width: 610px;
/* width: 635px;*/
}

#content .inner {
 position: relative;
 margin: 0;
 text-align: center;
}

#content .inner p, #QATintro p {
 text-align: left;
 line-height: 20px;
 margin: 0 0 25px 0;
}


/****************************************************
 MASTHEAD
****************************************************/

#slideshow {
 position: relative;
 width: 610px;
 height: 220px;
 margin: 0 0 10px 0;
/* padding: 2px;
 border: 1px solid #ccc;*/
/* display: none;*/
}

/****************************************************
 LEFT COL
****************************************************/

#leftCol  {
 position: relative;
 float: left;
 width: 210px;
 margin: 20px 0 0 0;
 font-size: 12px;
 line-height: 16px;
 border-top: 10px solid #0055a5;
}

#leftCol h2 {
 position: relative;
 text-indent: -9999px;
 background: transparent url(/_img/h2_learnMore.gif) top center no-repeat;
 width: 125px;
 height: 16px;
 margin: 0 auto 20px auto;
}

#leftCol .inner ul {
 list-style: none;
 margin: 10px 0 0 0; 
}

#leftCol .inner ul li {
 line-height: 14px;
 padding-bottom: 10px;
 margin: 0 0 10px 0;
 border-bottom: 1px solid #e0e1e2;
}

#leftCol .inner a:link, 
#leftCol .inner a:visited,
#leftCol .inner a:active { 
 text-decoration: none;
 color: #0055a5;
}

#leftCol .inner a:hover {
 text-decoration: underline;
}
/****************************************************
 FOOTER
****************************************************/

#contactInfo {
 position: relative;
 background: transparent url(/_img/bg.gif) 0 0 repeat-x;
 margin-bottom: 0;
/* border-left: 2px solid #ebebeb;
 border-right: 2px solid #ebebeb;
 border-bottom: 2px solid #ebebeb;*/
}

#contactInfo .inner {
 border-top: 5px solid #0055a5; /*Red color theme*/
 padding: 10px;
}

#footer {
 clear: both;
 position: relative;
 margin: 0 auto 0 auto;
 border-top: 5px solid #ebebeb;
}

#footer .inner {
 position: relative;
 padding: 10px 0 10px 0;text-align: center;
 color: #4d4d4d; 
 font-size: 12px;
 line-height: 16px;
}

#footer .inner p {
 margin: 0 0 10px 0;
 line-height: 24px;
}


/****************************************************
 HOME - IMAGES
****************************************************/

.prodCat {
 position: relative;
 float: left;
 width: 147px;
 height: 200px;
 margin: 0 5px 5px 0;
 background-color: #8f989d;
/* border: 1px solid #000;*/
 font-size: 12px;
 color: #fff;
}

.prodCat a {
 text-decoration: none;
 color: #fff;
}

.prodCat .inner {
 position: relative;
 padding: 10px 0;
 text-align: center;
}

.prodCat .inner p {
 text-align: center;
 margin: 0 auto;
}

.prodCat .inner img {
 text-align: center;
 margin: 0 25px 0 25px;
}

.prodCat .inner h3 {
/* border-top: 3px solid #0055a5;
 border-bottom: 3px solid #0055a5;*/
 padding: 2px 0;
 margin-bottom: 10px;
 text-align: center;
 text-transform: uppercase;
 font-size: 14px;
}

.prodCat a:link,
.prodCat a:active,
.prodCat a:hover,
.prodCat a:visited {
 color: #fff;
}

.prodCat .inner h3 a {
 color: #fff;
}

.prodPrice {
 color: #990000; 
 font-size: 24px;
 font-weight: bold;
}

.pricing {
 background-color: #FFFF00;
 text-align: center;
 margin: 10px 0;
 padding: 2px;
 border: 1px solid #000;
}

.pricing a:link,
.pricing a:active,
.pricing a:hover,
.pricing a:visited {
 color: #000;
 font-weight: bold;
}

/****************************************************
 NAV
****************************************************/

.nav {
 margin-top: 2px;
 padding: 0;
 width: 100%;
 border-top: 5px solid #0055a5; /*Red color theme*/
 background: transparent;
 voice-family: "\"}\"";
 voice-family: inherit;
}

.nav ul {
 margin:0;
 margin-left: 430px; /*margin between first menu item and left browser edge*/
 padding: 0;
 list-style: none;
}

.nav li {
 display: inline;
 margin: 0 2px 0 0;
 padding: 0;
 text-transform:uppercase;
}

.nav a {
 float: left;
 display: block;
 font: bold 12px Arial;
 color: #0055a5;
 text-decoration: none;
 margin: 0 1px 0 0; /*Margin between each menu item*/
 padding: 5px 10px 9px 10px; /*Padding within each menu item*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
 -moz-border-radius-bottomleft: 5px;
 border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 border-bottom-right-radius: 5px;
}

.nav a:hover{
 background-color: #0055a5; /*Red color theme*/
 padding-top: 9px; /*Flip default padding-top value with padding-bottom */
 padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
 color: white;
}

/****************************************************
 NAV - YOU ARE HERE
****************************************************/

body#home  li#home-nav a { /** currently selected menu item **/
 background-color: #0055a5; /*Red color theme*/
 padding-top: 9px; /*Flip default padding-top value with padding-bottom */
 padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
 color: white;
}

body#about  li#about-nav a { /** currently selected menu item **/
 background-color: #0055a5; /*Red color theme*/
 padding-top: 9px; /*Flip default padding-top value with padding-bottom */
 padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
 color: white;
}

body#contact  li#contact-nav a { /** currently selected menu item **/
 background-color: #0055a5; /*Red color theme*/
 padding-top: 9px; /*Flip default padding-top value with padding-bottom */
 padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
 color: white;
}

/****************************************************
 BASIC LIST
****************************************************/

.basicList {
 text-align: left;
 padding-left: 30px;
 margin-bottom: 20px;
}

.basicList li {
 margin-bottom: 10px;
}

h2 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 24px;
 text-align: left;
 margin-bottom: 10px;
 color: #0055a5;
}
