/* *** *** */
/* ***  *** */
/* */

body {
/* background-color: #AEB2A4; */
/*background-color: #FFFFFF;*/
font-size: 11px;
font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
/* color:#F33651; */
color:#FFFFFF;
padding:0px;
margin:0px; 
}
a {color: #83A7B8;}
a:visited {color:#83A7B8;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 20px;
text-transform:uppercase;
font-weight: normal;
margin-bottom: 10px;
margin-left: 10px;
/*background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;

margin:0px*/ }
h2 {
color:#A3A79C;
line-height: 30pt;
font-size:22px;
font-weight: normal;
margin:0px;}


h3 {
/*color:#A3A79C;*/
color:#E6E1BF;
line-height: 20pt;
font-size:22px;
font-weight: normal;
margin-left:10px;}

h5 {
color:#000000;
line-height: 14pt;
font-size:13px;
font-weight: normal;
margin-left:10px;}

h6 {
color:#E6E1BF;
line-height: 14pt;
font-size:12px;
font-weight: normal;
margin-left:10px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 992px;
/* padding:0px; */
/* padding-top: 10px; */
padding-top: 24px; 

margin: 0px;
margin-left: auto;
margin-right: auto;

} 




#right {
	position: absolute;
	 float:right; 
	top: 0px;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 0px;
	padding: 0px;
border-left: 3px solid #f6f6f6;
	/* background: #C2C6B8; */
	/*background: #FFFFFF;*/
	 width: 770px;/* */ /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 770px;
}
	
	
#s1 {
 width: 770px;
background-color: #4A523E;
 }




/* ----------banner for logo-------------- */
#banner {
width: 770px;
text-align: right;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
border-bottom:2px solid #FFFFFF;
 }

/* #banner img {padding:10px 0px;}  */

/* ----------outer and inner----------------- */
#outer{ 
padding: 0px;
margin: 0px;
/* border-left: solid 218px #EBD3E0; */  /* color of the left column  */ 
 border-left: solid 218px #4A523E;   /* color of the left column  */ 
/*background-color: #AEB2A4; *//* color of the content column */
 border-bottom: solid 1px #AEB2A4; 
 } 

#inner{ margin:0px; padding: 0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:218px; 
 float:left; 
 position:relative; 
 margin-left:-218px; 
 margin-right:0px;
 padding: 0px;
 /*  border-right: solid 3px #4A523E; */
/*   border-right: 3px solid #f6f6f6;*/
 }

/* -----------------content--------------------- */
#content{ 
/* background-color: #ffffff; */
background-color: #4A523E;
border-left: 3px solid #ffffff;
width:770px; 
height: 670px !important; /*IE doesn't understands this*/
height /**/ : 670px; /*Internet Explorer hack. Only IE understands this*/
position: relative; 
padding: 0px;
margin: 0px; }

/* p{ */
/* padding: 5px 10px; */
/* margin:0px; } */
/*  */
/* pre{ */
/* font-size: 12px; */
/* padding: 5px 10px; */
/* margin:0px;} */

/* #copy { */
/*  float:left;  */
/*  position:relative;   */
/*  padding-left: 10px; */
/* /*   padding-right: 10px; */ */
/*  overflow: auto; height: 150px; width: 200px; */
/*  /*  border-right: solid 3px #4A523E; */ */
/* /*   border-right: 3px solid #f6f6f6;*/ */
/* line-height: 12pt; */
/*  } */


