body {
text-align: center;/* IE hack*/
font: small  Verdana, Arial, Helvetica, sans-serif;
background: url(images/body_bg.gif) repeat-x center top;
margin: 0;
padding: 0;
}

#container {
width: 800px;
text-align: left;
margin: 0 auto;
}

#header {
background-image: url(images/header.gif);
height: 170px;
width: 750px;
}

h1,h2,h3,h4 {
margin:0;
}

p {
font-size: 85%;
color: #444;
line-height: 18px;
}

/* for Internet Explorer */
/*\*/
* html p {
font-size: 85%;
}
/**/


h1{
font: 150% "Myriad Pro", Arial, Helvetica, sans-serif;
color: #ED171F;
letter-spacing: 0.15em;
margin-bottom: 6px;
}

h2 {
font: 110% "Myriad Pro", Arial, Helvetica, sans-serif;
color: #242424;
text-transform: uppercase;
letter-spacing: 0.15em;
}

/* for Internet Explorer */
/*\*/
* html #mainContent h1 {
font-size: 100%;
}
/**/

/* for Internet Explorer */
/*\*/
* html h2 {
font-size: 80%;
}
/**/

h3 {
font: 100% "Myriad Pro", Arial, Helvetica, sans-serif;
color: #ed171f;
letter-spacing: 0.10em;
}

/* for Internet Explorer */
/*\*/
* html h3 {
font-size: 80%;
}
/**/

a:link  {
text-decoration: none; 
color: #333; 
}

a:visited {
text-decoration: none; 
color: 666; 
}


a:hover, a:active { 
text-decoration: underline;
color: #ED171F; 
}


/* //////////////////////// MAIN NAV /////////////////////////////////////////////////*/

#leftContent {
float: left;
width: 150px;
height: 310px;
background: url(images/nav_bg.gif) no-repeat right top;
padding: 25px 0px 0px 0px;
border: 0px solid #aaa;
}

.nav_categories {
padding: 0px 0px 0px 15px;
margin: 0px;
color: #333333;
border: 0px solid #ccc;
}

.mainNav ul {

}

.nav_categories li {
font-size: 85%;
list-style-type: none;
background: url(images/action_go.gif) no-repeat 0px 5px;
border-bottom: 1px solid #ddd;
color: #444;
top: 1px;
}

.nav_categories a:link {
display: block;
height: 27px;
line-height: 27px;
width: 134px;
text-decoration: none;
text-indent: 25px;
color: #333;
}

.nav_categories a:visited {
display: block;
height: 27px;
line-height: 27px;
text-decoration: none;
text-indent: 25px;
color: #666;
}

.nav_categories a:hover, a:active {
background: url(images/btn_bg.gif) no-repeat;
color: #ed171f;
text-decoration: underline;
}

/* //////////////////////// WRAPPER STUFF/////////////////////////////////////////////////*/

#wrapper {
float: left;
width: 800px;
}

#mainContent {
width: 435px;
padding: 10px 35px 10px;
float: left;
}

/* for Internet Explorer */
/*\*/
* html #mainContent {
width: 428px;
border: 0px solid #ddd;
}
/**/


#mainContent h1{
padding: 0px;
}

/* //////////////////////// FEATURE STUFF/////////////////////////////////////////////////*/

.feature {
display: inline;
padding: 10px 0px;
/*border: 1px solid #eee;*/
border-bottom: 1px dotted #ddd;
float: left;
}

.featureImg {
margin-right: 25px;
float: left;
}

.feature a {
background: url(none);
}

.feature a:link {
color: #ed171f;
background: url(none);
/*font-size: 140%;*/
}

.feature a:visited {
color: #666;
background: url(none);
}

.feature a:hover, a:active {
color: #ed171f;
text-decoration: underline;
background: url(none);
}

.topImg {
padding: 10px 0px 25px;
}

/* //////////////////////// FEATURE END/////////////////////////////////////////////////*/

.adress {
margin-left: 30px;
padding:  10px 0px;
border-bottom: 1px dotted #ccc;
}

.bullet {
background: url(images/bullet_go.gif) no-repeat;
margin-left: 155px;
padding-left: 20px;
}

.back {
background: url(images/bullet_back.gif) no-repeat;
padding-left: 20px;
}

.pdf {
background: url(images/acrobat.gif) no-repeat left;
padding-left: 20px;
}

.adress ul {
margin: 0px;
padding: 0px;
list-style: none;
color: #333333;
}

.adress li {
padding: 3px 0px;
font-size: 85%;
}

.adress h3 {
font-size: 150%;
}

#contactForm {
padding:  20px 0px;
border: 0px solid #eee;
}

#contactForm #message {
height: 100px;
}

#contactForm h3 {
margin: 5px 30px;
}

/* for Internet Explorer */
/*\*/
* html #contactForm  {
padding: 5px 30px;	
}
/**/

/* for Internet Explorer */
/*\*/
* html .adress h3 {
font-size: 110%;
}
/**/

fieldset {
border: none;
padding: 0px 25px;
font-size: 85%;
color: #333;
}

label {
display:block;
padding: 5px 0px;
}

.required {
color: #ED171F;
font-size: 85%;
}

#comment {
font: 120% "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
}

/* for Internet Explorer */
/*\*/
* html #comment {
font-size: 100%;
}
/**/
/* //////////////////////// RIGHTCONTENT /////////////////////////////////////////////////*/

#rightContent {
float: right;
padding: 5px 5px 10px;
width: 135px;
background: url(images/rightContent_bg.gif) no-repeat left;
border: 0px solid #ccc;
}

.addFeature {
padding: 10px;
}

.addFeature img {
padding: 0px 0px 0px 10px;
text-align: center;
display: inline;
}


/* //////////////////////// PRODUCTS /////////////////////////////////////////////////*/

#secondaryContent {
overflow: hidden;
float: left;
}

#subMenu {
float: left;
width: 145px;
padding: 10px 10px 10px 15px;
border: 0px solid #ddd;
}

#subMenu p {
font-size: 85%;
color: #666;
}

#products {
padding: 10px 15px 15px;
float: left;
border: 0px solid #FF9900;
}

#multifunctionals, #printers, #copiers {
float: left;
padding: 10px 10px 10px 0px;
width: 400px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#multifunctionals p, #printers p, #copiers p {
font-size: 75%;
line-height: 12px;
}

#multifunctionals a, #printers a, #copiers a {
}

#multifunctionals img, #printers img, #copiers img {
float: left;
padding: 0px 10px;
}

#copiers {
background: #ecfaff;
margin-bottom: 10px;
}

#printers {
background: #FFFFCC;
margin-bottom: 10px;
}

#multifunctionals {
background: #f9f9f9;
}


/* //////////////////////// FOOTER /////////////////////////////////////////////////*/

#footer {
height: 140px;
margin-top: 10px;
background: url(images/footer_grad.gif) repeat-x top;
clear: both;
padding: 10px 10px 0px;
}

.vcard {
margin: 10px 0px 0px 0px;
}

.locality, .country-name, .email, .hoverstyle, .org {
}

.vcard ul {
display: inline;
font-size: 85%;
margin: 0;
padding: 0;
}

.vcard li {
display: inline;
background: url(images/bullet_red.gif) no-repeat left;
padding: 0px 0px 0px 18px;
list-style: none;
color: #444; 
}

.vcard a {
display: inline;
}

.vcard li a:link, a:visited {
text-decoration: none; 
color: #ed171f; 
}
a {
outline:none;
}
.vcard li a:hover, a:active { 
text-decoration: underline;
color: #444; 
}