body {
	text-align: center;
	background-color: #EAEAEA;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('images/background.jpg');
	background-attachment: fixed;
	background-repeat: repeat-x;
}

p {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
}

h1 {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 14px;
	color: white;
}

h2 {
	font: 14px arial, sans-serif, helvetica;
	padding: 5px 5px;
	font-weight: 700;
	color: #CC0000;
	margin: 0px;
}

li {
	font-family: Arial, sans-serif, helvetica;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#frame {
	width:784px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
}


#topbarleft {
	float:left;
	width:50px;
	height: 78px;
	background-image:url('images/topback.jpg');
	background-repeat: repeat-x;	
}

#topbarleft img {
	display: block;
}

#topbarcentre {
	float:left;
	width: 350px;
	background-image:url('images/topback.jpg');
	background-repeat: repeat-x;	
}

#topbarcentre img {
	display:block;
}

#topbarmid {
	display:block;
	float:left;
	width: 365px;
	height: 78px;
	background: url('images/topback.jpg') repeat-x;
}



#topbarmid p {
	text-align:right;
	color: white;
	font-weight: bold;
	font-size: 12px;
	position:relative;
	top: 15px;
	padding: 2px 0px 0px 0px; margin: 0px;
}

#topbarmid a:link {color: white; text-decoration: none; }
#topbarmid a:visited {color: white; text-decoration: none; }
#topbarmid a:hover {color: gray; text-decoration: none; }
#topbarmid a:active {color: white; }

#topbarright {	
	text-align: left;
	float:left;
	width: 15px;
	height: 78px;
	background-repeat: repeat-x;
	background-image: red; /* url('images/topback.jpg') repeat-x; */
}	

#topbarright img {
	display:block;
}

#navbar {
	float:left;
	height: 31px;
	width: 780px;
	text-align: right;
	background-image:url('images/navback.jpg');
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navbar img {
	vertical-align:middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navbar p {	
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#midbar {
	width: 780px;
	height: 100px;
	background-color: #CC0000;
	margin: 0px;
	padding: 0px;
	float: left;
}

#slideshow {
	width: 580px;
	height: 100px;
	float:left;
}

#fullmiddle {
	float:left;
	width: 780px;
	background: white;
}

#loginbox {
	width: 170px;
	height: 73px;
	text-align: right;
	margin: 10px 0px 0px 0px;
	float: left;
}

embed {
	float: left;
}

label {
	font: 10px arial, helvetica, sans-serif;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	color: white;
}

Input {
	font: 10px arial, helvetica, sans-serif;
	margin: 2px 0px;
	padding: 1px 2px;
}

#report {
	font: 12px arial, helvetica, sans-serif;
	width: 760px;
	text-align: center;
	margin: 10px 10px;
}

#report table {	
	margin: 0px auto;
	font: 12px arial, helvetica, sans-serif;
	border-collapse: collapse;
	border: 1px solid black;
}

#fullmiddle a:link {color: #C00000; text-decoration: none; }
#fullmiddle a:visited {color: #C00000; text-decoration: none; }
#fullmiddle a:hover {color: #B90000; text-decoration: none; }
#fullmiddle a:active {color: #B90000;} 

.redrow {
	background-color:#CC0000;
	color:white;
}

.hometable {
	border-collapse: collapse;
	background-color:white;
	color:black;
}

.hometable p {
	padding: 5px;
	margin: 0px;
}

.hometable img {
	border: 0px;
	margin: 4px 2px;
}

.redrow h1 {
	padding: 3px;
	margin: 0px;
}

#img {
	display:block;
}


#middle {
	float:left;
	width: 600px;
}

a#button1 {
    float:left;
    display: inline;
    width: 300px;
    height: 288px;
    background-image: url(images/business.jpg);
    margin: 0 auto;
}

a#button1:hover {
    background-image: url(images/business2.jpg);
}

a#button2 {
    float:left;
    display: inline;
    width: 300px;
    height: 288px;
    background-image: url(images/home.jpg);
    margin: 0 auto;
}

a#button2:hover {
    background-image: url(/images/home2.jpg);
}
a .alt { display: none; }

#middle img {
	display:inline-table;
	border-style: none;
}

#middleright {
	color:white;
	float: left;
	clear: right;
	height: 288px;
	width: 180px;
	background-color: #DB0000;
	background-image: url('images/midrightback.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

#middleright h1 {
	padding-left: 7px;
	padding-top: 7px;
	padding-right:7px;
}

#middleright p {
	padding-left: 7px;
	padding-right:7px;
}

#middleright a {
	font-family: arial,sans-serif,helvetica;
	font-size: 14px;
	display:block; 
	padding: 7px;
}

#middleright a:link {color: white; text-decoration: none; }
#middleright a:visited {color: white; text-decoration: none; }
#middleright a:hover {color: white; text-decoration: none; background-color: #900000;}
#middleright a:active {color: white; background-color:#B90000;} 

#webmiddle {
	float:left;
	padding: 0px; margin: 0px;
	width: 780px;
	height: 129px;
	background-color: #CC0000;
}

#webmiddle img {
	float:left;
	border: 0px;
}

#webmiddle a.navlinks {
	float:left;
	height: 129px;
	width: 113px;
	margin: 0px 4px;
}

#webmiddle a.portlink {
	float:left;
	height: 129px;
	width: 161px;
}

