@charset "UTF-8";
/* CSS Document */

/******************* Reset Styles *******************/
html, body, h1, h2, img, a { margin: 0px; padding: 0px; }

html {
    overflow: scroll;
    margin-bottom: -17px;
}


/******************* General Styles *******************/
h1 span { display: none; }

h2 {
color: #2e2e2e;
font-size: 1em;
text-align: left;
float: left;
margin: 5px 0px 0px 20px;
}


h2 a:link, h2 a:visited
{
border-bottom: 1px solid #ececec;
}

a:link, a:visited {
border-bottom: 1px solid #cccccc;
color: #2E6D97;
}

a:hover, a:visited:hover { border-bottom: 1px solid #8BADC5; }

a:active, a:visited:active { border-bottom: 1px solid #2E6C96; }

a img, img { border-width: 0px !important; }
a { text-decoration: none; }

.shadow, #footer a { border-bottom-width: 0px !important; }

.collapse {
display: block;
list-style-type: none; 
list-style-position: inside; 
margin: 0px; 
padding: 0px;
}

.collapse li {
display: inline;
list-style-type: none; 
}

/******************* Structural Styles *******************/
body {
background: #212121 url(../images/2008html_bg.png) repeat-x top left;
color: #2e2e2e;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%; 
text-align: center; /* center things in <= IE6 */
vertical-align: baseline;
}

#container {
background: #ffffff url(../images/footer_bg.png) repeat-x bottom left;
border: 1px solid #2e2e2e;
margin: 0 auto;
text-align: left;
width: 970px;
}

.latest {
width: 350px;
top: 0px;
float: left;
padding-left: 5px;
}

#header {
border-bottom: 1px solid black;
height: 84px;
width: 930px;
margin: 5px 20px 0px 20px;
position: relative;
}

	#header  h1 {
	background: url(../images/2008logo.png) no-repeat top left;
	height: 79px;
	width: 247px;
	position: absolute;
	top: 5px; left: 0px;
	}
	
	#helper	{
	font-size: .7em;
	line-height: 1.75em;
	width: 675px;
	position: absolute;
	bottom: 0px; right: 0px;	
	}
	
		#quicklinks { float: right; }
		
		#quicklinks li { padding-right: 5px; }
	
		#contact { float: right;}
		
		#contact li { padding-left: 10px; }
		#contact img { padding-right: 3px; }
	
	#splash {
	height: 200px;
	width: 700px;
	position: absolute;
	top: 30px; left: 200px;
	}

#content {
background: #ffffff;
font-size: .75em;
line-height: 1.75em;
margin: 1.5em 0px 1em 20px;
width: 950px;
}

	#content img {
	position: relative;
	margin-top: 0px;
	margin-left: 5px;
	float: right;
	clear: right;
	}
	
	#content ul {
	display: block;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0px; 
	padding: 0px;
	}
	
	#content li {
	display: inline;
	list-style-type: none; 
	}
	
	#content iframe {
	margin: 10px 0 px 20px 0px;
	float: left;
	}
	
.photopage {
background: #ffffff;
font-size: .75em;
line-height: 1.75em;
margin: 1.5em 0px 1em 20px;
width: 950px;
height: 500px;
min-height:500px;
}
	
#photoid {
width:225px; 
height:15px; 
position: relative;
float: right;
top:0; 
margin-right: 5px; 
border-bottom:1px solid #ddd; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 1em; 
color:#2E6D97;
z-index: 600;
clear:both;
}

#subNav {
width: 200px;
margin: 10px 0px 0px 0px;
border-right-style: solid;
border-right-color: #d1d1d1;
border-right-width: 1px;
height: 300px;
min-height: 300px;
float: left;
}	

	#subNav ul {
	display: block;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0px; 
	padding: 0px;
	}
	
	#subNav li {
	display: block;
	list-style-type: none; 
	margin: 10px 10px 10px 10px;
	}
	
	#subNav a:link
	{
	color: #787878;
	border-bottom: none;
	}

	#subNav a:visited
	{
	color: #787878;
	border-bottom: none;
	}

	#subNav a:hover
	{
	color: #9a9a9a;
	border-bottom: 1px solid #8BADC5;
	}

	#subNav a:active
	{
	color: #787878;
	border-bottom: none;
	}
#sbCopy {
width: 190px;
height: 300px;
margin: 0px 0px 0px 10px;
float: left;
text-align: justify;
}

#sbImg {
width: 505px;
height: 405px;
margin: 0px 0px 0px 10px;
float: left;
}

#ctCopy {
width: 300px;
height: 350px;
margin: 20px 0px 0px 50px;
float: left;
text-align: justify;
}

