body,div {
	font-family:Tahoma,Arial, Helvetica, sans-serif;  margin:0px; padding:0px; height: 100%; font-size:small 	}

img {border:0px; vertical-align:middle}

/* page setup  */
	
#back {  background:url(gfx/back.gif) repeat-y; 

      width: 768px;
      height: 550px;
      margin: auto; /* half of width */
	  margin-top:10px;
     /*  margin-top: -290px;  /* half of height */

  }
#page { background: no-repeat top; position:relative; height:550px   }
	
	#top{ height: 150px}
		.tit {float:left}
	#menu { margin:0px 10px 0px 9px; line-height:18px; padding:0px 4px 0px 4px; height:28px; line-height:28px; border:1px solid #999999; font-size: smaller}
		.topmenu { padding: 3px 6px 3px 6px }
		.topmenu:hover { border:1px solid #999999; background-color:#eeeeee; padding:2px 5px 2px 5px }
		#bar1 { float:left; color:#FFF }
		#bar2 {  right:20px; text-align:right; float:right }
	
		#contact  { position:absolute; top:186px; left:9px; width:197px; height:331px; margin:0px 0px 0px 0px;  border:1px solid #999999; text-align:center   }
		#contact2 { position:absolute; top:520px; left:9px; width:192px; height:24px; line-height:24px; padding:0px 0px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #999999; background:#FFFFFF    }
				
			.pix10 { font-size:10px; border:0px; margin-top:10px;  }
		#bar {position:absolute; top:187px; left:218px; width:550px;   height:45px;  background: right bottom no-repeat  }
		#bartitle { color:#FFFFFF; padding:9px 0px 0px 30px;  }
		#hometitle { color:#999999; padding:0px 10px 0px 30px; font-weight:normal; text-align:right  }
		#content { position:absolute;  top:236px; left:220px; height:308px;  width:530px; overflow: auto; padding:0px 3px 0px 5px; line-height:1.3em }
			#content a {text-decoration:underline}
			#content ul li {margin-bottom:5px}
			
	#foot { height:24px; background-color:#eeeeee; bottom:0px; color:#333333; border:1px solid  #666666; width:766px; margin-left:auto; margin-right:auto; clear:both; color:#AAA  }
		
		#buttons { float:left; padding:4px 0px 0px 4px}
		#foottext { font-size:11px; line-height:22px;  text-align:right; padding-right:10px } 
	
	#shadow {background:url(gfx/bottom.jpg) top right no-repeat ; margin:0px auto; height:20px; width:766px; padding:5px 0px; color:#BBBBBB; font-size:10px; text-align:left }	

#left_text {font-size:smaller; text-align:left; padding:5px}
#left_text p {text-align:right; color:#666666}
#left_text p b {display:block; color:#000000}

/* left menu  */

			.manuitem {
			font-size:10px;
			display:block;
			width:197px; 
			text-align:left;
			margin:0px;
			padding:0px;
			color:#999999;
			background-color:inherit; 
			text-indent:12px;
			text-transform:uppercase;
			background: no-repeat top left;
			padding-top:40px;
			padding-bottom:3px;
			}

/* menu styles */
			#mitemd1_1 { background-image:url(gfx/desi2_1.jpg) }
			#mitemd2_1 { background-image:url(gfx/desi2_2.jpg) }
			#mitemd3_1 { background-image:url(gfx/desi2_3.jpg) }
			
			#mitemd1_1:hover { background-image:url(gfx/desi1_1.jpg) }
			#mitemd2_1:hover { background-image:url(gfx/desi1_2.jpg) }
			#mitemd3_1:hover { background-image:url(gfx/desi1_3.jpg) }

			#mitemd1_2 { background-image:url(gfx/advert2_1.jpg) }
			#mitemd2_2 { background-image:url(gfx/advert2_2.jpg) }
			#mitemd3_2 { background-image:url(gfx/advert2_3.jpg) }
			
			#mitemd1_2:hover { background-image:url(gfx/advert1_1.jpg) }
			#mitemd2_2:hover { background-image:url(gfx/advert1_2.jpg) }
			#mitemd3_2:hover { background-image:url(gfx/advert1_3.jpg) }

			#mitemd1_3 { background-image:url(gfx/comp2_1.jpg) }
			#mitemd2_3 { background-image:url(gfx/comp2_2.jpg) }
			#mitemd3_3 { background-image:url(gfx/comp2_3.jpg) }
			
			#mitemd1_3:hover { background-image:url(gfx/comp1_1.jpg) }
			#mitemd2_3:hover { background-image:url(gfx/comp1_2.jpg) }
			#mitemd3_3:hover { background-image:url(gfx/comp1_3.jpg) }

/* other styles */
.nodot {list-style-type:none}
form {display:inline}
h1 { color:#334433; margin:0px; background-color:inherit; font-size:large; font-weight:normal  }
#subtitle {color:#FFFFFF; background-color:inherit }
h2 { color:#334433; margin:0px; font-size:small; font-weight:normal; background-color:inherit; font-weight:bold   }
p {padding-left:10px; text-align:justify; line-height:1.3em; }
a {color:#446622; text-decoration:none; background-color:inherit }
a:hover {color:#000000; background-color:inherit }
label {font-size:9px; color:#999999; display:block; }

.fieldmain { border:1px solid #999999; background:#FFFFFF; color:#333333; font-family:sans-serif; margin-bottom:5px; padding:2px; font-size:10px;  }
#contact .fieldmain{width:170px}
#content .fieldmain{width:260px}
#printcont .fieldmain{width:260px}

.pathlink { color:#006600; background-color:inherit }
.pathlink:hover { text-decoration:overline  }
ol {padding:0px; margin:0px;list-style-type:none;}
.mm  { margin:1px 0px 10px 15px; padding:0px}
.mm li { list-style-type:none;  margin:0px;  text-align:left }
.sitemenu { font-size:small; line-height:1.5em; list-style-type:decimal}
#sitemap a {border:0px; margin:0px; padding:0px; line-height:1.5em; text-decoration:none}
#sitemap a:hover {border:0px; line-height:1.5em; color:#000}
#sitemap ol li {clear:both;}
#sitemap ol li ul li {float:left; clear:none;}
#sitemap ol li ul li a {padding-left:8px}

	.mm li a	  { display:block; width:166px; padding:1px 0px 1px 6px; color:#666666; line-height:20px; font-size:small  }
	.mm li a:hover { display:block; border:      #666666 1px solid; padding:0px 0px 0px 6px; 									background:#f6f6f6; line-height:20px;  }
	
	.true { color:#006600; border:1px solid #006600; background-color:#F6FFEE; padding:2px; margin:5px; height:1.2em }
	.false { color:#660000; border:1px solid #660000; background-color:#FFEEEE; padding:2px; margin:5px ; height:1.2em  }
	.small {font-size:smaller; color:#333333; margin:5px}

	.offerbox { width:250px; height:300px; float:left; margin:3px; background:url(gfx/box2.gif)}
		.offin { width:240px; height:250px; margin:5px}
		.offin img { }
		.offin h1 { margin-bottom:15px }
		.offin p { text-indent:0px;  margin:0px 0px 1.6em 0px }
		.offin li {  list-style-type:square; list-style-position:inside; line-height:1.3em  }	
		.offin ul {margin:5px; margin-bottom:1em}	
		.offfut { width:240px; height:40px; margin:0px; text-align:right }
	.trans {border:1px solid #999999; background:url(gfx/trans.gif); padding:5px }
	


/* Content styles */
#page11 li { display:inline}
#page11 li h2 { height:24px; border-top:1px solid #666666; background:#eeeeee; vertical-align:middle; line-height:24px; padding-left:10px}



.orange_b {float:left; width:256px; height:60px; text-align:center; font-size:10px; color:#666666 }
.desi_box {width:160px; float:left; font-size:11px}
.desi_box u {background:#f6f6f6; display:block; padding:2px}
.desi_box  div {font-size:11px; height:10em; }
.ff {background:url(/gfx/firefox-button.png); width:210px; height:65px; padding:40px 0px 0px 40px;  line-height:1.5em; position:absolute; top:-503px; left:0px; text-align:left}


/* print styles */
#printhead {font-size:x-large; border-bottom: 1px solid #999999; margin:10px}
#printcont {margin:10px}
#printfoot {font-size:10px; border-top: 1px solid #999999; margin:10px; text-align:right; line-height:1.5em; color:#666666}
#b_t_t { position:absolute; right:10px; top:10px; width:150px; height:40px}
#rt {position:absolute; right:0px; top:0px }
.print {background:url(gfx/printer1.gif); height:31px; float:right  }
.print:hover {background:url(gfx/printer2.gif) top}

#content .transparent { margin:5px; line-height:1.5em; background:url(gfx/transparent.png); height:auto   }
.transparent h2 {font-size:small; line-height:1.4em; font-weight:bold; background-color:#ccccdd; color:#FFF; padding:2px 5px 2px 5px }
.transparent  p {text-align:right; padding-right:5px; padding-bottom:0px; margin-bottom:0px}
.transparent  u {color: #999999; text-decoration:none}

#content .box { width:235px; margin:3px; float:left;  padding:5px; line-height:1.5em; background:url(gfx/transparent.png); height:120px  }




/* Print styles */
#printcont .desi_box {float:none; width:600px; margin:40px; font-size:small}
#printcont .desi_box  div {font-size:11px; height:auto; font-size:small }

#printcont .box {float:none}
#printcont h2 {color:#003300; background:#FFFFFF; clear:both}

#toplink { color:#aaa; text-align:center }
#toplink a {color:#666666}

#sstat {height:auto}
h3 {padding:5px; padding-left:10px; background:#FFFFFF; margin-bottom:1px; border: #999999 1px solid}
.unplanned_status h3 {background:#FFCCCC; border-color:#660000}
.planned_status h3 {background:#EEFFCC;border-color:#006600 }
.status_date {color:#666666; text-align:right; margin-top:1px}

.inpage label {display:inline}
.inpage label input {}


/*popups*/
.link {cursor:pointer}
.popup { position:absolute; width:400px; height:358px; text-align:right; left: 280px; top: 120px; background:#FFFFFF; border:1px solid #999999; display:none; }
.popup span {padding-right:5px; display:block; color:#999999; font-weight:bold}

address {text-align:right; font-style:normal; clear:both; color:#666; font-size:10px; line-height:1.3em; padding-top:5px; border-top:1px #999999 dashed}

.back a {}
.company a {color: #000033}
.advert a {color:#660000}
.design a {color: #336666}
