/* CSS Document */
a {color:#0000BB;}
a:visited {color:#BB0000;}
p {margin-bottom:10px;}
ul {list-style:disc;}

body {
	background:url(graphics/0099CC.png) repeat;
	font-family:Arial, Helvetica, sans-serif;;}

div {overflow:visible;}

.wrapper {
	position:relative;
	width:893px;
	margin:auto;}

.header {
/*	background:url(graphics/header.png) top no-repeat center;*/
	width:893px;
	height:133px;}

.menu * {font-size:0px;}
.menu {
	position:relative;
	overflow:hidden;
	width:893px;
	height:66px;
	margin:0 0 0 0;
	/*margin-top:-10px;*/}
.menu-top div div {background:url(graphics/mtl.png) no-repeat top left; height:9px;}
.menu-top {background:url(graphics/mt.png) top repeat-x;}
.menu-top div {background:url(graphics/mtr.png) no-repeat top right;}

.menu-bottom div div {background:url(graphics/mbl.png) no-repeat bottom left; height:9px; }
.menu-bottom {background:url(graphics/mb.png) repeat-x bottom; position:relative;}
.menu-bottom div {background:url(graphics/mbr.png) no-repeat bottom right;}

.menu-box div.body {background:url(graphics/mr.png) no-repeat right; height:48px; position:relative;}
.menu-box {background:url(graphics/ml.png) no-repeat left; width:893px;}

a.menu_link{
	display:block;
	height:100%;
	text-decoration:none;}

div.hover {height:48px;}
div.hover:hover {background:url(graphics/hover.gif) no-repeat center; cursor:pointer;}
div.current {
	background:url(graphics/cur.gif) no-repeat center;
	height:48px;}
div.current:hover {background:url(graphics/curred.gif) no-repeat center; cursor:pointer;}

.menu_index {
	background:url(graphics/0index.png) no-repeat;
	width:83px;
	height:48px;
	margin:0 0 0 17px;
	float:left;}
.menu_about {
	background:url(graphics/1about.png) no-repeat;
	width:99px;
	height:48px;
	margin:0px;
	float:left;}
.menu_services {
	background:url(graphics/2services.png) no-repeat;
	width:128px;
	height:48px;
	margin:0;
	float:left;}
.menu_portfolio {
	background:url(graphics/3portfolio.png) no-repeat;
	width:141px;
	height:48px;
	margin:0;
	float:left;}
.menu_pricing {
	background:url(graphics/4pricing.png) no-repeat;
	width:120px;
	height:48px;
	margin:0;
	float:left;}
.menu_otherthings {
	background:url(graphics/5otherthings.png) no-repeat;
	width:170px;
	height:48px;
	margin:0;
	float:left;}
.menu_contact {
	background:url(graphics/6contact.png) no-repeat;
	width:118px;
	height:48px;
	margin:0 17px 0 0;
	float:left;}
/*
.content {
	background:#FFFFFF;
	width:893px;
	margin:0 3.5px 0 3.5px;}

.content-top {
	background:url(graphics/t.png) top center repeat-x;
	width:857px;
	height:20px;
	margin:0 18px 0 18px;}
*/

.content {
	position:relative;
	width:893px;
	overflow:visible;
	background:#FFFFFF url(graphics/bg.png) repeat-x bottom;}
.content-top div div {background:url(graphics/tl.png) no-repeat top left; line-height:20px;}
.content-top {background:url(graphics/t.png) top repeat-x; line-height:20px;}
.content-top div {background:url(graphics/tr.png) no-repeat top right; line-height:20px;}
.content-bottom div div {background:url(graphics/bl.png) no-repeat bottom left; line-height:20px;}
.content-bottom {background:url(graphics/b.png) repeat-x bottom; line-height:20px;}
.content-bottom div {background:url(graphics/br.png) no-repeat bottom right; line-height:20px;}
.content-box div.body {background:url(graphics/r.png) repeat-y right; min-height:60px;}
/*.content-box div.body div {margin:0 20px 0 20px;}*/
.content-box {background:url(graphics/l.png) repeat-y left; min-height:60px;}

.warning {
	color:#CC0000;
	font-size:10px;
	margin:0 20px 0 20px;
	width:853px;
	text-align:justify;}

div.h1 {
	margin:0 20px 20px 20px;
	padding-top:10px;
	font-size:x-large;
	font-weight:bold;}
div.h2 {
	text-align:left;
	font-size:large;
	font-weight:bold;}
div.h3 {font-size:larger;}
div.post {
	margin:0 20px 0 20px;
	width:853px;
	text-align:justify;}
div.email {font-size:smaller;}
span.email {color:#0000BB;}

.subs {
	font-size:small;
	margin:0 0 20px 0;}

div.blockquote {background:transparent url(graphics/quote-tl.png) left top no-repeat; padding-left:30px; font-style:italic;}
div.blockquote div {background:transparent url(graphics/quote-br.png) right bottom no-repeat; padding-right:30px;}

div.port-item {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:740px;
	text-align:justify;
	border:solid 1px #8888CC;
	overflow:hidden;
	background:#FFFFFF url(graphics/bg.png) repeat-x bottom;
	padding:10px;}
div.thumb {
	float:left;
	width:96px;
	margin-right:10px;
    }
div.thumb img {border:none;}

.footer {
	margin:10px 20px 0 20px;
	padding-bottom:10px;
	width:853px;
	text-align:center;
	clear:left}
.designed {font-size:x-small;}

/*INDEX*/
p.note img {border:none;}
.conr {text-align:center;}

/*ABOUT*/
.profile {
	width:800px;
	margin:0 auto 0;
	empty-cells:show;}
.profile td.malcolm {
	width:350px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border:solid 1px #8888CC;
	background:#FFFFFF url(graphics/bg.png) repeat-x bottom;}
.profile td.matthew {
	width:350px;
	text-align:right;
	vertical-align:top;
	padding:10px;
	border:solid 1px #8888CC;
	background:#FFFFFF url(graphics/bg.png) repeat-x bottom;}
.profile td.matthew div.h2 {text-align:right;}

/*PRICING*/
table.pricing {
	width:624px;
	margin-left:auto;
	margin-right:auto;}
table.comp-pricing {
	width:730px;}
table.pricing, table.comp-pricing {
	margin-bottom:20px;
	padding:0 0 5px 0;}

table.pricing td, table.comp-pricing {
	padding:5px 20px 0 20px;}

td.conhead {
	padding:0;}

td.price {width:150px;}
td.infopic {
	width:106px;
	vertical-align:middle;
	padding:5px 0 0 0;}

/*OTHER THINGS*/
.other-box {
	float:left;
	margin:0 20px 20px 20px;
	width:360px;
	text-align:justify;
	border:solid 1px #8888CC;
	overflow:hidden;
	background:#FFFFFF url(graphics/bg.png) repeat-x bottom;
	padding:10px;}
.body-container {
	margin:0 20px 0 20px;}

/*CONTACT*/
.sig {
	text-align:center;
	font-style:italic;
	font-size:large;}
.center {text-align:center;}