/***********************************************/
/* 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:Verdana, 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:950px;
   background:url(../images/bac.gif) repeat-y;
}
/***********************************************/
/* Header tag styles                           */
/***********************************************/
.header {
   float:left;
   display:inline;   
   width:635px;
   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 tag styles                             */
/***********************************************/
.menu {
   float:left;
   display:inline;
   width:140px;
   text-align:center;
}

.menu img {
   margin:10px 0 0 0;
}

.menu h1 {
   margin:20px 0 0 15px;
   font-size:0.7em;
   text-align:left;
   color:#CC0000; 
}

.menu ul {
	display:inline;
	margin: 0;
	padding: 0;
	list-style: none;
	width:120px
}

.menu ul li {
	position: relative;
	width:120px;
	margin:0.2em 0 0.2em 5px;
	text-align:left;
	/*border: 1px solid #ccc;*/
}

* html .menu ul li {
margin-left:2px;
}

/* keep folowing styles together..........................*/
* html .menu ul ul {
	margin-left:-10px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html .menu ul li {float:left;/* hide float from ie5*/}
* html .menu ul ul {
	width:120px;	
	w\idth:120px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
* html .menu ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

.menu li ul {
	position: relative;
	display:none;
}
.menu li ul li {
	width:120px;
	margin:0 0 0 5px;
	border-bottom:1px solid #CCCCCC;
}

* html .menu li ul li {
margin-left:2px;
}

/* Styles for Menu Items */
.menu ul li a {
	height:2em;
	padding:0;	
	display:block;
	text-decoration: none;
	color: #777;
	/*background: #ffffcc; IE6 Bug */
	line-height:2em;
	font-size:70%;
}
.menu li li a {background:#f2f2f2}

/* set dropdown to default */
.menu li:hover li a, li.over li a {
    color: #777;
   background-color: #f2f2f2;
}

/* this sets all hovered lists to red */
.menu li a:hover,
.menu li:hover a, li.over a,
.menu li:hover li a:hover, li.over li a:hover {
   color: #000000;
   /* background-color: red; */
}

.menu li ul li  {  } /* Sub Menu Styles */
.menu li.on ul { display:block  } /* The magic */
.menu li.off ul{display:none}

.menu p {
   font-size:0.7em;
   text-decoration:none;  
   color:#666666;	
}
/***********************************************/
/* Content tag styles                           */
/***********************************************/
.content {
   float:left;
   display:inline;
   width:635px;
   text-align:center;
}

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

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

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

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

.content p {
   margin:0 10px 10px 10px;
   font-size:0.7em;
   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:635px;
   height:20px;
   display:inline;
   position:relative;
   margin:-21px 0 0 140px;
   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 */