/* Common CSS Code for SLX Ltd. */
HTML {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 125%; 
	BACKGROUND: #fff ; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; color: #404040; 
	HEIGHT: 100%; 
	BORDER-RIGHT-WIDTH: 0px; 
	max-height: 100%
}
BODY {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	PADDING-TOP: 0px; 
	HEIGHT: 100%; 
	BORDER-RIGHT-WIDTH: 0px; 
	max-height: 100%;  
	FONT-SIZE: 50%;
}
BODY#samples1 #samples1 a {
   color: #ccc;
}
BODY#samples2 #samples2 a {
   color: #ccc;
}
BODY#samples3 #samples3 a {
   color: #ccc;
}
BODY#samples4 #samples4 a {
   color: #ccc;
}
#samp-hornav li {
	display: inline;
	list-style: none;
	padding-left: 25px ;
	padding-right: 70px ;
	background: #FFFFCC ;
}
BODY#services #services a {
   color: #ccc;
}
BODY#prices35 #prices35 a {
   color: #ccc;
}
BODY#pricesmf #pricesmf a {
   color: #ccc;
}
BODY#comp #comp a {
   color: #ccc;
}
#services-hornav li {
	display: inline;
	list-style: none;
	padding-left: 10px ;
	padding-right: 10px ;
	background: #FFFFCC ;
	FONT-SIZE: 1.3em;	
}
#content {
	DISPLAY: block;
	FONT-SIZE: 1.1em;
	color: #404040;
	PADDING-LEFT: 200px;
	Z-INDEX: 3;
	OVERFLOW: auto;
	POSITION: relative;
	HEIGHT: 100%;
	max-height: 100%;
	min-width: 450px;
	max-width: 850px;
	background: url(graphics/mainbackground.jpg) repeat-y 200px 100px;
}
#head {
	DISPLAY: block; FONT-SIZE: 4em; Z-INDEX: 7; RIGHT: 18px; BACKGROUND: #fff; MARGIN: 0px; WIDTH: 100%; COLOR: #000; POSITION: fixed; TOP: 0px; HEIGHT: 100px
}
#foot {
	DISPLAY: block;
	FONT-SIZE: 1em;
	Z-INDEX: 4;
	RIGHT: 0px;
	BACKGROUND: #6699CC;
	MARGIN: 0px;
	WIDTH: 100%;
	COLOR: #fff;
	BOTTOM: -1px;
	POSITION: fixed;
	HEIGHT: 20px;
	TEXT-ALIGN: center;
	padding: 0px;
}
#left {
	FONT-SIZE: 1em; 
	Z-INDEX: 6; 
	BACKGROUND: url(graphics/menuback.gif) #fff -2px 100px; 
	LEFT: 0px; 
	WIDTH: 160px; 
	COLOR: #fff; 
	POSITION: fixed; 
	TOP: 0px; 
	HEIGHT: 100%; 
}
 HTML #head {
	POSITION: absolute
}
 HTML #foot {
	POSITION: absolute
}
 HTML #left {
	POSITION: absolute
}
#pad1 {
	DISPLAY: block; FLOAT: left; WIDTH: 18px; HEIGHT: 100px
}
#pad3 {
	DISPLAY: block; FLOAT: left; WIDTH: 18px; HEIGHT: 20px
}
.pad2 {
	DISPLAY: block; HEIGHT: 100px
}
.pad4 {
	DISPLAY: block; HEIGHT: 35px
}
#content P {
	PADDING-RIGHT: 20px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-SIZE: 1.1em; color: #404040; font-weight: bold;
}
#content .red { color: red; font-weight: bold; font-size: 1.6em; }
#content .small {  font-size: .9em}
#content .small-bold {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 12px;
}
#content .bold {
	FONT-WEIGHT: bold; FONT-SIZE: 1.1em
}
.largebold {
    FONT-WEIGHT: bold; FONT-SIZE: 1.7em
}
.bold {
    FONT-WEIGHT: bold; FONT-SIZE: 1.1em
}
.boldred {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.1em;
	color: red;
}
#content .boldlinespace {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.1em;
	line-height: 22px;
}
#content .style1 {color: #F00}
#content .indentpara {
	font-size: 1em;
	padding-left: 20px;
}
#content h1 {
    FONT-SIZE: 2em;
	 color: #404040
}
#content h2 {
	FONT-SIZE: 1.45em;
	margin: -5px 0 -5px 0;
	line-height: 40px;
}
#content h3 {
    FONT-SIZE: 1.4em;
}
	
