/***********************************************/
/* Global tag styles                           */
/***********************************************/
* {
   margin:0;
   padding:0;
}

/* mac hide \*/
html, body {
   height:100%;
   margin:0;
   padding:0;   
}

body {
   background:url(../images/edge.gif) #EDEDED repeat-y;
   font-family:Arial, Helvetica, sans-serif;
   color:#333333;
}

#clearer {
   clear:both;
}

img {
   border-color:#333333;
}

img.right {
   float:right;
   margin:10px;
}

img.left {
   float:left;
   margin:10px;
}

iframe {
   float:left;
}
/***********************************************/
/* Container tag styles                        */
/***********************************************/
/* mac hide */
.container {
   min-height:100%;
}

* html .container{
   height:100%;
}

.container {
   float:left;
   width:960px;
   background:url(../images/bac2.gif) repeat-y #FFF;
}
/***********************************************/
/* Header tag styles                           */
/***********************************************/
.header {
   float:left;
   display:inline;   
   width:793px;
   height:140px;
   border-bottom:1px solid #333333;
   background:url(../images/header.jpg) no-repeat top right #9D9D9D;
}
/***********************************************/
/* Right Column                                */
/***********************************************/
.advertColumn {
   float:right;
   display:inline;
   margin:5px;
   width:150px;
   text-align:center;
}

.adverts {
   float:right;
   display:inline;
   background:#FFFFFF;
   border:1px solid #CCCCCC;
   margin:5px;
   width:150px;
   text-align:center;
}

.adverts h1 {
   margin:5px;
   font-size:0.7em;
   text-align:center;
   color:#CC0000; 
}

.adverts h2 {
   margin:5px;
   font-size:0.7em;
   text-align:center;
   color:#333333; 
}

.adverts p {
	margin:0.5em;
	font-size:0.7em;
    text-decoration:none;  
    color:#666666;
    text-align:left;
}
/***********************************************/
/* MENU
/***********************************************/
.menu {
   float:left;
   display:inline;
   width:160px;
   text-align:center;
}
.menu h1 {
   margin:20px 10px 0 10px;
   font-size:1em;
   text-align:left;
   color:#CC0000; 
}
.menu p {
	margin:10px 10px 10px 10px;
	font-size:0.7em;
	text-align:left;
	text-decoration:none;
	color:#333;
}
.menu img {
   margin:10px 0 0 0;
}
.menu ul {
	float:left;
	width:140px;
	margin:10px 0 20px 10px;
}
.menu ul li {
	list-style:none;
	text-align:left;
}
.menu ul li a {
	float:left;
	width:140px;
	margin:10px 0 0 0;
	font-size:0.75em;
	text-decoration:none;
	text-align:left;
	color:#333;
}
.menu ul li a:hover {
	color:#000;
	text-decoration:underline;
}
/*Sub menu*/
.menu ul li ul li {
	margin-top:2px;
}
.menu ul li ul li a {
	margin:5px 0 0 10px;
	color:#000;
}
.menu ul li ul li a.product {
	text-decoration:underline;
	margin:1em 0 0 0;
}
.menu ul li ul li a.product:hover {
	text-decoration:none;
}
.menu ul li ul li a:hover {
	color:#000;
	text-decoration:underline;
}
/* End sub menu */
.menu ul li ul {
	margin:0 0 10px 0;
}
.menu ul li ul {
	display:none;
}
.menu li.on ul {
	display:block
}
.menu li.off ul{
	display:none
}
/***********************************************/
/* CONTENT
/***********************************************/
.content {
   float:left;
   display:inline;
   width:790px;
   text-align:center;
}

.content h1 {
    margin:10px 0 0 10px;
    font-size:1em;
	text-align:left;
	color:#CC0000;
}

.content h2 {
    margin:0 0 10px 10px;
    font-size:0.9em;
	text-align:left;	
	color:#333333;
}

.content h3 {
   margin:20px 0 5px 10px;
   font-size:0.85em;
   text-align:left;   
   color:#CC0000;   
}

.content ul {
   margin:0 0 0 30px;
   list-style-type:square;
   font-size:0.8em;
   text-align:left;   
   color:#333333;
}

.content p {
   margin:0 10px 10px 10px;
   font-size:0.8em;
   line-height:20px;
   text-align:left; 
   color:#333333;
}

.content img {
   margin-bottom:10px;
}

.content form {
   margin:0 10px 10px 10px;
   font-size:0.7em;
   text-align:left; 
   color:#333333;
}

.content table td {
	padding:10px;
}

table.quotation {
	background:#EEEEEE;
}

table.quotation td.title {
	background:#CCCCCC;
}

.rcolumn {
   float:right;
   display:inline;
   width:160px;
   margin-right:10px;
   text-align:center;
}

.rcolumn img {
   margin:0;
   margin-top:10px;
}

/* mac hide */
#about {
   min-height:410px;
}

* html #about{
   height:410px;
}

#about {
  background:url(../images/animatedMap.gif) no-repeat center right;
}

#stationery {
	background:url(../images/officeProductsLrg.jpg) no-repeat right bottom;
}

/* mac hide */
#stationery {
   min-height:700px;
}

* html #stationery{
   height:700px;
}
/***********************************************/
/* Footer tag styles                           */
/***********************************************/
#footerAdverts {
	float:left;
	width:100%;
	margin:1em 0 1em 0;
	text-align:left;
}
#footerAdverts img {
	margin:1em;
}
.footer {
   float:left;
   width:793px;
   height:20px;
   display:inline;
   position:relative;
   margin:-21px 0 0 160px;
   border-top:1px solid #CCCCCC;
   background:#EEEEEE;
   text-align:left;   
   clear:both;
}

.footer p {
   float:left;
   margin:0 5px 0 5px;
   font-size:0.6em;
   line-height:20px;
   color:#333333;
}

.footer a {
   color:#333333;
   text-decoration:none;
}

.footer a:hover {
   color:#000000;
}

#copy {
   float:right;
   margin:0 5px 0 0;
}

#clearfooter {
   height:40px;
   clear:both;
}  /*needed to make room for footer*/

* > html #clearfooter {
   width:100%;
   float:left;
}/* ie mac styles */