/* 
    ---------------------
      GENERAL
    ---------------------
*/
html
{
  height: 100%;
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

body
{
  height: 100%;
  background: #c3c3c3;
}

noscript
{
  position: absolute;
  color: #fff;
  top: 15px;
  left: 33px;
  padding: 5px;
  border: 2px solid red;
  background: #c00;
}

h1
{
  font-size: 3.5em; 
  font-weight: bold;
}

h2
{
  font-size: 0.8em;
  color: #9d9797;
  line-height: 1.4em;
}

span.highlight
{
  color: #d8d8d8;
}

ul
{
  margin-left: 1em;
  list-style-position: outside;
  list-style-type: disc;
  line-height: 1.6em; 
  font-size: 0.8em;
  color: #d8d8d8;
  /*color: #9d9797;*/
  padding-left: 1em;
}

span.dehighlight
{
  color: #555;
  text-decoration: none;
  font-size: 1.2em;
}

a
{
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
}

a:hover
{
  color: #f00;
}

a#email
{
  background: transparent url('images/email_07.png') no-repeat;
  width: 104px;
  height: 86px;
  display: block;
  float: left;
  background-position: top center;
}

a#email:hover
{
  background-position: bottom center;
}


a#afs_preview
{
  background: transparent url('images/afs_01.jpg') no-repeat;
  width: 401px;
  height: 252px;
  display: block;
  float: left;
  background-position: top center;
  border: 1px solid #aaa;
}

a#afs_preview:hover
{
  background-position: bottom center;
  border: 1px solid #f00;
}

a#taps_preview
{
  background: transparent url('images/2taps_01.jpg') no-repeat;
  width: 401px;
  height: 252px;
  display: block;
  float: left;
  background-position: top center;
  border: 1px solid #aaa;
}

a#taps_preview:hover
{
  background-position: bottom center;
  border: 1px solid #f00;
}

a#byd_preview
{
  background: transparent url('images/byd_01.jpg') no-repeat;
  width: 401px;
  height: 252px;
  display: block;
  float: left;
  background-position: top center;
  border: 1px solid #aaa;
}

a#byd_preview:hover
{
  background-position: bottom center;
  border: 1px solid #f00;
}

a#ud_preview
{
  background: transparent url('images/ud_01.jpg') no-repeat;
  width: 401px;
  height: 252px;
  display: block;
  float: left;
  background-position: top center;
  border: 1px solid #aaa;
}

a#ud_preview:hover
{
  background-position: bottom center;
  border: 1px solid #f00;
}


a#mox_preview
{
  background: transparent url('images/mox_01.jpg') no-repeat;
  width: 401px;
  height: 252px;
  display: block;
  float: left;
  background-position: top center;
  border: 1px solid #aaa;
}

a#mox_preview:hover
{
  background-position: bottom center;
  border: 1px solid #f00;
}


.no_display
{
  display: none;
}

div#container
{
  position: relative;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1097px;
  height: 888px;
  clear: both;
  overflow: hidden;
}

img#logo
{
  position: relative; 
  top: 5px;
  right: 60px;
  float: right; 
  z-index: 999;
}

img#main_container_shadow
{
  z-index: 0;
  position: absolute;
  top: 26px;
  margin-left: auto;
  margin-right: auto;
  width: 1097px;
  height: 862px;
  /*border: 1px solid #fff;*/
}

div#main_container
{
  position: absolute;
  top: 50px;
  left: 34px;
  width: 1001px;
  height: 766px;
  background: url("images/main_container_bg_slice_01.png") repeat-x;
}


div#left_container
{
  float: left;
  width: 500px;  
}

div#right_container
{
  float: left;
  width: 500px;
  height: 100%;
}

div#welcome_text_container
{
  position: relative;
  top: 100px;
  left: 30px;
  
  width: 80%;
  
  color: #fff;
}


div#links_text_container
{
  position: absolute;
  /*top: 350px;*/
  bottom: 200px;
  left: 30px;
  
  color: #fff;
}

div#email_container
{
  position: absolute;
  /*top: 520px;*/
  bottom: 20px;
  left: 25px;
  
  color: #fff;
}

div#preview_links
{
  height: 100%;
  position: relative;
  top: 2px;
  left: 0px;
  float: left;
}

div#copyright
{
  position: relative;
  top: 735px;
  left: 16px;
  font-size: 0.45em;
  color: #666;
  line-height: 1.6em;
}





/* image replacement */
/*
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
            */
    /* // image replacement */



/* 
  SLIDER STYLES
*/
#slider
{
  margin-top: 0px;
  /*overflow: hidden;*/
}	

/*

#slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li
{ 
	width:401px;
	height:252px;
	overflow:hidden; 
}
*/

/* Buttons */
#prevBtn, #nextBtn
{ 
	display:block;
	width:37px;
	height:37px;
	position:absolute;
	left:-37px;
	top:-37px;
	
}	

#nextBtn
{ 
	/*left:696px;*/
	left: -37px;
	top:764px;
}														

#prevBtn a, #nextBtn a
{  
	display: block;
	width: 37px;
	height: 37px;
	background: url("images/button_up_01.png") no-repeat 0 0;	
}	

#nextBtn a
{ 
	background: url("images/button_down_01.png") no-repeat 0 0;	
}						

#position
{
  font-size: 0.8em;
  position: absolute;
  top: -20px;
  left: 0px;
  color: #fff;
}