/*MAIN PICTURES*/
.pics {  height: 497px !important; /*IE doesn't understands this*/
height /**/ : 497px; /*Internet Explorer hack. Only IE understands this*/  width: 770px; padding:0; margin:0; overflow: hidden }
.pics img { height: 497px !important; /*IE doesn't understands this*/
height /**/ : 497px; /*Internet Explorer hack. Only IE understands this*/ 
width: 770px; padding: 0px; border: 0px solid #fff; background-color: #fff; top:0; left:0 overflow: hidden }





/* SROLLBAR FUNCTIONS */
.pane3{
			}
			.holder {
				float: left;
				/* margin: 0px;  */
				
				width: 215px;
		/* 		border: solid 1px #FF0000; */
				
			}
			.scroll-pane {
				/* width: 233px; */
				 width: 183px; /**/
				 	overflow: hidden;
			/*	overflow: auto;*/
				/* background: #ccc; */
				float: left;
				height: 218px;
				padding-top: 4px;
				 margin-left:19px;/*   */
				  padding-right:20px; 
				/*   	border: solid 1px #000000; */
				
			}
			
			.winXP .jScrollPaneTrack {
				background: url(windows_track.gif) repeat-y;
			}
			.winXP .jScrollPaneDrag {
				background: url(windows_drag_middle.gif) no-repeat 0 50%;
			}
			.winXP .jScrollPaneDragTop {
				background: url(windows_drag_top.gif) no-repeat;
				height: 4px;
			}
			.winXP .jScrollPaneDragBottom {
				background: url(windows_drag_bottom.gif) no-repeat;
				height: 4px;
			}
			.winXP a.jScrollArrowUp {
				height: 17px;
				background: url(windows_arrow_up.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollArrowDown {
				height: 17px;
				background: url(windows_arrow_down.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}
			
			
			.osX .jScrollPaneTrack {
				background: url(osx_track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(osx_drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */
			
			


/*  ----------------footer---------------------- */ 
#footer {
background-color: #ff;
height: 3px !important; /*IE doesn't understands this*/
height /**/ : 3px; /*Internet Explorer hack. Only IE understands this*/
clear:left;
padding-top:10px;
margin:0px;
text-align: left; } 



/*  ----------------features---------------------- */ 
  DIV.features_container
{
width:770px; 
    BORDER-TOP: #f6f6f6 3px solid;
    BORDER-BOTTOM: #f6f6f6 3px solid;
    border-right: 3px solid #f6f6f6;
    height: 137px !important; /*IE doesn't understands this*/
    height /**/ : 137px; /*Internet Explorer hack. Only IE understands this*/
/*       border: 1px dashed #000; */
    Z-INDEX: 1;
    LEFT: 0px;
    FLOAT: none;
    VISIBILITY: visible;
/*     BORDER-LEFT: #a52a2a 3px solid; */
    POSITION: absolute;
    /* TOP: 495px; */
      bottom: 0px;
      padding: 0px;
margin: 0px;
    BACKGROUND-COLOR: #ffffff
}
  
  
div.features {
    width:770px; 
    height: 137px !important; /*IE doesn't understands this*/
   height /**/ : 137px; /*Internet Explorer hack. Only IE understands this*/
  /* border: 1px dashed #666; */
  padding: 0px;
margin: 0px;
  background-color: #E1DDBB;
  }
div.float {
  float: left;
  border-left: 3px solid #f6f6f6;
  }
 
div.features2 {
    width:770px; 
    height: 137px !important; /*IE doesn't understands this*/
   height /**/ : 137px; /*Internet Explorer hack. Only IE understands this*/
  /* border: 1px dashed #666; */
  padding: 0px;
margin: 0px;
  background-color: #E1DDBB;
  }
  
div.float2 {
  width:767px; 
     height: 137px !important; /*IE doesn't understands this*/
   height /**/ : 137px; /*Internet Explorer hack. Only IE understands this*/
  float: left;
  text-align: right;
  color:#343434;
  border-left: 3px solid #f6f6f6;
  }
  
div.float p {
   text-align: center;
   }
/* div.spacer { */
/*   clear: both; */
/*   } */

#div-1 {
/*  background-color: #FF0000; */
 color:#333;
}

#div-1a {
 float:left;
 width:408px;
/*  background-color: #FFDDBB; */
 padding-bottom: 10px;
}
#div-1b {
 float:left;
 width:312px;
/*  background-color: #CCC; */
 padding-bottom: 10px;
}
#div-1c {
 clear:both;
  padding-top: 10px;
  border-top: 1px solid #ffffff;
/*  background-color: #666; */
}