/* CSS Document */

*	{margin:0;padding:0; border:0;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #141e57; font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
body,td,th {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.lefttd {background:url(images/bg_tile_l.jpg) repeat-x}
.righttd {background:url(images/bg_tile.jpg) repeat-x}

table.main {
	width: 100%; height:595px;border:0;
}

table.portfolio td {vertical-align:top; padding:10px 0; border-bottom:1px solid #336699;}


td.bg {background:url(images/bg.jpg) no-repeat; vertical-align:top;}


#access, h1, h2, h3, .hide {overflow: hidden; width: 0px; position: absolute; height: 0px}

h5 {color:#FFFF66; font-size:14px;}

#content {
	height:78px; 
	width:500px;	
	position:relative;
	left:115px;
	top:180px;}
	
#intro #content {
	height:78px; 
	width:520px;	
	position:relative;
	left:115px;
	top:160px;}
	
#left {float:left;width:60%;}
#right {float:right;width:35%; text-align:right;}

#portfolio .left {float:left;width:50%;}
#portfolio .right {float:right;width:50%; text-align:right;}

.left {float:left;width:50%;}
.right {float:right;width:50%; text-align:right;}
	
a {color:#FFFFFF; }
a:hover {text-decoration:none; color:#fff}	

#right a {color:#A8CBE0;  font-weight:bold; text-decoration:none;}
#right a:hover {color:#FFFFFF}

#bottom {color:#A8CBE0; font-size:11px; height:50px;}
#bottom img {padding-bottom:5px;}
#bottom a {color:#A8CBE0; text-decoration:none;}
#bottom a:hover {color:#fff}

ul li {list-style:none}


/* email roller */
p.email a
	{
	background: url("images/email.gif") 0px 0px no-repeat;
	width:60px;
	}
p.email a:hover
	{
	background: url("images/email.gif") 0px -12px no-repeat;
	}
	
.viewflashC ={width:243px; float:left}

a.viewflash
	{
	background: url("images/viewflash.gif") 0px 0px no-repeat;
	width:243px;display:block;float:left;
	}

a.viewflash:hover
	{
	background: url("images/viewflash.gif") 0px -43px no-repeat;
	width:243px;display:block;
	}
	
a.getflash
	{
	background: url("images/getflash.gif") 0px 0px no-repeat;
	width:259px;display:block;float:left;
	}

a.getflash:hover
	{
	background: url("images/getflash.gif") 0px -43px no-repeat;
	width:259px;display:block;
	}
a.viewhtml
	{
	background: url("images/viewhtml.gif") 0px 0px no-repeat;
	width:502px;display:block;float:left;height:40px;
	}

a.viewhtml:hover
	{
	background: url("images/viewhtml.gif") 0px -40px no-repeat;
	width:502px;display:block;
	}
	

/* ///////////////////////// TOPNAV ///////////////////////// */

#topnav 
	{ 
	position:relative;
	left:115px;
	top:120px;	
	width: 520px;
	white-space:nowrap;
	}

#topnav ul 
	{
	list-style: none;
	padding:0;margin:0;
	}

#topnav li 
	{
	float:left;
	}

#topnav li a 
	{
	display: block;
	text-decoration: none;
	height:41px;
	}
	
	#topnav li a span 
	{
	visibility:hidden;
	height:0px;
	}
	
	/* news*/
body#news #topnav li a.news
	{
	background: url("images/nav1.gif") 0px -41px no-repeat;
	}

#topnav li a.news
	{
	background: url("images/nav1.gif") 0px 0px no-repeat;
	width:74px;
	}

#topnav li a.news:hover 
	{
	background: url("images/nav1.gif") 0px -41px no-repeat;
	}
	
		/* about*/
body#about #topnav li a.about
	{
	background: url("images/nav2.gif") 0px -41px no-repeat;
	}

#topnav li a.about
	{
	background: url("images/nav2.gif") 0px 0px no-repeat;
	width:91px;
	}

#topnav li a.about:hover 
	{
	background: url("images/nav2.gif") 0px -41px no-repeat;
	}
	
			/* expertise*/
body#expertise #topnav li a.expertise
	{
	background: url("images/nav3.gif") 0px -41px no-repeat;
	}

#topnav li a.expertise
	{
	background: url("images/nav3.gif") 0px 0px no-repeat;
	width:140px;
	}

#topnav li a.expertise:hover 
	{
	background: url("images/nav3.gif") 0px -41px no-repeat;
	}
	
				/* portfolio*/
body#portfolio #topnav li a.portfolio
	{
	background: url("images/nav4.gif") 0px -41px no-repeat;
	}

#topnav li a.portfolio
	{
	background: url("images/nav4.gif") 0px 0px no-repeat;
	width:107px;
	}

#topnav li a.portfolio:hover 
	{
	background: url("images/nav4.gif") 0px -41px no-repeat;
	}
	
					/* clients*/
body#clients #topnav li a.clients
	{
	background: url("images/nav5.gif") 0px -41px no-repeat;
	}

#topnav li a.clients
	{
	background: url("images/nav5.gif") 0px 0px no-repeat;
	width:91px;
	}

#topnav li a.clients:hover 
	{
	background: url("images/nav5.gif") 0px -41px no-repeat;
	}