* { 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;
}

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

#main_nav {
	position:absolute;
	left:365px;
	top:136px;
	display:block;
	width:407px;
	height:48px;
}
#m_home {float:left; width:102px; height:40px;}
#m_home a {width:102px; height:40px;}

#m_marketing {float:left; width:101px; height:46px;}
#m_marketing a {width:101px; height:46px;}

#m_hosting {float:left; width:101px; height:46px;}
#m_hosting a {width:101px; height:46px;}

#m_contact {float:left; width:101px; height:46px;}
#m_contact a {width:101px; height:46px;}

#content {position:relative; width:780px; background:#cbcbcb;}
#body { margin:0 0 0 178px; background:url(images/body_back.gif) top left repeat-y;}
#left { position:absolute; top:0; left:0px; width:178px;}

#members {width:178px; display:block; background:url(images/members.jpg) top left no-repeat;}
#members span {padding:5px 5px 5px 5px; display:block;}
#members .user, #members .pass {font-size:12px; color:darkgray; font-weight:bold;}

.loginback {background:url(images/left_login.gif) left top no-repeat; width:162px; height:76px; display:block; padding:8px;}

#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:168px; background-color:#cbcbcb; font-size:10px; padding:5px;}

.login {margin-top:0px;}
.user {width:108px;}
.pass {width:82px;}
#forgotten {margin: 15px 0 0px 0;}
#forgotten h1 {font-size:10px; font-weight:bold; color:black; margin:0; padding:0;}
#forgotten h1 a {color:black;}

#boxes {position:relative; float:none; clear:both; width:602px;}
#leftbox {width:301px; float:left; line-height:2em;}
#thebox {width:559px; float:left; line-height:normal;}
#rightbox {width:301px; float:left; background:url(images/right_box_back.gif) top left repeat-y;}
#whatwedo {width:301px; height:44px; background:url(images/whatwedo.gif) top left no-repeat; display:block;}
#searchengines {with:275px; height:44px; background:url(images/popularse.gif) top left no-repeat; display:block;}
#testimonials {width:560px; height:44px; background:url(images/testimonials.gif) top left no-repeat; display:block;}
#enquiry {width:560px; height:44px; background:url(images/enquiry.gif) top left no-repeat; display:block;}
#franchisebar {width:560px; height:44px; background:url(images/franchise.gif) top left no-repeat; display:block;}
#latestdesign1 {width:284px; height:44px; background:url(images/latestdesign.gif) top left no-repeat; display:block;}
#latestdesign2 {width:275px; height:44px; 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:172px; background:url(images/man.jpg) top left no-repeat; float:left; margin:0 0 0px 8px;}
#woman {width:291px; height:172px; background:url(images/payg.jpg) top left no-repeat; float:left; margin:0 0 0px 4px;}

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

.greybar1 {background:url(images/greybar.gif) top left repeat-x; color:white; height:27px; clear:both; float:none; line-height:1em; font-weight:bold; padding:15px 5px 0px 5px; position:relative;}
.readmorewhite {
	position:absolute;
	left:238px;
	text-align:right;
	color:black;
	display:block;
	font-size:10px;
	width: 60px;
}
.readmoreleft {text-align:left; color:black;display:block;}

.orange {color:black;}
#orangebar {width:601px; height:5px; background:url(images/green.gif) top left no-repeat #baee8c; margin:0; padding:0;}

#bottommenu {widht:485px; height:36px; clear:both; float:none; text-align:center; display:block; margin-left:1px; padding-left:129px; background:url(images/bottomnav.gif) top left no-repeat;}

#b_home {float:left; width:75px; height:36px; display:block;}
#b_home a {width:75px; height:36px;display:block;}
#b_home a span {display:none;}

#b_marketing {float:left; width:108px; height:36px; display:block;}
#b_marketing a {width:108px; height:36px;display:block;}
#b_marketing a span {display:none;}

#b_hosting {float:left; width:98px; height:36px; display:block;}
#b_hosting a {width:98px; height:36px;display:block;}
#b_hosting a span {display:none;}

#b_contact {float:left; width:65px; height:36px; display:block;}
#b_contact a {width:65px; height:36px;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:42px; background:url(images/overview.gif) top left no-repeat;}
#text {padding:10px; background-color:#cbcbcb; border-left:1px solid white;}
#text p {margin:auto; padding:auto;}

#copy {width:403px; 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 {}
.designtable td { padding:8px;}

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

#footer {background:url(images/footer.gif) top left no-repeat; width:780px; height:37px; display:block;}