@charset "utf-8";


#container {
	width: 100%;
	height: 100%;
	display: table; 
}
	
#position {
	display: table-cell;
	vertical-align: middle; 
}

#content {
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #555;
}
h2 {
	color: #444;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
#wrapper{
 height:100%;
 width:100%;
 display:table;
 vertical-align:middle;
 overflow:hidden;
}
#outer{
 display:table-cell;
 vertical-align:middle;
}
#formwrap{
 position:relative;
 left:50%;
 float:left;
}
#inner{
 position:relative;
 text-align:right;
 left:-50%;
}
#wrap {
	width: 840px;
	position: relative;
	height: 611px;
	margin:0 auto;
	border:#808080 1px solid;
	text-align:left;
	z-index:2;
	}
	#wrapALD {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
 	margin-right: auto;
 	width: 840px;
	height: 610px;
 	text-align: left;
	border: 1px solid #808080;
	}
.profile{
	padding-top:10px;
	padding-left:10px
}
#IndexClick {
	visibility: visible;
	position: absolute;
	top: 500px;
	left: 526px;
	width: 86px;
	height: 22px;
}
#HeaderImage {
	visibility: visible;
	position: absolute;
	top: 52px;
	left: 100px;
	width: 637px;
	height: 190px;
}
#IndexLinkALD  {
	visibility: visible;
	position: absolute;
	top: 140px;
	left: 160px;
	width: 200px;
	height: 20px;
	z-index: 1;
}
#IndexLinkAUD  {
	visibility: visible;
	position: absolute;
	top: 140px;
	left: 480px;
	width: 200px;
	height: 20px;
	z-index: 1;
}
#Profile  { 
	visibility: visible; 
	position: absolute; 
	top: 247px; 
	left: 100px; 
	width: 86px; 
	height: 22px;
}

#Projects {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 186px;
	width: 85px;
	height: 22px;
}
#Services {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 271px;
	width: 85px;
	height: 22px;
}

#Expertise {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 271px;
	width: 85px;
	height: 22px;
}
#ProjectsALD {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 186px;
	width: 85px;
	height: 22px;
}

#Process {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 356px;
	width: 85px;
	height: 22px;
}
#Fees {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 441px;
	width: 85px;
	height: 22px;
}

#Contact {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 526px;
	width: 86px;
	height: 22px;
}

#Clientlogin {
	visibility: visible;
	position: absolute;
	top: 247px;
	left: 650px;
	width: 86px;
	height: 22px;
}

#Atlantislogo {
	visibility: visible;
	position: absolute;
	top: 534px;
	left: 756px;
	width: 74px;
	height: 64px;
}

#Description {
	visibility: visible;
	position: absolute;
	top: 308px;
	left: 100px;
	width: 640px;
	height: 150;
	z-index: 2;
}

#Description02 {
	visibility: visible;
	position: absolute;
	z-index: 2;
	top: 345px;
	left: 100px;
	width: 727px;
	height: 128px;
}

#BoxProjectImage {
	visibility: visible;
	position: absolute;
	top: 273px;
	bottom: 0;
	left: 415px;
	width: 320px;
	height: 320px;
}

#ProjectBox01 {
	visibility: visible;
	position: absolute;
	top: 470px;
	left: -1px;
	width: 140px;
	height: 140px;
	background-color: #FFFFFF;
	border-color: #808080;
	z-index: 1;
}
#ProjectBox02 {
	visibility: visible;
	position: absolute;
	top: 470px;
	left: 139px;
	width: 140px;
	height: 140px;
	border-color: #808080;
	z-index: 1;
}
#ProjectBox03 {
	visibility: visible;
	position: absolute;
	top: 470px;
	left: 279px;
	width: 140px;
	height: 140px;
	border-color: #808080;
	z-index: 1;
}
#ProjectBox04 {
	visibility: visible;
	position: absolute;
	top: 470px;
	left: 419px;
	width: 140px;
	height: 140px;
	border-color: #808080;
	z-index: 1;
}
#ProjectBox05 {
	visibility: visible;
	position: absolute;
	top: 470px;
	left: 559px;
	width: 140px;
	height: 140px;
	border-color: #808080;
	z-index: 1;
}
#ProjectBox06 {
	visibility: visible;
	position: absolute;
	top: 470px;
	right: -1px;
	width: 142px;
	height: 140px;
	border-color: #808080;
	z-index: 1;
}

#LogoAtlantis {
	visibility: visible;
	position: absolute;
	top: 15px;
	left: 98px;
	width: 283px;
	height: 18px;
	z-index: 2;
}

#LogoAtlantisIndex {
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 348px;
	width: 50px;
	height: 50px;
	z-index: 2;
}

#LogoAtlantisIndexALD {
	visibility: visible;
	position: absolute;
	top: 262px;
	left: 98px;
	width: 190px;
	height: 18px;
	z-index: 2;
	bottom: -1px;
}

#CardAtlantisIndex {
	visibility: visible;
	position: absolute;
	top: 262px;
	left: 348px;
	width: px;
	height: 50px;
	z-index: 2;
}

