@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	padding: 0;
	margin: 0;
	background-color: #CED3D6;
	background-image: url(../EastMidlandsWebsiteDesign/websitedesign.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

#TopSection {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
#SiteTitle {
	width: 594px;
	height: 21px;
	margin: 0 auto;
	background-image: url(livechat.png);
	color:#FFFFFF;
	text-align:center;
	font-size: 10px;
	font-style:italic;
}
#pageimage {
	text-align:center;
	margin: 0px auto -1px auto; 
	top:92px;
	width:800px;
	height:272px;
	z-index:2;
	background-image:url(websitedesigners.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#menubox {
	text-align:center;
	margin: 135px auto -1px auto;
	width:650px;
	height: 29px;
	z-index:9;
	font-size:15px;
	color:#FFFFFF;

}


A.sponsoredlink {
text-decoration: none;
font-family:arial;
font-size:10px;
color: #666666;
BORDER: none;
}
A.sponsoredlink:Visited {
text-decoration: none;
color: #666666;
}
A.sponsoredlink:hover {
text-decoration: none;
color: #000000;
}

A.intlink {
text-decoration: none;
font-family:arial;
font-size:12px;
color: #666666;
BORDER: none;
}
A.intlink:Visited {
text-decoration: none;
color: #666666;
}
A.intlink:hover {
text-decoration: none;
color: #000000;
}
.largefoot {
	font-size: 16px;
	color: #999999;
}
.smallfoot {
	font-size: 10px;
	color: #999999;
}
.intlinkfoot {
	font-size: 10px;
	color: #999999;
}

#footimage {
	position:relative;
	text-align:center;
	margin: 0px auto -1px auto; 
	width:800px;
	height:80px;
	z-index:3;
}
#footlinks {
	position:relative;
	text-align:center;
	margin: 0px auto -1px auto; 
	width:800px;
	height:100px;
	z-index:4;
}
#EMO {
	position:relative;
	width:700px;
	top:10px;
	text-align:right;
	margin: 0px auto -1px auto; 
	z-index:5;
}
#OuterChatRight {
	position:relative;
	width:700px;
	text-align:right;
	margin: 0px auto -1px auto; 
	z-index:5;
}
#OuterChat {
	position:relative;
	width:294px;
	top:20px;
	float:right;
	text-align:right;
	margin: 0px auto -1px auto; 
	z-index:5;
}
#Telephone {
	position:relative;
	float:right;
	margin: 0px auto -1px auto; 
	z-index:6;
}
#Chat {
	position:relative;
	float:left;
	z-index:7;
}


#TopNavs {
	text-align:center;
	margin: 0px auto -1px auto; 
	width:800px;
	height:110px;
	z-index:2;
	background-image:url(webdevelopment.png);
	background-position:top;
	background-repeat:no-repeat;
}
#OuterTopNavs {
	position:relative;
	width:620px;
	top:20px;
	text-align:center;
	margin: 0px auto -1px auto; 
	z-index:5;
	background-color:#333333;
}
#SecondNavs {
	text-align:center;
	margin: 0px auto -1px auto; 
	width:800px;
	height:260px;
	z-index:2;
}
#OuterSecondNavs {
	position:relative;
	width:620px;
	top:20px;
	text-align:center;
	margin: 0px auto -1px auto; 
	z-index:16;
	background-color:#ffcccc;
}	

#Welcome {
	position:relative;
	float:left;
	margin: 0px auto -1px auto; 
	z-index:12;
}
#WebDev {
	position:relative;
	float:right;
	z-index:13;
}
#ITSupport {
	position:relative;
	float:left;
	margin: 0px auto -1px auto; 
	z-index:18;
}
#OtherCat {
	position:relative;
	float:right;
	z-index:19;
}

#OuterCat {
	position:relative;
	float:left;
	width:300px;
	top:20px;
	text-align:center;
	margin: 0px auto -1px auto; 
	z-index:5;
	background-color:#00FF66;
}
#OuterCatWeb {
	position:relative;
	float:right;
	width:300px;
	top:20px;
	text-align:center;
	margin: 0px auto -1px auto; 
	z-index:6;
	background-color:#CCFF00;
}
#OuterCatIT{
	position:relative;
	width:300px;
	top:20px;
	float:left;
	text-align:center;
	margin: 0px auto -1px auto; 
	z-index:5;
	background-color:#663399;
}
#OuterCatOther{
	position:relative;
	float:right;
	width:300px;
	top:20px;
	text-align:center;
	margin: 0px auto -1px auto; 
	z-index:6;
	background-color:#00FFFF;
}
#Cat {
	position:relative;
	float:left;
	margin: -25px -20px -1px auto; 
	z-index:12;
}
#CatWeb {
	position:relative;
	float:left;
	margin: -25px -20px -1px auto; 
	z-index:12;
}
#CatIT {
	position:relative;
	float:left;
	margin: -25px -20px -1px auto; 
	z-index:12;
}
#CatOther {
	position:relative;
	float:left;
	margin: -25px -20px -1px auto; 
	z-index:12;
}
.cbox {
	background: url(cor_tl.png) no-repeat top left;
	width: 280px;
	margin: 10px auto -1px auto;
}
.ctop {
	background: url(cor_tr.png) no-repeat top right;
}
.cbot {
	background: url(cor_bl.png) no-repeat bottom left;
}
.cbot div {
	background: url(cor_br.png) no-repeat bottom right;
}
.ccont {
	background: url(cor_r.png) top right repeat-y;
}

.ctop div,.ctop,
.cbot div,.cbot {
	width: 280px;
	height: 10px;
	font-size: 1px;
}
.ccont, .cbot {
	margin-top: -12px;
}
.ccont { padding: 0 1px; }

A.menulink {
display: block;
width: 278px;
height: 23px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:14px;
color: #000000;
BORDER: none;
border-top: solid 1px #c1c1c1;
border-bottom: 0px #c1c1c1;
border-left: 1px #c1c1c1;
border-right: 1px #c1c1c1;

}

A.menulink:hover {
border-top: solid 1px #c1c1c1;
border-bottom: 0px #c1c1c1;
border-left: 1px #c1c1c1;
border-right: 1px #c1c1c1;
background-color:#ffffff;
}

#menutext {
	position: absolute;
	display:inline;
	margin: 3px 0px -1px auto; 
	z-index:15;
}
#menutextweb {
	position: absolute;
	display:inline;
	margin: 3px 0px -1px auto; 
	z-index:15;
}

#hometext {
	position:relative;
	height:125px;
	padding: 3px;
	text-align:justify;
	top:10px;
	margin: 5px auto -1px auto; 
	}
	
	

#Other {
	position:relative;
	float:right;
	z-index:13;
}


.fbox {
	background: url(for_tl.png) no-repeat top left;
	width: 600px;
	margin: 10px auto -1px auto;
}
.ftop {
	background: url(for_tr.png) no-repeat top right;
}
.fbot {
	background: url(for_bl.png) no-repeat bottom left;
}
.fbot div {
	background: url(for_br.png) no-repeat bottom right;
}
.fcont {
	background: url(for_r.png) top right repeat-y;
}

.ftop div,.ftop,
.fbot div, .fbot {
	width: 600px;
	height: 10px;
	font-size: 1px;
}
.fcont, .fbot {
	margin-top: -12px;
}
.fcont { padding: 0 1px; }