#ctImg {
width: 500px;
height: 350px;
margin: 0px 0px 0px 10px;
float: left;
}


#pjctImg {
width: 700px;
height: 450px;
margin: 0px 20px 0px 0px;
float:left;
padding-left: 20px;
}


#demo {
width: 425px;
float: left;
height: 300px;
}	

#demoBox {
width: 375px;
float: left;
margin-left: 20px;
}	
 .aboutTH {
 position: relative;
 width: 930px;
 float: right;
 margin-right: 20px;
 }
 
  .about {
 position: relative;
 width: 700px;
 height: 350px;
 float: right;
 margin-right: 20px;
 }

.date {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-weight: bold;
color:#2E6D97;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-bottom-width: 1px;
width: 600px;
}

#thumbnails {
background:#FFFFFF;
width: 130px;
height: 400px;
max-height:400px;
overflow:auto;
scrollbar-face-color:#e6e6e6;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#8b8b8b;
}

	#thumbnails img {
	margin-bottom: 5px;
	}

#thumbText {
border-right-style: solid;
border-right-color: #d1d1d1;
border-right-width: 1px;
background:#FFFFFF;
width: 130px;
height: 400px;
max-height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .65em;
text-align: justify;
padding-right: 5px;
}

#pictures {
background:#FFFFFF;
width: 550px;
height: 420px;
max-height:420px;
}

.loginPg {
 position: relative;
 width: 720px;
 min-height: 500px;
 float: right;
 }

#contentClient {
background: #ffffff;
font-size: .75em;
line-height: 1.75em;
margin: 1.5em 0px 1em 20px;
width: 950px;
min-height: 675px;
}
 
.customer {
width: 375px;
float: left;
}

	.customer h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #006699;
	width: 300px;
	border-bottom-color:#CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

	.customer h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #006699;
	width: 300px;
	background-color: #f1f1f1;
	}
	
	.customer a:link
	{
	color: #787878;
	border-bottom: none;
	text-decoration: underline;
	}

	.customer a:visited
	{
	color: #787878;
	border-bottom: none;
	text-decoration: underline;
	}

	.customer a:hover
	{
	color: #9a9a9a;
	border-bottom: 1px solid #8BADC5;
	text-decoration: underline;
	}

	.customer a:active
	{
	color: #787878;
	border-bottom: none;
	text-decoration: underline;
	}
	
.notes {
width: 300px;
float: right;
background-color: #f1f1f1;
border-left-color: #cccccc;
border-left-style: solid;
border-left-width: 1px;
padding-left: 10px;
margin-right:10px;
}

	.notes h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #006699;
	width: 220px;
	border-bottom-color:#cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
	.notes h5 {
	color: #2e2e2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 220px;
	border-bottom-color:#006699;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
#subLogo {
width: 200px;
margin: 10px 0px 0px 0px;
border-right-style: solid;
border-right-color: #d1d1d1;
border-right-width: 1px;
height: 100px;
min-height: 100px;
float: left;
}	

#subNavLogin {
width: 200px;
margin: 10px 0px 0px 0px;
border-right-style: solid;
border-right-color: #d1d1d1;
border-right-width: 1px;
height: 150px;
min-height: 150px;
float: left;
}	

	#subNavLogin ul {
	display: block;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0px; 
	padding: 0px;
	}
	
	#subNavLogin li {
	display: block;
	list-style-type: none; 
	margin: 10px 10px 10px 10px;
	}
	
	#subNavLogin a:link
	{
	color: #787878;
	border-bottom: none;
	}

	#subNavLogin a:visited
	{
	color: #787878;
	border-bottom: none;
	}

	#subNavLogin a:hover
	{
	color: #9a9a9a;
	border-bottom: 1px solid #8BADC5;
	}

	#subNavLogin a:active
	{
	color: #787878;
	border-bottom: none;
	}


#footer {
clear: both;
background: #FFFFFF;
color: #2E6D97;
font-size: .65em;
height: 30px;
text-align: center;
margin: 0px 20px; 
}

	#footer ul 
	{
	display: block;
	list-style-type: none; 
	list-style-position: inside; 
	margin: 0px; 
	padding: 0px;
	width: 100%;
	}
	
	#footer li 
	{
	display: block;
	float: left;	
	list-style-type: none;	
	line-height: 30px
	}
	
#sec0 {position: absolute; top: 2px; left:5px; visibility:visible; z-index: 50;}
#sec1 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 100;}
#sec2 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 200;}
#sec3 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 300;}
#sec4 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 400;}
#sec5 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 500;}
#sec6 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 600;}
#sec7 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 700;}
#sec8 {position: absolute; top: 2px; left:5px; visibility:hidden; z-index: 800;}