* { padding:0; margin:0;}

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

#page {
	width:780px !important;
	margin:0 auto 0 auto;
	border:1px solid gray;
	background:url(images/left-back.gif) top left repeat-y white;
}

#logo {display:block; position:relative; width:780px; height:74px; background:url(images/logo.gif) top left no-repeat;}
#logo span {display:none;}
#header {position:relative; display:block; width:780px; height:154px; background:url(images/header.jpg) top left no-repeat;}
#header span {display:none;}

#t_home {position:absolute; display:block; left:584px; top:46px; width:58px; height:28px; background:url(images/top_home.gif) top left no-repeat;}
#t_home a { display:block; width:58px; height:28px; }

#t_email {position:absolute; display:block; left:642px; top:46px; width:93px; heght:28px; background:url(images/top_email.gif) top left no-repeat;}
#t_email a {display:block; width:93px; height:28px; }

#main_nav {position:absolute; left:279px; top:114px; display:block; width:426px; height:40px;}
#m_home {float:left; width:72px; height:40px; background:url(images/m_home.gif) top left no-repeat;}
#m_home a {width:72px; height:40px;}

#m_marketing {float:left; width:71px; height:40px; background:url(images/m_marketing.gif) top left no-repeat;}
#m_marketing a {width:72px; height:40px;}

#m_design {float:left; width:70px; height:40px; background:url(images/m_design.gif) top left no-repeat;}
#m_design a {width:72px; height:40px;}

#m_hosting {float:left; width:71px; height:40px; background:url(images/m_hosting.gif) top left no-repeat;}
#m_hosting a {width:72px; height:40px;}

#m_resellers {float:left; width:71px; height:40px; background:url(images/m_resellers.gif) top left no-repeat;}
#m_resellers a {width:72px; height:40px;}

#m_contact {float:left; width:71px; height:40px; background:url(images/m_contact.gif) top left no-repeat;}
#m_contact a {width:72px; height:40px;}

#content {position:relative; width:780px; background:url(images/seal.jpg) bottom 40px no-repeat;}
#body { margin:0 0 0 219px; border-left:1px solid gray;}
#left { position:absolute; top:0; left:0; width:219px; background:url(images/left-back.gif) top left repeat-y;}

#members {width:219px; height:114px; display:block; background:url(images/members.jpg) top left no-repeat;}
#members span {padding:54px 5px 5px 5px; display:block;}
#members .user, #members .pass {font-size:14px; color:orange; font-weight:bold;}
#members .user {width:140px;}
#members .pass {width:100px; margin: 0 10px 0 0;}
#members .login {vertical-align:text-bottom;}

#image {width:560px; height:254px; background:url(images/image.jpg) top right no-repeat;}
#franchise {width:560px; height:254px; background:url(images/franchise.jpg) top right no-repeat;}
#contactimage {width:560px; height:254px; background:url(images/contact-image.jpg) top right no-repeat;}
#contactimage span {padding:16px 10px 10px 10px;display:block;}

#latestnews {width:179px; height:36px; background:url(images/latestnews.gif) top left no-repeat;padding:60px 20px 5px 20px; border-top:1px solid gray;}

#forgotten {margin: 20px 0 20px 0;}
#forgotten h1 {font-size:10px; font-weight:bold; color:orange; margin:0 0 0 10px; padding:0 0 0 20px; background:url(images/passwordbutton.gif) top left no-repeat;}

#boxes {position:relative; float:none; clear:both;}
#leftbox {width:284px; float:left; border-right:1px solid gray; line-height:2em;}
#thebox {width:559px; float:left; line-height:normal;}
#rightbox {width:275px; float:left;}
#whatwedo {width:284px; height:45px; background:url(images/whatwedo.gif) top left no-repeat; display:block;}
#searchengines {with:275px; height:45px; background:url(images/popularse.gif) top left no-repeat; display:block;}
#testimonials {width:560px; height:45px; background:url(images/testimonials.gif) top left no-repeat; display:block;}
#enquiry {width:560px; height:45px; background:url(images/enquiry.gif) top left no-repeat; display:block;}
#franchisebar {width:560px; height:45px; background:url(images/franchise.gif) top left no-repeat; display:block;}
#latestdesign1 {width:284px; height:45px; background:url(images/latestdesign.gif) top left no-repeat; display:block;}
#latestdesign2 {width:275px; height:45px; background:url(images/latestdesign.gif) top left no-repeat; display:block;}

#whatwedo h2 {display:none;}
#enquiry h2 {display:none;}
#testimonials h2 {display:none;}
#searchengines h2 {display:none;}
#latestdesign1 h2 {display:none;}
#latestdesign2 h2 {display:none;}
#franchisebar h2 {display:none;}

#man {width:83px; height:164px; background:url(images/man.jpg) top left no-repeat; float:left; padding:0 0 8px 0px;}
#woman {width:135px; height:172px; background:url(images/woman.jpg) top left no-repeat; float:left;}

#poweredby {width:145px; height:128px; background:url(images/poweredby.jpg) top left no-repeat;}

.greybar1 {background:url(images/greybar.gif) top left repeat-x; color:white; height:37px; clear:both; float:none; line-height:1.5em; font-weight:bold; padding:10px;}
.readmorewhite {text-align:right; color:orange;display:block;}
.readmoreleft {text-align:left; color:orange;display:block;}

.orange {color:orange;}
#orangebar {width:560px; height:28px; background:url(images/orangebar.gif) top left no-repeat;margin:0; padding:0;}

#bottommenu {widht:525px; height:35px; clear:both; float:none; text-align:center; display:block; margin:0 17px 0 17px;}

#b_home {float:left; width:99px; height:35px; background:url(images/b_home.gif) top left no-repeat; display:block;}
#b_home a {width:99px; height:35px;display:block;}
#b_home a span {display:none;}

#b_marketing {float:left; width:99px; height:35px; background:url(images/b_marketing.gif) top left no-repeat; display:block;}
#b_marketing a {width:99px; height:35px;display:block;}
#b_marketing a span {display:none;}

#b_webdesign {float:left; width:99px; height:35px; background:url(images/b_webdesign.gif) top left no-repeat; display:block;}
#b_webdesign a {width:99px; height:35px;display:block;}
#b_webdesign a span {display:none;}

#b_hosting {float:left; width:120px; height:35px; background:url(images/b_hosting.gif) top left no-repeat; display:block;}
#b_hosting a {width:120px; height:35px;display:block;}
#b_hosting a span {display:none;}

#b_contact {float:left; width:99px; height:35px; background:url(images/b_contact.gif) top left no-repeat; display:block;}
#b_contact a {width:99px; height:35px;display:block;}
#b_contact a span {display:none;}

.orangetop {background:url(images/orange_back.jpg) top left repeat-x; width:400px;}
#overviewpage {width:400px; height:36px; background:url(images/overview.gif) top left no-repeat;}
#text {padding:10px;}
#text p {margin:auto; padding:auto;}

#copy {width:309px; height:10px; background:url(images/copy.gif) top center no-repeat; margin:3px auto 0 auto; display:block;}

.control240 {width:230px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black;}
.control300 {width:290px; height:174px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black;}

.indent td {padding-left:10px;}

.designtable {border-top:1px solid orange; border-left:1px solid orange;}
.designtable td {border-bottom:1px solid orange; border-right:1px solid orange; padding:8px;}

#body span {padding:10px;display:block;height:auto;}