/* default font size*/
@import url(small.css);

#contents {
position : absolute; 
width : 390px; 
bottom:0px; 
right : 0px;
padding-right : 25px;
overflow:auto; 
height : 500px;
text-align : left;
color : #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size : 11pt;
}

div#css_buttons {
	position: absolute;
	right: 0px;
	width: 150px;
	height: 14px;
	text-align: right;
	top : -25px;
}

div#css_buttons img {
	margin-left: 3px;
}

body {
  height:100%; 
  max-height:100%; 
  background-color:#000000; 
  overflow: hidden; 
 margin:0px 0px; padding:0px; text-align:center;
 font-family: Arial, Verdana, Helvetica, sans-serif;
}

.heading{
font-family: Arial, Verdana, Helvetica, sans-serif;   font-size:17px;
line-height : 26px; font-weight : bold; margin-top : 8px;
}



#block_1 {
position : absolute;
height : 53px;
bottom : 0px;
left : 0px;
width : 126px;
background-color : #AAB;
z-index : 15;
display: block;
}

#block_2 {
position : absolute;
height : 53px;
bottom : 0px;
left : 126px;
width : 152px;
background-color : #333333;
z-index : 15;
display: block;
}

#strapline{
position : absolute;
bottom : 3px;
left : 25px;
font-family: arial, sans-serif; 
font-size : 9pt;
color : #ffffff;
z-index : 20;}

#company{
position : absolute;
bottom : 18px;
left : 10px;
font-family: arial, sans-serif; 
font-size : 23pt;
z-index : 20;
}

.red{color : #990000}
.gray {color: #AAB}

#container {
margin: 0 auto;
width: 704px;
height : 500px;
background-color : #000000; position : absolute;
top : 50%; left : 50%;
margin : -250px auto auto -352px;
z-index : 1;
 background:#666666;
}

#triangle {position : absolute;
left : 4px; 
top : -1px;
z-index : 10;}



#backgroundimage{ position : absolute;
left : 126px;
}

 #leftmenu {position : absolute; 
 left : 0px;
 width : 125px;  
height : 445px;
left : 0px; 
 background:#666666;
}
#shadow{margin: 0 auto;
width: 744px;
height : 540px;
position : absolute;
top : 50%; left : 50%;
margin : -270px auto auto -372px;
z-index : 0;}

/* menu systems */




		ul#navlist
		{ 
			width: 122px;
			padding: 0px;
			border: 1px solid #808080;
			border-top: 0px;
			margin: 0px;
			font: bold 12px arial, verdana,helvetica,sans-serif;
			background: #808080;
		}
		
		ul#navlist li
		{
			list-style: none;
			margin: 0px;
			border: 0px;
			border-top: 1px solid #808080;
		}
		
		ul#navlist li a
		{
			display: block;
			width: 86px;
			padding: 4px 8px 4px 8px;
			border: 0px;
			border-left: 20px solid #AAB;
			background: #666666;
			text-decoration: none;
			text-align: left;
		}
		
		ul#navlist li a:link { color: #fff; }
		ul#navlist li a:visited { color: #fff; }

		div#navcontainer li a:visited { color: #fff; }
		
		ul#navlist li a:hover
		{
			border-color: #cc0000;
			color: #ffffff;
			background: #333333;
		}



 #custom {
	}
	
	
	
	#custom ul {
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		}

	#custom li, #custom-gen li {
		list-style-image: none;
		list-style-type: none;
		}
		
		
		

#avenues {
position : absolute;
right : 0px;
bottom : -20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #333333;} 
	
* html #avenues {position:absolute;}

 a.avenues:visited {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
		text-decoration: none;
	color: #FF6600;}
	
a.avenues:link {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
		text-decoration: none;
color: #FF6600;	
}
a.avenues:hover {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #ffffff;	
}
a.avenues:active {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
		text-decoration: none;
	color: #FF6600;
	}
		
		
		
#projects {position : absolute; height : 445px; width : 152px; left : 126px; top : 0px;}

.inputform {position : absolute; left : 10px; bottom : 10px; width : 335px;}


#map {position : absolute; right : 10px; color : #ffffff;
z-index : 100; bottom : 10px;
}


.texta {
color:#ffffff; background:#666666; 		border: 1px solid #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size : 12px; padding-top : 4px; padding-left: 4px; margin-top : 5px;
}


.projectthumbs1{ position : absolute; top : 0px; left : 0px;
border-top : 2px solid #666666; height : 74px; width : 152px;}


.projectthumbs2{ position : absolute; top : 75px; left : 0px;
border-top : 2px solid #666666; height : 74px; width : 152px;}

.projectthumbs3{ position : absolute; top : 150px; left : 0px;
border-top : 2px solid #666666; height : 74px; width : 152px;}

.projectthumbs4{ position : absolute; top : 224px; left : 0px;
border-top : 2px solid #666666; height : 74px; width : 152px;}

.projectthumbs5{ position : absolute; top : 298px; left : 0px;
border-top : 2px solid #666666; height : 74px; width : 152px;}

.projectthumbs6{ position : absolute; top : 372px; left : 0px;
border-top : 2px solid #666666; height : 74px; width : 152px;}


.projectpicture{
text-align : center; margin-top : 5px;}



.telblock1{ position : absolute; width : 15px; left : 0; text-align : right;}
.telblock2{  position : absolute; left: 20px; text-align : left;}