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

#supercontent {
	margin-top: 15px;
	margin-left: 50px;
	width: 800px;
	height: 1315px;
	background: url(img/contentgrad.gif) no-repeat;
	padding-bottom: 25px;
}

#superimage {
	margin-top: 23px;
	margin-left: 16px;
	width: 180px;
	height: 295px;
	float: left;
}

#supertext {
	width: 575px;
	_width: 565px;
	height: 271px;
	margin-left: 196px;
	_margin-left: 200px;
	padding-left: 17px;
	_padding-left: 10px;
	padding-top: 22px;
	padding-bottom: 25px;
}

#supertext2 {
	padding-left: 16px;
	padding-top: 16px;
	width: 784px;
}

#topclient {
	width: 355px;
	margin-right: 27px;
	_margin-right: 18px;
	float: left;
}

#topdivider {
	margin-top: 10px;
	*margin-top: 11px;
	margin-right: 2px;
	background: url(img/vert-sep.gif) no-repeat;
	width: 29px;
	height: 211px;
	float: left;
}

#topclientimgs {
	width: 131px;
	float: right;
	margin-right: 6px;
}

#topclientimg1 {
	background: url(img/port-sc-topimg.gif) no-repeat;
	width: 131px;
	height: 98px;
	margin-bottom: 18px;
	_margin-bottom: 9px;
}

#topclienthr {
	background: url(img/hori-sep.gif) center no-repeat;
	height: 1px;
	width: 131px;
	margin-bottom: 18px;
	_margin-bottom: 9px;
}

#topclientimg2 {
	background: url(img/port-sc-topimg2.gif) no-repeat;
	width: 131px;
	height: 98px;
}

#bottomclient1 {
	width: 355px;
	_margin-left: 8px;
	margin-bottom: 10px;
	float: left;
}

#bottomclient2 {
	width: 355px;
	margin-right: 16px;
	_margin-right: 10px;
	margin-bottom: 10px;
	float: right;
}

#clientimage {
	width: 355px;
	height: 98px;
	margin-bottom: 10px;
}

a.portitem img {
	border-width: 0px;
	width: 355px;
	height: 98px;
	background: top left no-repeat;
}

a#portitem1 img {
	background-image: url(img/port-sneakercut.jpg);
}

a#portitem1:hover img {
	background-image: url(img/port-sneakercut-ovr.gif);
}

a#portitem2 img {
	background-image: url(img/portfolio-prelude.gif);
}

a#portitem2:hover img {
	background-image: url(img/portfolio-prelude-ovr.gif);
}

a#portitem3 img {
	background-image: url(img/port-sasuke.gif);
}

a#portitem3:hover img {
	background-image: url(img/port-sasuke-ovr.gif);
}

a#portitem4 img{
	background-image: url(img/portfolio-gt.gif);
}

a#portitem4:hover img {
	background-image: url(img/portfolio-gt-ovr.gif);
}

a#portitem5 img{
	background-image: url(img/portfolio-animeism.gif);
}

a#portitem5:hover img {
	background-image: url(img/portfolio-animeism-ovr.gif);
}

a#portitem6 img{
	background-image: url(img/port-webremedy.gif);
}

a#portitem6:hover img {
	background-image: url(img/port-webremedy-ovr.gif);
}

a#portitem7 img{
	background-image: url(img/port-rukus.gif);
}

a#portitem7:hover img {
	background-image: url(img/port-rukus-ovr.gif);
}

a#portitem8 img{
	background-image: url(img/port-paidmarketers.gif);
}

a#portitem8:hover img {
	background-image: url(img/port-paidmarketers-ovr.gif);
}

a#portitem9 img{
	background-image: url(img/port-cmstheme1.gif);
}

a#portitem9:hover img {
	background-image: url(img/port-cmstheme1-ovr.gif);
}

a#portitem10 img{
	background-image: url(img/port-ipod.gif);
}

a#portitem10:hover img {
	background-image: url(img/port-ipod-ovr.gif);
}

a#portitem11 img{
	background-image: url(img/port-hhaik.gif);
}

a#portitem11:hover img {
	background-image: url(img/port-hhaik-ovr.gif);
}

a#portitem12 img{
	background-image: url(img/port-100adsense.gif);
}

a#portitem12:hover img {
	background-image: url(img/port-100adsense-ovr.gif);
}

#clienttitle {
	margin-top: 10px;
	font-size: 18px;
	color: #000000;
	float: left;
}

#clienttitle a:active, #clienttitle a:link, #clienttitle a:visited {
	font-size: 18px;
	font-weight: bold;
	color: #547aa4;
	text-decoration: none;
}

#clienttitle a:hover {
	text-decoration: underline;
}

#viewsitebut {
	float: right;
	width: 87px;
	height: 38px;
	margin-bottom: 16px;
	*margin-bottom: 0px;
}

#clienttext {
	clear: both;
	font-size: 11px;
	color: #000000;
}