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


html, body {
	height:100%;

}

table#vertcent {
	height:100%;
}

body {
	background-color:#dcdddf;
	background-image:url(../images/background.png);
	font-family:sans-serif;
	font-size:13px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#9a9a9a;
	margin: 0;
}

h2 {
	font-family: sans-serif;
	font-style:italic;
	font-size:12px;
	letter-spacing:1pt;
	color:#FFF;
	margin: 0;
}

a				{
	font-family:sans-serif;
	font-size:15px;
	color:#FFF;
	margin: 0;
	font-weight: bold;
				}

a.email				{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #999966;
				font-weight: bold;
				}

#container {
	margin:0 auto;
	text-align:left;
	width:1000px;
	vertical-align:middle;
}



#top {
	width:100%;
	height:260px;
}

	#logo {
		background-image:url(../images/indalo_logo.jpg);
		width:300px;
		height:260px;;
		float:left;
	}
		
	#image_sm {
		width:200px;
		height:260px;
		float:left;
	}
		
	#menu {
			background-image:url(../images/menu_bkg.jpg);
			width:500px;
			height:260px;
			float:left;
	}
		
			#menu_top {
				width:100%;
				height:234px;
				text-align:right;

			}

			#up_top {
				padding-top:10px;
				margin-right:10px;
				vertical-align:middle;

			}
			
			#menu_bottom {
				width:100%;
			}
	
			table#nav {
				border:0px;
				width:100%;
				color:#FFF;
			}
			
			table#nav a {
				color:#FFF;
				text-decoration:none;
			}
	
			/*drop up menu*/
	

		
	#bottom {
		height:380px;
		width:100%;
	}
	
		#main {
			width:460px;
			padding:20px;
			height:340px;
			background-image:url(../images/bg_txt.jpg);
			float:left;
		}
		
		#image_b {
			width:500px;
			height:380px;
			float:left;
		}
		
	#portfolio {
		height:380px;
		width:1000px;
	}


.clear {
	clear:both;
}#top #menu #menu_bottom #nav tr td {
	text-align: center;
}

#portfolio .gallerydesctext{
text-align: left;
font-size:14px;
font-weight:bold;
padding: 8px 8px;
}

#contact {
text-align: left;
font-size:14px;
font-weight:bold;
padding: 8px 8px;
}

#clock {
		height:380px;
		width:1000px;
		background-color:#636563;
		text-align:center;
		vertical-align:middle;
	}
	
#aboutus {
		height:380px;
		width:1000px;
		background-color:#424242;
		text-align:center;
		vertical-align:top;
	}
	
#services {
	height:380px;
	width:1000px;
	background-color:#424242;
	text-align:center;
	vertical-align:top;
}

#footer {
		height:20px;
		width:1000px;
		background-color:#000000;
		text-align:center;
		padding-top:6px;
		color:#ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

#staffphotos img { border: 0; }

.hl { opacity:0.4; filter:alpha(opacity=40); cursor: pointer; }
.staffdesc { display: none; }
.default { display: block; }
.defaultphoto { opacity:1; filter:alpha(opacity=100); cursor: pointer; };
.photoclick { opacity:1; filter:alpha(opacity=100); cursor: pointer; }
.photoclickout { opacity:0.4; filter:alpha(opacity=40); cursor: pointer; }
	
#left {background-color:#424242;float:left;}
#left_team {background-color:#424242;float:left; width:500px; background-image:url(../images/bg_main.jpg)}
#left_map {background-color:#424242;float:left; width:1000px; height:380px;}
#right {width:480px;height:380px;float:right;background-color:#a7a9ac;text-align:left;padding-left:20px; background-image:url(../images/bg_txt.jpg)}
#picture {float:left;}
#picture_out {float:right;}

.txt 					{
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #FFFFFF;
							line-height: 20px;
							}
#password {width:80px;height:16px;}
#username {width:80px;height:16px;}

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:18px;
}

#nav a{
display:block;
padding:4px 12px;
border:0px solid #333;
color:#fff;
text-decoration:none;

}

#nav a:hover{
background-color:#ba1c1b;
color:#fff;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul{
position:absolute;
display:none;
top:11px;
}

#nav li ul a{
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:204px;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