#content .small_text {  font-size: .9em; }
#content .normal {  font-size: 1.1em; }
#content .mid {  font-size: 1.0em; padding-left:5px; padding-right:5px; }
#content .mid-bold {  font-size: 1.0em; font-weight: bold ;}
#content .very_small {  font-size: .8em; }
#content .superscript {  font-size: .8em; font-style: italic; font-weight: normal; color: #FF0000; top: 0px;}
#content .data {
	font-size: x-small;
	visibility: hidden;
}
#content .padright {
    padding-left: 110px;
	padding-right: 50px;
}
#content .filmcassette {
	float:left;
	clear: left;
	background-image: url(graphics/filmcassette2.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 75px;
}
#content #leftcol { padding: 2em 1em;  width: 44% ; 
   }
#content #rightcol {
	padding: 2em 1em; width: 44%; FLOAT: right; 
	}
#content #form1 p { margin: 5px 0 ; }
#wordsleft {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; LEFT: 150px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; WIDTH: 260px; PADDING-TOP: 5px; TOP: 100px; HEIGHT: 200px;
}
#wordsright {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; RIGHT: 150px; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 5px; WIDTH: 260px; PADDING-TOP: 5px; TOP: 100px; HEIGHT: 200px; 
}
#wordsabsolute {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 2em; BACKGROUND: #eee; LEFT: 400px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; COLOR: #c00; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 280px
}
#wordsrelative {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 2em; BACKGROUND: #ddd; LEFT: 30px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 200px; COLOR: #c00; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; POSITION: relative; TOP: 10px
}
#content a:link {
	 FONT-WEIGHT: bold; COLOR: #003366;  TEXT-DECORATION: underline}
#content a:visited {
	 FONT-WEIGHT: bold; WIDTH: 100px; COLOR: #003366;  TEXT-DECORATION: underline}
#content a:hover {
	COLOR: #CC6600;
	text-decoration: underline overline;
}
#content a:active {
	COLOR: #003366}

#samples a:link {
	 FONT-WEIGHT: bold; COLOR: red;  TEXT-DECORATION: underline}
#samples a:visited {
	 FONT-WEIGHT: bold; WIDTH: 100px; COLOR: #003366;  TEXT-DECORATION: underline}
#samples a:hover {
	COLOR: #CC6600;
	text-decoration: underline overline;
}
#samples a:active {
	COLOR: #003366}
#headerlogo {
	margin-left: 100px;
	vertical-align: bottom;
	position: absolute;
	left: 100px;
	top: 20px;
	background-image: url(graphics/blue_1x1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 850px;
	height: 60px;
}
#slxlogo {
	margin-left: 16px;
	left: 0px;
	top: 0px;
	position: absolute;
	background-image: url(graphics/menuback.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	width: 155px;
	height: 100px;
}	
#redbull li {
    list-style: url(graphics/ball.gif);
	padding-left: 10px;
	margin-left:  20px;
}
#yellowline {
	width: 98%;
	border-top: 1px solid #FFCC00;
	border-right: none;
	border-bottom: 1px solid #FFCC00;
	border-left: none;
	padding: 0;
	margin: 0px;
}
#slideleft{
    width: 150px;
	height: 130px;
	float: left;
}
#slideright{
	width: 150px;
	float: right;
	height: 130px;
	padding-top: 10px;
}

.menu {
   font-family: verdana, arial, sans-serif;
   width:160px;
	height:350px;
	position:relative;
	margin:0;
	font-size:11px;
	margin:20px 0px;
	}