/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #EEEEEE url(../images/test-body-back.jpg) center center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	text-decoration:none;
}
a {text-decoration:none;}
#container {
	background: url(../images/test-header.png) center top no-repeat;
	/*width: 100%;*/  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
/*	background: url(../images/test-header.png) center top no-repeat;*/
	margin:0;
	padding: 0 200px 0 200px ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position:relative;
}

#mainContent a:link {color:#996600;}
#mainContent a:visited {color:#996600;}
#mainContent a:hover {color:#999933;}
#mainContent a:active {color:#FF8AFF;}

#TheHeader {
height:130px;
padding:0;
margin:0;
}
#resMenuBack {
	position:fixed;
	z-index:90;
	background:#FFFFFF;
	width:800px;
	height:100px;
	margin:0;
	padding:5px;
	border:#990000 solid 1px;
	top:-60px;
}

/*#############################################
            MENU SYSTEM STARTS HERE 
##############################################*/

#themenu {
	position:fixed;
	left: 50px;
	top: 130px;
	/*border:#6C5C1E solid 3px;*/
	/*background:#FFFFFF url(menuback.png) no-repeat center center !important;*/
	padding:10px 0 0 0;
	margin:0 auto;
	text-align:left;
	width:180px;
	height:auto;
	z-index:100;
	display:none;
}
#themenu #themenutop {background:url(/images/menuback01.png) center bottom no-repeat; margin:0; padding:0; height:20px;}
#themenu #themenumid {background:url(/images/menuback02.png) center top repeat-y; margin:0; padding:0; position:relative;}
#themenu #themenubot {background:url(/images/menuback03.png) center top no-repeat; margin:0; padding:0; height:30px;}
#themenu #themenumid ul li a {
	text-decoration:none;
	display:block;
	width:110px;
	margin:0 0 0 15px;
}

#themenu #themenumid ul li {
	color:#00FFFF;
	padding:0;
	margin:0;
	display:block;
	text-decoration: none;
	height:17px;
	float: left;
	width: 110px;
}
#themenu #themenumid ul li a {
	font-size: 12px;
	font-weight: bold;
	padding:1px;
	margin: 0;
	border:0;
	display: block;
	/*color:#E3BDB0;*/
	height:17px;
	text-decoration:none;
}
#themenu #themenumid ul li a:link {
    color:#3D1D3C;
}
#themenu #themenumid ul li a:visited {
    color:#3D1D3C;
	/*background: url(/images/visited.png) no-repeat right top;*/
}
#themenu #themenumid ul li a:hover {
	color:#FFFFFF;
	display:block;
	background: url(/images/menu-links-over.png) no-repeat right bottom;
	text-decoration:none;
	padding:1px;	
}
#themenu #themenumid ul li a:active {color:#64451C; 	border:none;}

.style1 {
	font-size: 14pt;
	font-weight: bold;
	text-align:center;
}
.draggable {cursor:move;}

#themenu #themenumid #move_me {
background:url(/images/move-me.png) no-repeat center center;
margin:0;
padding:10px;
height:20px;
width:100px;
font-weight:bold;
text-align:center;
position:absolute;
top:-18px;
left:20px;
}

#themenumid #move_me:hover {
background:url(movemenu.jpg) no-repeat bottom center;
}

#themenumid #close {
position:absolute;
top:-8px;
left:148px;
}
/*#############################################
START OF ABOUT PAGE CSS
#############################################*/
#homeface {
position:relative;
background: url(/images/BufferedBrain-movie.png) no-repeat center top;
height:500px;
width:530px;
margin:0 auto;
}

#hometype  {
position:absolute;
left:75px;
top:300px;
background:#000000;
font-family: Arial;
font-size:12px;
font-weight:normal;
color:#FFFF00;
padding:2px 10px 2px 10px;
margin:0;
border:#FFFFFF solid 1px;
text-decoration:none;
}
#maincontent #hometype a:link, #maincontent #hometype a:visited, #maincontent #hometype a:hover, #maincontent #hometype a:active  {
  text-decoration:none;
  color:#ffffff;
}

dl#the_image_map{
    margin:0;
	height: 500px;
	width: 530px;
	position: relative;
	padding:0;
}

/* ---------- Hotspot Declarations ---------- */
dd#mainpagelink a{         position: absolute; width: 436px; height: 475px; top: 7px; left: 48px; text-decoration: none;}
dd#mainpagelink a:hover {  position: absolute; width: 436px; height: 475px; top: 7px; left: 48px; text-decoration: none;}


/*#############################################
           SITEMAP CSS START
#############################################*/
#toppages, #bottompages {
position:relative;
width:780px;
text-align:center;
margin:0 auto;
}