#linkA {
	background-image: url('images/web-design.jpg');
}
#linkA:hover {
	background: url('images/web-design.jpg') 113px 0px;
}
#pageA #linkA {
	background: url('images/web-design.jpg') 113px 0px;
}

#linkB {
	background-image: url('/images/web-hosting.jpg');
}
#linkB:hover {
	background: url('images/web-hosting.jpg') 113px 0px;
}
#pageB #linkB {
	background: url('images/web-hosting.jpg') 113px 0px;
}

#linkC {
	background-image: url('images/web-traffic.jpg');
}
#linkC:hover {
	background: url('images/web-traffic.jpg') 113px 0px;
}
#pageC #linkC {
	background: url('images/web-traffic.jpg') 113px 0px;
}

#linkD {
	background-image: url('images/web-update.jpg');
}
#linkD:hover {
	background: url('images/web-update.jpg') 113px 0px;
}
#pageD #linkD {
	background: url('images/web-update.jpg') 113px 0px;
}

#linkE {
	background-image: url('images/web-portfolio.jpg');
}
#linkE:hover {
	background: url('images/web-portfolio.jpg') 161px 0px;
}
#pageE #linkE {
	background: url('images/web-portfolio.jpg') 161px 0px;
}

#linkF {
	background-image: url('images/support-break.jpg');
}
#linkF:hover {
	background: url('images/support-break.jpg') 117px 0px;
}
#pageF #linkF {
	background: url('images/support-break.jpg') 117px 0px;
}
#linkG {
	background-image: url('images/support-network.jpg');
}
#linkG:hover {
	background: url('images/support-network.jpg') 117px 0px;
}
#pageG #linkG {
	background: url('images/support-network.jpg') 117px 0px;
}
#linkH {
	background-image: url('images/support-backup.jpg');
}
#linkH:hover {
	background: url('images/support-backup.jpg') 117px 0px;
}
#pageH #linkH {
	background: url('images/support-backup.jpg') 117px 0px;
}
#linkI {
	background-image: url('images/support-virus.jpg');
}
#linkI:hover {
	background: url('images/support-virus.jpg') 117px 0px;
}
#pageI #linkI {
	background: url('images/support-virus.jpg') 117px 0px;
}
#linkJ {
	background-image: url('images/support-staff.jpg');
}
#linkJ:hover {
	background: url('images/support-staff.jpg') 117px 0px;;
}
#pageJ #linkJ {
	background: url('images/support-staff.jpg') 117px 0px;;
}


#linkK {
	background-image: url('images/support-review.jpg');
}
#linkK:hover {
	background: url('images/support-review.jpg') 161px 0px;;
}
#pageK #linkK {
	background: url('images/support-review.jpg') 161px 0px;;
}


#bottom {
	float:left;
	width: 780px;
	height: auto;
	background-color: white;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}

#bottom p {
	color: black;
	padding: 7px 0px 7px 7px;
	margin: 0px 15px 0px 7px;	
}

#bottom h1 {
	color: #DB0000;
	line-height: 1;
	padding: 7px 0px 0px 7px;
	margin: 4px 0px 7px 7px;
}

#bottom img {
	float:left;
	padding: 7px 0px 7px 7px;
	margin: 0px 7px 0px 7px;
}

#bottom a:link {color: #C00000; text-decoration: none; }
#bottom a:visited {color: #C00000; text-decoration: none; }
#bottom a:hover {color: #B90000; text-decoration: none; }
#bottom a:active {color: #B90000;} 

#bottomright {
	display:block;
	height: auto;
	width: 180px;
	float: right;
	margin: 0px;
	padding: 0px;
	background-color: white;
}
#bottomright p {
	color:#DB0000;
}

#footer {
	float: left;
	display:block;
	border:0px;
	height: 42px;
	width: 750px;
	background-image: url('images/footerback.jpg');
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#footer p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: white;
}

#footer img {
	border: 0px solid black;
	padding: 0px;
	margin: 0px;
	display:inline;
	vertical-align: middle;
}

#footerright {
	text-align: right;
	float: left;
	height: 42px;
	width: 30px;
	background-image: url('images/footerback.jpg');
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.prices {
	text-align:left;
	width: 160px;
	padding: 3px;
	margin: 5px 10px 5px 10px;
	font: 12px arial, sans-serif, helvetica;
	border: 1px solid black;
	border-collapse: collapse;
}

tr.r1 {
	font-size: 14px;
	font-weight: bold;
	background-color: #DB0000;
	color:white;
}

tr.r2 {
	background-color: #EAEAEA;
	color:black;
}
.menulink {
	float:right;
	height: 31px;
	line-height: 31px;
	padding: 8px 9px 7px 9px;
	font: 14px arial, sans-serif, helvetica;
	color: black;
	text-decoration:none;
}

.menulink:hover {
	color:white;
	background: url('images/navbackhover.jpg') no-repeat;
}



.anylinkcss{
	text-align: left;
	position: absolute;
	visibility: hidden;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	margin: -15px 0px 0px 0px;
	/* width: 280px; */
}

.anylinkcss a{
	width: 200px;
	display: block;
	border-bottom: 1px solid black;
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 7px;
	color: white;
	background: url('images/menuback.png') no-repeat;
}

.anylinkcss a:hover{ /*hover background color*/
	background: url('images/menubackhover.gif') no-repeat;
	color: white;
	text-indent: 15px;
}

#addcall {
	text-align: right;
	width: 300px;
	background:  #EAEAEA;
	padding: 10px 10px;
}