body {
background:url(../images/tile_02.gif) repeat-x #373737;
margin:-426px 0px 0px 0px; padding:0;
text-align:center;

}
#wrapper {
margin:auto;
width:878px;
text-align:left;

}
#logo {
width:483px;
height:126px;
background:url(../images/logo.gif) no-repeat;
float:left;
}
#nav {
width:300px;
height:126px;
float:right;
clear:right;

}

#contactform  {
width:249px;
height:426px;
position:relative;
top:426px;
left:329px;
z-index:12;
}


#menu {
float:right;
}
#topcontent {
width:878px;
height:360px;
float:left;
clear:both;
}

#flash {
width:604px;
height:360px;
float:left;
}
#welcome {
width:274px;
height:360px;
background:url(../images/weclome.gif) no-repeat;
float:left;
scrollbar-face-color: #343434;
scrollbar-shadow-color: #343434;
scrollbar-highlight-color: #343434;
scrollbar-3dlight-color: #343434;
scrollbar-darkshadow-color: #343434;
scrollbar-track-color: #464646;
scrollbar-arrow-color: #fff;
}


#texthome {
width:230px;
height:260px;
overflow:auto;
margin:65px 12px 0px 21px;
padding-right:10px;
}
p {
font-family:arial;
font-size:12px; 
color:#999;
font-weight:normal;
}
a:link {
font-family:arial;
font-size:11px; 
color:#BEBCBC;
font-weight:normal;
text-decoration:underline;
}
a:visited {
font-family:arial;
font-size:11px; 
color:#BEBCBC;
font-weight:normal;
text-decoration:underline;
}
a:active{
font-family:arial;
font-size:11px; 
color:#BEBCBC;
font-weight:normal;
text-decoration:none;
}
a:hover {
font-family:arial;
font-size:11px; 
color:#333;
font-weight:normal;
text-decoration:none;
}
#btmcontent {
width:878px;
height:239px;
background:url(../images/div-lower.gif) repeat-x;
float:left;
clear:both;
}

#portfolio1	{ 
width: 214px; 
height: 152px; 
text-indent: 10000px; 
overflow: hidden; 
background:url(../images/feature1.gif) top left no-repeat; 
display: block;
float:left; 
} 
  
#portfolio1:hover{ 
background-position: bottom left; 
}

#portfolio2	{ 
width: 221px; 
height: 152px; 
text-indent: 10000px; 
overflow: hidden; 
background:url(../images/feature2.jpg) top left no-repeat; 
display: block;
float:left; 
} 
  
#portfolio2:hover{ 
background-position: bottom left; 
}

#portfolio3	{ 
width: 221px; 
height: 152px; 
text-indent: 10000px; 
overflow: hidden; 
background:url(../images/feature3.gif) top left no-repeat; 
display: block;
float:left; 
} 
  
#portfolio3:hover{ 
background-position: bottom left; 
}

#portfolio4	{ 
width: 221px; 
height: 152px; 
text-indent: 10000px; 
overflow: hidden; 
background:url(../images/feature4.jpg) top left no-repeat; 
display: block;
float:left; 
} 
  
#portfolio4:hover{ 
background-position: bottom left; 
}

a img {
border:none;
vertical-align: bottom;}

#footer {
width:878px; height:87px;
clear:both;
float:left;
background:url(../images/footer.gif) no-repeat;}



#button1	{ 
width: 74px; 
height: 20px;
padding-top:4px; 
overflow: hidden; 
background:url(../images/btn.gif) top left no-repeat; 
display: block;
float:left;
font-family:arial;
font-size:11px; 
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:center;
} 
  
#button1:hover{ 
background-position: bottom left; 
}

#button2	{ 
width: 74px; 
height: 20px;
padding-top:4px; 
overflow: hidden; 
background:url(../images/btn.gif) top left no-repeat; 
display: block;
float:left;
font-family:arial;
font-size:11px; 
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:center;
} 
  
#button2:hover{ 
background-position: bottom left; 
}

#button3	{ 
width: 74px; 
height: 20px;
padding-top:4px; 
overflow: hidden; 
background:url(../images/btn.gif) top left no-repeat; 
display: block;
float:left;
font-family:arial;
font-size:11px; 
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:center;
} 
  
#button3:hover{ 
background-position: bottom left; 
}
#button4	{ 
width: 74px; 
height: 20px;
padding-top:4px; 
overflow: hidden; 
background:url(../images/btn.gif) top left no-repeat; 
display: block;
float:left;
font-family:arial;
font-size:11px; 
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:center;
} 
  
#button4:hover{ 
background-position: bottom left; 
}
.porfoliowrap{
background:url(../images/portfolio-backer.gif) no-repeat;
padding:0px 0px 0px 17px;
width:856px;
height:347px;

}

#portfoliowrap{
background:url(../images/about-backer.jpg) no-repeat;
padding:67px 0px 0px 19px;
width:854px;
height:290px;

}

#about {
width:370px;
height:260px;
float:left;
overflow:auto;
scrollbar-face-color: #343434;
scrollbar-shadow-color: #343434;
scrollbar-highlight-color: #343434;
scrollbar-3dlight-color: #343434;
scrollbar-darkshadow-color: #343434;
scrollbar-track-color: #464646;
scrollbar-arrow-color: #fff;
padding-right:10px;
}

#software {
width:240px;
height:270px;
margin-left:42px;
float:left;
}

#flashb {
width:146px;
height:270px;
margin-left:35px;
float:left;
}

#portfoliocontent{

width:836px;
height:250px;
overflow:auto;
margin-top:70px;
float:left;
clear:right;
scrollbar-face-color: #343434;
scrollbar-shadow-color: #343434;
scrollbar-highlight-color: #343434;
scrollbar-3dlight-color: #343434;
scrollbar-darkshadow-color: #343434;
scrollbar-track-color: #464646;
scrollbar-arrow-color: #fff;
}
.rowport{
width:816px;
height:191px;
float:left;
clear:both;
}
.portfolio {

width:202px;
height:171px;
float:left;
margin-top:20px;

}
.portdescriptor {
background:#1E1E1E;
width:171px;
height:33px;
float:left;
clear:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px; font-weight:bold;
color:#fff; padding:7px;
border:#444343 solid 1px;

}
.portimg {
width:187px;
height:122px;
}
.portfolio2:link	{ 
font-family:Arial, Helvetica, sans-serif;
font-size:11px; font-weight:normal;
text-decoration:none;
color:#fff;
display:block;
}

.portfolio2:visited{ 
color:#fff;
text-decoration:none;
}

.portfolio2:active{ 
color:#fff;
text-decoration:none;
}
.portfolio2:hover{ 
color:#fff;
text-decoration:underline;
}

#sublink {
	width: 848px;
	height:239px;
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	
	

	}
	strong {
font-family:Arial, Helvetica, sans-serif;
font-size:11px; font-weight:bold;
color:#fff;	
	}
#sublink ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#sublink li {
		border-bottom: 1px solid #424242;
		margin: 0;
	display:inside;
		}
#sublink li a {
		display: block;
		padding: 5px 12px 5px 16px;
		background:url(../images/link2.gif) no-repeat right;
		color: #BEBDBD;
		text-decoration: none;
		width: 100%;
		}

	html>body #sublink li a {
		width: auto;
		}

	#sublink li a:hover {
		background: #242424 url(../images/hover2.gif) no-repeat right;
		color: #fff;
		}