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

body {
background-color: #ffffff;
padding:0px;
margin:0px;
}

h1 {	
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
text-transform:uppercase;
}

a:link, a:active, a:visited, a:hover {
color: #0194d9;
font-size:11px;
text-decoration:none;
}

h2 {	
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
margin:0;
padding-top:10px;
}

p, pre {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 2px;
margin-right: 10px;
}



/* ----------container to center the layout-------------- */
#container {
width: 800px;
height: 100%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFF;
}

#header {
background:#fff;
height:100px;
}

#header_left_blank {	
width: 44px;
height: 100px;
float:left;
}

#banner {
background:#fff;
height:152px;
}

#banner_left_index {	
float:left;
width: 44px;
height: 149px;
background-image:url(images/index-banner-left.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_middle_index {	
float:left;
width: 149px;
height: 149px;
background-image:url(images/index-banner-middle.jpg);
background-repeat:no-repeat;
background-position:center;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_right_index {	
float:left;
width: 585px;
height: 149px;
background-image:url(images/index-banner-right.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_left {	
float:left;
width: 44px;
height: 149px;
background-image:url(images/whitespace.jpg);
background-repeat:repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_middle_services {	
float:left;
width: 149px;
height: 149px;
background-color: #ffd97f;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_right_services {	
float:left;
width: 585px;
height: 149px;
background-image:url(images/services-banner-right.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#content {	
float:left;
width: 100%;
height: 100%;
background-position:left;
background-image:url(images/fill.jpg);
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#content_menu {	
float:left;
width: 115px;
height: 100%;
padding: 30px 20px 0px 60px;
}

#content_right {	
float:right;
width: 525px;
height: 100%;
padding: 20px 40px 10px 20px;
}

#contentright a:link, a:active, a:visited, a:hover {
color: #0194d9;
font-size:11px;
}

#logo{
width: 150px;
height: 75px;
margin-top:25px;
border-left: solid #CCCCCC;
border-left-width: 1px;
border-right: solid #CCCCCC;
border-right-width: 1px;
float:left;
text-align:center;
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#banner_middle_vendors {	
float:left;
width: 149px;
height: 149px;
background-color: #7fb27f;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_right_vendors {	
float:left;
width: 585px;
height: 149px;
background-image:url(images/vendor-banner-right.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}


#banner_middle_customers {	
float:left;
width: 149px;
height: 149px;
background-color: #e59898;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_right_customers {	
float:left;
width: 585px;
height: 149px;
background-image:url(images/customers-banner-right.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_middle_news {	
float:left;
width: 149px;
height: 149px;
background-color: #ffff7f;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_right_news {	
float:left;
width: 585px;
height: 149px;
background-image:url(images/news-banner.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}


#banner_middle_contact {	
float:left;
width: 149px;
height: 149px;
background-color: #cc7fb2;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#banner_right_contact {	
float:left;
width: 585px;
height: 149px;
background-image:url(images/contact-banner.jpg);
background-repeat:no-repeat;
background-position:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#email {
width: 20px;
height: 20px;
float:right;
margin: 20px 30px 0px 0px;
background-position:center;
background-repeat:no-repeat;
}
#email a:link, a:active, a:hover{text-decoration: none;}

#email img {margin: 4px 2px 4px 2px }

#menu{
width: 592px;
height: 30px;
float:left;
margin-left: 10px;
margin: 28px 5px 0px 5px;
}

#navcontainer
{
margin-top:6px;
height: 24px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 96px;
height: 18px;
padding-top: 5px;
color: #CCCCCC;
text-decoration: none;
text-transform:uppercase;
display: block;
text-align:center;
font-size:11px;
font-style:normal;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
color: #0194d9;
font-size:11px;
}

#navcontainer a:active
{
color: #0194d9;
}

#navcontainer li#active a
{
color: #0194d9;
}

#vertnavcontainer
{
margin-top:0px;
height:0;
}

#vertnavcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#vertnavcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin-top: 10px;
}

#vertnavcontainer ul li a
{
background: #fff;
width: 130px;
height: 20px;
padding-top: 5px;
color: #CCCCCC;
text-decoration: none;
text-transform:capitalize;
display: block;
text-align:left;
font-size:11px;
font-style:normal;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#vertnavcontainer ul li a:hover
{
color: #0194d9;
font-size:11px;
}

#vertnavcontainer a:active
{
color: #0194d9;
}

#vertnavcontainer li#active a
{
color: #0194d9;
}

vertnavlist li { 
list-style-type:none;
width:100%;
}

#contentlist li { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 15px;
list-style:square;
}

#newslist li { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 3px;
list-style:square;
}

#vendorslist li { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 3px;
list-style:square;
}

#vendorslist li a { 
color:#0194d9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 3px;
list-style:square;
text-decoration:none;
}

#termslist li { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 10px;
list-style:none;
}

#indentlist li { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin-top: 10px;
list-style:none;
}

/* -----------footer--------------------------- */
#footer {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
margin: 0px;
padding-top:20px;
padding-bottom: 20px;
text-align:center;
background-color:#FFFFFF;
}

#footer a:link, a:active, a:visited {
text-decoration: none;
color:#0194d9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
}

#footer a:hover {
text-decoration: underline;
color:#0194d9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
}