/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#5F5F5F;
   background:#11277A;
   font-family:Verdana,Arial, Helvetica, sans-serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#12297D;
 text-decoration: underline;}

a:hover, a:active {
 text-decoration:none;}

a.learn{
 background:url('../images/btn_learnmore.gif') no-repeat top left;
 text-indent:-9999px;
 width:95px;
 display:block;
 height:21px;
 overflow:hidden;}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.wrapper{
  position:relative;
  width:942px;
  margin:0 auto;}


.right{
  float:right !important;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header{
  height:95px;
  padding:10px 0 0 0;
  background:#FFF url('../images/bg_header.gif') repeat-x top left;}

#header h1{
  padding:5px 0 0 0;
  float:left;}

#header h1 a{
  background:url('../images/logo.gif') no-repeat top left;
  width:200px;
  display:block;
  height:85px;
  text-indent:-9999px;
  overflow:hidden;}

#header-right{
  float:right;
  width:300px;}

#header-right a{
  background:url('../images/bg_tab.gif') no-repeat top left;
  width:146px;
  padding:7px 0 0 0;
  margin: 0 0 30px 100px;
  text-decoration:none !important;
  font:bold 1.4em Arial;
  text-align:center;
  display:block;
  height:25px;}

#header p{
  color:#194B79;
  font-size:1.5em;
  text-align:center;}

#header iframe{
	position:absolute;
	top:10px;
	left:897px;}

#navigation{
  background:url('../images/bg_nav.gif') repeat-x top left;
  height:36px;}

#navigation  ul{
  padding: 0 2px 0 0;
  width:940px;
  margin: 0 auto;
  background:url('../images/nav_border.gif') repeat-y top right;}

#navigation li{
  float:left;
  padding: 0 0 0 2px;
  height:36px;
  background:url('../images/nav_border.gif') repeat-y top left;}

#navigation li a{
  padding:12px 26px 0 25px;
  float:left; 
  height:24px;
  display:block;}

#navigation li a:hover,
#navigation li.active a{
  background:url('../images/bg_hover.gif') repeat-x top left;}

#navigation li a span{
  display:block;
  height:14px;
  text-indent:-9999px;
  overflow:hidden;
  float:left;
  float:left;}

a.home span{
  background:url('../images/nav_home.png') no-repeat top left;
  width:42px;}

a.about span{
  background:url('../images/nav_about.png') no-repeat top left;
  width:47px;}

a.products span{
  background:url('../images/nav_products.png') no-repeat top left;
  width:75px;}

a.shop span{
  background:url('../images/nav_shop.png') no-repeat top left;
  width:38px;}

a.prof span{
  background:url('../images/nav_prof.png') no-repeat top left;
  width:146px;}

a.dir span{
  background:url('../images/nav_dir.png') no-repeat top left;
  width:155px;}

a.contact span{
  background:url('../images/nav_contact.png') no-repeat top left;
  width:66px;}


/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#banner{
  background:#E5E5E5;
  padding:20px 0;}

#banner-image{
  background:#B7B7B7;
  width:689px;
  float:left;
  padding: 17px 0 0 15px;
  height:263px;}

#banner-image .image{
  border:1px solid #979797;
  float:left;
  margin: 0 10px 0 0;}

#news{
  width:208px;
  float:right;
  color:#0B1C5F;
  background:#E6E6E6;
  border: 8px solid #B7B7B7;}

#news li{
  padding:10px 15px;  
  font-size:1.1em;
  line-height:1.3em;
  border-bottom:1px solid #CCCCCC;}

#news li.highlight{
  background:#D7D7D7;}

#news li span{
  display:block; 
  font-weight:bold;}

#content{
  background:#FFF;
  padding:30px 0;}

#main-content{
  width:706px;
  float:left;}

#main-content h2{
  font:bold 2.4em Arial;
  color:#12297D;
  padding: 0 0 15px 0;}

#main-content p{
  font-size:1.1em;
  line-height:1.5em;
  padding: 0 0 20px 0;}

#feature{
  padding: 0 0 15px 0;}

#feature .box{
  width:331px;
  background:#F5F5F5;
  color:#373737;
  height:147px;
  position:relative;
  padding: 5px 0 0 10px;
  border:2px solid #B4B4B4;
  float:left;}

#feature .box img{
  position:absolute;
  right:0;
  margin: 0px 5px 0 0;}

#feature .box h3{
  color:#12297D;
  padding: 0 120px 10px 0;
  font:bold 1.4em Arial;}

#feature .box p{
  padding: 0 120px 10px 0 !important;}

ul.logos{
  padding:20px 0 0 0;}

ul.logos li{
  float:left;
  padding: 0 15px 0 0;}

#sidebar{
  width:222px;
  float:right;}

#sidebar p{
  font-size:1.1em;}

.visitstore{
  border:4px solid #CDCDCD;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  background:#F5F5F5;}

.visitstore h3,
#news h3{
  background:#132A81;
  color:#FFF;
  font:bold 1.3em Arial;
  padding:8px 15px;}

.visitstore p{
  padding: 18px 15px 0 15px;
  color:#132A81;
  font-size:1.2em !important;}

#sidebar .box{
  background-color:#F5F5F5;
  border:2px solid #CDCDCD;
  color:#3A3A3A;
  margin: 0 0 15px 0;}

#sidebar .box h3{
  font:bold 1.4em Arial;
  padding: 0 0 5px 0;
  color:#132A81;}

.order{
  background:#F5F5F5 url('../images/order.gif') no-repeat 165px 2px;
  color:#202020;
  padding: 8px 60px 15px 10px;}

.catalog{
  padding: 15px 10px 5px 5px;}

.catalog img{
  float:left;
  position:relative;
  margin: -25px 8px 0 0;}

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer{
  border-top:2px solid #4C598A;
  padding:24px 0 10px 0;
  font-size:1.1em;
  background:#11277A;
  color:#FFF;}

#footer a{
  color:#FFF !important;
  text-decoration:none !important;}

#footer-left{
  width:560px;
  float:left;}

#footer-left li{
  float:left;
  padding: 0 3px 5px 0;}

#footer-left li a{
  text-decoration:underline !important;}

#footer-right{
  float:right;
  text-align:right;}

#footer  p{
  padding: 0 0 5px 0;}
  
  
/* 4 Contact Form
-----------------------------------------------------------------------------------------------
===============================================================================================*/
  
.contactform {
font-size:12px;
font-weight:bold;
}

.contactform table td {
padding:5px;
}

.contactform .textbox, .contactform .textarea {
background:#ffffff;
border-color:#11277a;
border-width:1px;
border-style:solid;
padding:5px;
width:300px;
color:#000000;
font-size:14px;
}

.contactform .button {
background:#11277a;
border:#000000;
font-size:14px;
color:#FFFFFF;
padding:4px;
font-weight:bold;
}

.imgright{
float:right;
margin: 0 0 15px 15px;
border:1px solid #979797;
}


#main-content ol {

font-size:12px;
margin-bottom:20px;
margin-left:20px;

}

#main-content ol li{
margin-left:20px;
margin-bottom:5px;
list-style-type:decimal;
}