@charset "utf-8";
/* Coded by Matthew Rochow */
/* http://www.matthewrochow.com */

/* Defaults */
* {margin:0;outline:0;padding:0}
body {background:url(images/menu.gif) repeat-x;color:#FFF;font:0.88em Arial}
html {background:url(images/bg.gif) repeat-x left 49px #333}
h1 {background:url(images/loony.gif) no-repeat left bottom;clear:both;height:178px;margin:0 auto;padding:17px 0 0;text-indent:-5000px;width:574px}
h1 a {display:block;height:100%;width:100%}
img, fieldset {border:0}
p {margin:0 0 1em}
a:link{color: #35abc8;font-size: 12px; text-decoration: none;}
a:visited{color: #35abc8;font-size: 12px; text-decoration: none;}
a:hover{color: #7ebd72;font-size: 12px; text-decoration: none;}
/* Containers */
#page {margin:0 auto;width:780px}

/* Header */
#menu {padding:0 0 0 210px}
#menu li {float:left;list-style:none;text-indent:-5000px}
#menu li a {display:block;height:49px}
#menu li.home a {background:url(images/home.gif) no-repeat;width:55px}
#menu li.home a:hover {background:url(images/home-over.gif) no-repeat}
#menu li.games a {background:url(images/games.gif) no-repeat;width:68px}
#menu li.games a:hover {background:url(images/games-over.gif) no-repeat}
#menu li.sites a {background:url(images/sites.gif) no-repeat;width:49px}
#menu li.sites a:hover {background:url(images/sites-over.gif) no-repeat}
#menu li.webdesign a {background:url(images/webdesign.gif) no-repeat;width:96px}
#menu li.webdesign a:hover {background:url(images/webdesign-over.gif) no-repeat}
#menu li.graphicdesign a {background:url(images/graphicdesign.gif) no-repeat;width:126px}
#menu li.graphicdesign a:hover {background:url(images/graphicdesign-over.gif) no-repeat}
#menu li.hosting a {background:url(images/hosting.gif) no-repeat;width:72px}
#menu li.hosting a:hover {background:url(images/hosting-over.gif) no-repeat}
#menu li.contact a {background:url(images/contact.gif) no-repeat;width:94px}
#menu li.contact a:hover {background:url(images/contact-over.gif) no-repeat}

/* Body */
#main {background:url(images/mid.gif) repeat-y;margin:10px auto 0;overflow:hidden;width:717px}
#top {background:url(images/top.gif) no-repeat left top;overflow:hidden;}
#bottom {background:url(images/bottom.gif) no-repeat left bottom;padding:0 0 20px;overflow:hidden}
h2.game {background:url(images/our-game-sites.gif) no-repeat left center;height:25px;margin:0 auto;padding:15px 0;text-indent:-5000px;width:244px}
h3 a {display:block;height:72px;float:right;margin:10px 0 0;width:190px}
h3 a.banner {display:inline;float:left;margin:16px 0 0 5px;width:470px;height:60px}
h3.mobs {background:url(images/mobs-law.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.mobs-world {background:url(images/mobsters-world.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.notorious {background:url(images/notorious-online.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.drugz {background:url(images/drugz-n-thugz.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.alpha {background:url(images/alpha-crime.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.madhatter {background:url(images/mad-hatter.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.foto {background:url(images/foto.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.scam {background:url(images/scam.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.gbytes {background:url(images/gbytes.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.four {background:url(images/4x4.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hrw {background:url(images/hrw.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.tw {background:url(images/tw.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
#bottom .bottom {clear:both}

/* High Quality */
h3.hmobs {background:url(images/1.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hmobs-world {background:url(images/2.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hnotorious {background:url(images/3.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hdrugz {background:url(images/4.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.halpha {background:url(images/5.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hmadhatter {background:url(images/6.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.h4x4 {background:url(images/8.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hrw {background:url(images/10.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.tw {background:url(images/9.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hgb {background:url(images/7.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hfoto {background:url(images/foto.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hscam {background:url(images/scam.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}
h3.hgbytes {background:url(images/gbytes.jpg) no-repeat;height:82px;float:right;display:inline;margin:4px 1px 0 0;text-indent:-5000px;width:692px}

/* Subpage */
#subpage #bottom {padding:0 20px 20px}

/* Footer */
#footer {background:url(images/footer.gif) repeat-x;margin:10px 0 0}
#footer p {color:#FFF;margin:0 auto;padding:3px 0;width:780px}


.pagetitle {
	font-size: 2.2em;
	font-weight: bold;
	text-align:center;
	padding-bottom:10px;
	padding-left:210px;
	position:absolute;
}
.titlesub {
	font-size: 0.95em;
	font-weight: bold;
	padding-top:-15px;
	text-align:center;
	padding-left:235px;
	position:absolute;
}
.style1 {
	font-size: 2.2em;
	font-weight: bold;
	text-align:center;
}
.style2 {
	font-size: 1em;
	font-weight: bold;
}
.style3 {
	font-size: 2em;
	font-weight: bold;
}
.portsitename {
	font-size: 1.5em;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:7px;
	text-align:left;
	text-indent:10px;
}
.portsitename2 {
	font-size: 1.5em;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:7px;
	text-align:left;
	text-indent:10px;
	
}

.style5 {
	font-size: 0.88em;
	font-weight: bold;
	text-align:left;
	text-indent:10px;
}
.definition {
	font-size: 8px;
	font-style: italic;
	padding-top: 7px;
}
a.definition:link , a.definition:visited {
	color: #35abc8;font-size: 8px; text-decoration: none;
}
a.definition:hover{
	color: #7ebd72;font-size: 8px; text-decoration: none;
}

#imagecontainer{
	
	text-align:center;
	width:690px;
	margin-bottom:15px;
}
#imagecontainer2{
	
	text-align:center;
	width:690px;
	padding-bottom:15px;
}
#dynoim1{
	background:url(images/Portfolio/dyno1.jpg) no-repeat left center;
	height:195px;
	width:210px;  
  border: 0px solid #0000ff;
  float: left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}
#dynoim2{
	background:url(images/Portfolio/dyno2.jpg) no-repeat left center;
	height:195px;
	width:210px;
  border: 0px solid #0000ff;
  float: left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;

}
#dynoim3{
	background:url(images/Portfolio/dyno3.jpg) no-repeat left center;
	height:195px;
	width:210px;
  border: 0px solid #0000ff;
  float: left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}
#hotim1{
	background:url(images/Portfolio/hothc1.jpg) no-repeat left center;
	height:195px;
	width:210px;
  border: 0px solid #0000ff;
  float: left;
	margin-left:10px;
	margin-right:10px;
}
#hotim2{
	background:url(images/Portfolio/hothc2.jpg) no-repeat left center;
	height:195px;
	width:210px;
  border: 0px solid #0000ff;
  float: left;
	margin-left:10px;
	margin-right:10px;
}
#hotim3{
	background:url(images/Portfolio/hothc3.jpg) no-repeat left center;
	height:195px;
	width:210px;
  border: 0px solid #0000ff;
  float: left;
	margin-left:10px;
	margin-right:10px;
}