#CardAtlantisIndexALD {
	visibility: visible;
	position: absolute;
	top: 162px;
	left: 100px;
	width: 318px;
	height: 190px;
	z-index: 2;
	bottom: -1px;
}

#DescriptionIndexALD {
	visibility: visible;
	position: absolute;
	z-index: 2;
	top: 150px;
	left: 100px;
	width: 200px;
	height: 22px;
	color: #009900;
}

#LogoAtlantisIndexAUD {
	visibility: visible;
	position: absolute;
	top: 262px;
	left: 498px;
	width: 241px;
	height: 18px;
	z-index: 2;
}

#DescriptionIndexAUD {
	visibility: visible;
	position: absolute;
	z-index: 2;
	top: 162px;
	left: 418px;
	width: 318px;
	height: 190px;
}

#AILAlogo { 
	visibility: visible; 
	position: absolute; 
	z-index: 2; 
	top: 508px; 
	left: 352px; 
	width: 129px; 
	height: 118px;
}
#home {
	visibility: visible;
	position: absolute;
	top: 17px;
	left: 15px;
	width: 25px;
	height: 18px;
}
#homeALD {
	visibility: visible;
	position: absolute;
	top: 320px;
	left: 210px;
	width: 88px;
	height: 63px;
}
#homeAUD {
	visibility: visible;
	position: absolute;
	top: 320px;
	left: 530px;
	width: 88px;
	height: 63px;
}
#Footer1  {
	visibility: visible;
	position: absolute;
	top: 615px;
	left: 0px;
	width: 550px;
	height: 20px;
	color: #999999;
}
#Footer2  {
	visibility: visible;
	position: absolute;
	top: 615px;
	left: 580px;
	width: 260px;
	height: 20px;
	color: #999999;
}
#login_form         {
	visibility: visible;
	position: absolute;
	top: 390px;
	left: 200px;
	width: 430px;
	height: 170px;
}
#login_error {
	visibility: visible;
	position: absolute;
	top: 500px;
	left: 200px;
	width: 430px;
	height: 50px;
}

label {
	display: block;
	width: 100px;
	margin-left: 145px;
}
form {

}

input {
	margin-left: 145px;
}
.login {
	margin-left: 192px;
	font-family: Lucida-Grande, Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
}
.login_top {
	margin-top: 15px;
}


a {
	color: #555;
	text-decoration: none;
}
.required {
	font-weight: bold;
	color: #F00;
}

a:link {
	color: #555;
	text-decoration: none;
}

a:hover {
	color: #6699FF;
	text-decoration: none;
}

* {margin:0;padding:0}
html,body{height:100%;
}


/* for scroll */

#ProjectDescription01 #container { position:absolute; top:3px; width:270px; height:90px; clip:rect(0 270 90 0); overflow:hidden; }
#ProjectDescription01 #content {
	position:absolute;
	width:270px;
}
#ProjectDescription01 #scrollUp { position:absolute; left:295px; top:0px; }
#ProjectDescription01 #scrollDn { position:absolute; left:295px; top:84px; }
#ProjectDescription01 #scrollbar { position:absolute; left:295px; top:8px; width:10px; height:80px; clip:rect(0 10 80 0); }
#ProjectDescription01 #thumb { position:absolute; left:0px; top:0px; background-color:#CCCCCC; layer-background-color:#CCCCCC; }
#ProjectDescription01 #thumbArrowUp, #ProjectDescription01 #thumbArrowDn { position:absolute; left:2px; visibility:hidden; }
#ProjectDescription01 #marker { position:absolute; left:1px; top:0px; width:8px; height:1px; clip:rect(0 10 1 0); background-color:#CCCCCC; layer-background-color:#CCCCCC; visibility:hidden; }
#ProjectDescription01 #scrollerMo5Shim { position:absolute; left:0px; top:1px; width:1px; height:1px; }
#ProjectDescription01 #elevUp, #ProjectDescription01 #elevDn { position:absolute; left:0px; top:0px; width:10px; height:84px; overflow:hidden; clip:rect(0 10 84 0); }

.flashlink{
display:block; 
clear:both;
position: absolute; 
opacity: 0; 
top: 0px; 
-moz-background-clip:-moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial; 
z-index: 888;
}
#BoxNav01 a img,
#BoxNav02 a img,
#BoxNav03 a img,
#BoxNav04 a img {
   border-color: #CCC;
}
.style8 {
	color: #FF0000;
}

#slideshow { float: left;}
#nav { width: 270px; margin: 15px; float: left }
#nav li { width: 40px; float: left; margin: 0px; list-style: none }
#nav a { width: 40px; padding: 1px; display: block; border: 1px solid #808080; }
#nav a.activeSlide { background: #6699FF}
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
pre { clear: left }
.pics { height: 326px; width: 326px; padding:0; margin:0; overflow: hidden }
.pics img { height: 320px; width: 320px; padding: 0px; border: 1px solid #808080; background-color: #eee; top:0; left:0 }
.headerimage{
 display:none;
}
.HeaderCycle{
}
.HeaderCycle img{
	display:none;
}