body {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 10px;
line-height: 1.5em;

}
td.1 {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 11px;
}

td.q {
letter-spacing: 3px;
font-family: Georgia, serif;
font-size: 180%;
padding: 10px 0 0px 0;
color: #426197;
}
td.a {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 11px;
}
		/*TOP BANNER*/
#header {
padding: 8px;
border-bottom: 1px solid #fff;
background: #225189  url(images/skyscraper2.jpg) top left repeat-x;
}

#header h1 {
padding: 0;
margin: 0;
font-family: tahoma, helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #fff;
}

.font12 {
padding: 0;
margin: 0;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #000;
}
.fontt {
padding: 0;
margin: 0;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000;
}



		/* TOP NAVIGATION */
#nav {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #ccc;
}

#nav li {
float: left;
margin: 0;
padding: 0;
}

#nav a {
float: left;
display: block;
padding: 0.5em 2em 0.5em 0.5em;
text-decoration: none;
font-size: 12px;
color: #DE0404;
background: #ccc url(images/slant.jpg) no-repeat top right;
}

#nav #nav-1 a {
padding-left: 5px;
}

#nav a:hover {
color: #00f;
}
#nav a:active {
color: #c00000;
}

		/*MAIN CONTAINER*/
#container {
margin: 0 auto;
padding: 0;
width: 800px;
height: 40px;
}
#contentleft {
float: left;
margin-top: 8px;
width: 470px;
padding: 0 1em 1em 1em;
}
#contentleft2 {
float: left;
margin-top: 8px;
width: 480px;
padding: 0 1em 1em 1em;
}
#contentleft3 {
float: left;
margin-top: 40px;
width: 750px;
padding: 0 1em 1em 1em;
background: #ccc url(images/boxback2.jpg) ;
border: 1px solid #B6B2B2;
}

#contentright {
float: right;
margin-top: 60px;
width:230px;
padding: 0 1em 1em 1em;
background: #ccc url(images/boxback.jpg) ;
border: 1px solid #B6B2B2;
}

#contentright2 {
float: right;
margin-top: 40px;
width:230px;
padding: 0 1em 1em 1em;
background: #ccc url(images/boxback.jpg) ;
border: 1px solid #B6B2B2;
}

#contentright4 {
float: right;
margin-top: 40px;
width:260px;
background: url(images/boxback.jpg) ;
}

#contentright3 {
float: right;
margin-top: 60px;
padding: 0 1em 1em 1em;
}

		
table.footer {
font-size: 10px;
background: #ccc;
color: #000;
border-top: 1px solid #536C94;
}
		/*TYPOGRAPHY */
h1 {
font-family: Georgia, serif;
font-size: 250%;
padding: 30px 0 10px 0;
color: #426197;
}	

h2 {
font-family: verdana, sans-serif;
font-size: 180%;
padding: 20px 0 10px 0;
color: #333;
}
		/*LINKS*/	
a:link, a:visited {
color : #080;
background : inherit;
text-decoration : none;
font-weight: bold;
}
a:hover {
color : #73868c;
background : inherit;
text-decoration : none;
}	



.navlist ul li {
list-style-image : url(images/arrow.gif);
padding-left : 5px;
margin-bottom : 0;
} 
a img {
border: none;	
}
		/* IMAGES */	
.imgleft { 
float : left;
padding : 5px;
margin-right : 10px;
} 
.imgright { 
float : right;
padding : 5px;
margin-left : 10px;
} 
		/*3 COLUMNS*/
#bottom {
margin: 0 auto;
width: 770px;
}
#bottom h1 {
margin: 0;
letter-spacing: 3px;
font-family: Georgia, sans-serif;
font-size: 130%;
padding: 10px 0 10px 40px;
color: #73868c;
}
.col3,.col3center {
float: left;
width: 33%;
margin-bottom: 20px;
}
.col3center {
margin: 0;
}



ul#gallery {
  padding:0; 
  margin:0; 
  width:770px; 
  height:300px; 
 position:absolute;
left:100px;
top:130px;

  }
#gallery li {
  list-style-type:none; 
  width:70px; 
  height:48px; 
  float:left; 
  z-index:100;
  
  }
#gallery li.lft {
  float:left; 
  clear:left;
  
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  background: #ccc url(portfolio/main.jpg);
  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #000; 
  z-index:100;
  }
#gallery a:hover {
  width:100px; 
  height:; 
  padding:40px 150px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  position:relative; 
  width:475px; 
  height:300px; 
  border: 1px; 
  z-index:20;
  }

/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px;
  margin-right:-2px; 
  width:448px; 
  font-size:0;
 
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background: #ccc ; 
  width:320px; 
  height:240px; 
  padding:10px 64px; 
  position:absolute; 
  left:-2px; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#ccc url(images/boxback.jpg); 
  position:relative; 
  width:320px; 
  height:240px; 
  border: 1px; 
  z-index:10;
  }