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

body{
background-color:#333333;
margin:0px auto;
width:762px;
font-family:Arial, Helvetica, sans-serif;
padding:0.3em;
}
a {border:0px;}


.topbar{
background-color:#CCCCCC;
height:10px;
width:762px;
border:0px;
margin-bottom:5px;
}

.header{
background-color:#FFFFFF;
height:60px;
margin-bottom:5px;
padding-left:1em;
padding-right:1em;
}
.standardhead{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
font-weight:bold;
}

.standardlink{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
}
.standardlink a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:left;
text-decoration:none;
}
.standardlink a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-align:left;
text-decoration:underline;
}

.portfolioLinks{
width:45%;
float:left;
}
.portfolioinfo{
width:100%;
float:left;
}


.textframe{
float:right;
width:459px;
height:368px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
vertical-align:middle;
padding-left:25px;
padding-right:25px;
background:url(../images/textbg.png) repeat;
text-align:left;

}

.logo{
height:20px;
width:190px;
float:left
}

.basegrad{
height:150px;
width:762px;
background:url(../images/gradient.gif) repeat-x;
}

.spikyfish{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:1.3em;
}
.net{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:1.3em;
}
.home{
background:url(../images/4.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.aboutbg{
background:url(../images/about.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.extranetbg{
background:url(../images/extranet.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.portbg{
background:url(../images/portfolio.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}

.designbg{
background:url(../images/design.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.imagebg{
background:url(../images/image.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.conceptbg{
background:url(../images/concept.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.brandbg{
background:url(../images/brand.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}
.contactbg{
background:url(../images/4.jpg) no-repeat;
width:762px;
height:368px;
margin-bottom:5px;
}

p {vertical-align:middle;}



.content {
	width: 20em;
	padding: 1em 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
}
html>body .content {
	width: 20em;
} 

ul {
	list-style: none;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

.nav a {
	font-weight: normal;
	color:#333333;
}

.nav a {
	text-decoration: none;
}

.nav li li a {
	display: block;
	font-weight: normal;
	color:#999999;
	padding: 0.2em 10px;
}

.nav li li a:hover {
	padding: 0.4em 5px;
	border: 5px solid #CCCCCC;
	border-width: 0 5px;
	font-weight: bold;
}

.nav li a:hover {
	border-width: 0 5px;
	width:60px;
	font-weight: bold;
}

li {
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	width:60px;
	height:20px;
	text-align: center;
	cursor: default;
	background-color:#FFFFFF;
	border-width: 0px 0;
}