#mainpages .thespans, #flashpages .thespans, #javascriptpages .thespans, #perlpages .thespans {
padding: 0 0 0 30px;
}

#toppages #mainpages, #toppages #flashpages, #bottompages #javascriptpages, #bottompages #perlpages {
float:left;
border:0;
margin:5px;
width:300px;
height:280px;
padding:10px 0 0 0;
/*background:#FFFFFF;*/
text-align:left;
}

#toppages #mainpages p, #toppages #flashpages p, #bottompages #javascriptpages p, #bottompages #perlpages p {
color:#993300;
font-weight:bold;
text-indent:5px;
}

/*#############################################
            WEB CSS STARTS HERE
##############################################*/

#webDetails1 #customers {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#webDetails1 p, #webDetails2 p, #webDetails3 p, #webDetails4 p {
	background:#000000;
	color:#FFFFFF;
	font-weight:bold;
	padding: 3px 0 3px 20px;
}

.thespans {
	padding:0 0 0 20px;
}

.customer {
	float:left;
	width:175px;
	border:#6666CC solid 1px;
	margin:1px;
}

.customer2 {
	border:#FFFFFF solid 1px;
	margin:1px;
	padding:1px;
}
 
.customer a {
	display:block;
	width:165px;
	padding:0 0 0 10px;
}
 
.customer a:link {
background:#CCFF66;
}
.customer a:visited {
background:#CCFF66;
}
.customer a:hover {
background:#333333;
color:#00FFFF;
}
.customer a:active {
background:#CCFF66;
}
 
/*#############################################
            HERE 
##############################################*/
#resMenu {
	z-index:91;
	background:#FFFFFF;
	width:800px;
	height:85px;
	margin:0;
	padding:0;
	border-left:#990000 solid 1px;
	border-right:#990000 solid 1px;
	border-bottom:#990000 solid 1px;
}
.resSection {
	text-align:left;
	margin:0;
	padding:0;
	/*background:#FFFFFF;*/
	width:800px;
	height:auto;
	min-height:300px;
}
#resSection01 {
	position:absolute;
	left: 0px;
	top:70px;
	z-index:50;
	width:790px;
	padding:0 5px 0 5px;;
}
#resSection02 {
	position:absolute;
	left: 0px;
	top: 70px;
	z-index:50;
	width:790px;
	padding:0 5px 0 5px;;
}
#resSection03 {
	position:absolute;
	left: 0px;
	top: 70px;
	z-index:50;
	width:790px;
	padding:0 5px 0 5px;;
}
#resSection04 {
	position:absolute;
	left: 0px;
	top: 70px;
	z-index:50;
	width:790px;
	padding:0 5px 0 5px;;
}
#resSection05 {
	position:absolute;
	left: 0px;
	top: 70px;
	z-index:50;
	width:790px;
	padding:0 5px 0 5px;;
}
#resSection06 {
	position:absolute;
	left: 0px;
	top: 70px;
	z-index:50;
	width:790px;
	padding:0 5px 0 5px;;
}

.body-copy {
	font-size: 12px;
	color: #FFFFFF;
}

.header {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #BBBBBB;
	margin:10px;
}
.main-header {
	font-size: 10px;
	color: #E5FFFF;
}
.big-header {
	font-size: medium;
	color: #C8C8C8;
}
.body-copy-b {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.body-subtle {
	font-size: 10px;
	color: #BCB4BA;
}
.header-white {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.big-header-dark {
	font-size: 24px;
	color: #666666;
	font-weight: bold;
}
.body-copy-wht {
	font-size: 12px;
	color: #FFFFFF;
}
/*##################################
            NEWS LAYER CSS
###################################*/
#newsPanel {
	position:absolute;
	top:380px;
	left:9px;
	background: url(/images/newspanel.png) center center no-repeat;
	padding:105px 37px 15px 53px;
	margin:0 auto;
	width:180px;
	height:200px;
	font-size:12px;
}
#newsPanelP {
	padding:1px 12px 0 0;
	margin:0 15px 0 0;
}

#TheHeader #photoDirs .imageSubDirs {
	padding:0;
	margin:1px;
}
#TheHeader #photoDirs a {
	padding:1px;
	margin:1px;
	border:#999999 solid 1px;
}

#TheHeader a {
	font-weight:bold;
}

#TheHeader a:link {
	/*background:#b05858;*/
	color:#FFFFFF;
}

#TheHeader a:visited {
	/*background:#b05858;*/
	color:#FFFFFF;
}

#TheHeader a:hover {
	/*background:#663333;*/
	color:#FFBB77;
}

#TheHeader a:active {
	/*background:#ad08c7;*/
	color:#FFBB77;
}