@charset "utf-8";
/* CSS Document */

strong {font-size: 1em;}

form {font-family: "Tahoma"; font-size: 12px; font-weight:bold; color: #046cc5; line-height: 24px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
tr {font-family: "Tahoma"; font-size: 12px; font-weight:bold; color: #046cc5; line-height: 24px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
td {font-family: "Tahoma"; font-size: 12px; font-weight:bold; color: #046cc5; line-height: 24px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}

a {text-decoration:none;}

h1 {font-family: "Microsoft Yi Baiti"; font-size: 32px; font-weight:200; color: #ffffff; line-height: 28px; letter-spacing: 0px;}	

h2 {font-family: "Tahoma"; font-size: 12px; font-weight:400; color: #046cc5; line-height: 24px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
h2 a:link, h2 a:visited {font-family: "Microsoft Yi Baiti"; font-size: 20px; font-weight:400; color: #046cc5; line-height: 18px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
h2 a:hover {font-family: "Microsoft Yi Baiti"; font-size: 20px; font-weight:400; color: #046cc5; line-height: 18px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}

h3 {font-family: "Tahoma"; font-size: 18px; font-weight:400; color: #000000; line-height: 21px; letter-spacing: .5px;}

h4 {font-family: "Microsoft Yi Baiti"; font-size: 17px; font-weight:600; color: #fffffe; line-height: 32px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}

h5 {font: normal 20px "Lucida Grande", Arial, sans-serif;	position: relative;	margin: 0;	color: #FFFFFE;}

h6 {font-family: "Tahoma"; font-size: 12px; font-weight:600; color: #000000; line-height: 15px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
h6 a:link, h6 a:visited {font-family: "Tahoma"; font-size: 12px; font-weight:600; color: #000000; line-height: 15px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
h6 a:hover {font-family: "Tahoma"; font-size: 12px; font-weight:600; color: #046cc5; line-height: 15px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}

.mediumblue {font-family: "Tahoma"; font-size: 18px; font-weight:400; color: #046cc5; line-height: 21px; letter-spacing: .5px;}

.bigblue {font-family: "Tahoma"; font-size: 20px; font-weight:400; color: #046cc5; line-height: 23px; letter-spacing: .5px;}

.bigwhite {font-family: "Tahoma"; font-size: 16px; font-weight:400; color: #fffffe; line-height: 16px; letter-spacing: .5px;}

.small {font-family: "Tahoma"; font-size: 8px; font-weight:600; color: #000000; line-height: 10px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
.small a:link, .small a:visited {font-family: "Tahoma"; font-size: 8px; font-weight:600; color: #000000; line-height: 10px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}
.small a:hover {font-family: "Tahoma"; font-size: 8px; font-weight:600; color: #046cc5; line-height: 10px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}

/* gradient 4 */
.gradient4 {

}
.gradient4 h5 {
	font: normal 30px "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
}
.gradient4 h5 {
	font: normal 30px "Lucida Grande", Arial, sans-serif;
	color: #ffffff;
}
.gradient4 span {
	background: url(../images/1.png) repeat-x;
	position: absolute;
	bottom: -1px;
	display: block;
	width: 100%;
	height: 29px;
}

/*--sets the images to have no border--*/		
img {
border:none;
font-family: "Arial";
}


body {
background-color:#f0f8ff;
margin-top:0px; margin-bottom:0px;
}




 
/*---------------------------------------BORDERS---------------------------------*/
#border {				
position: relative;
text-align: left;
width: 850px;
margin-right: auto;
margin-left: auto;
margin-top:0px;
}
			


/*---------------------------------------BUTTONS---------------------------------*/

.menu {
	width: 501px;
	height: 23px;
	position:absolute;
	visibility:visible;
	padding-left: 2px;
	left:35px;
	top:270px;
	z-index:1;
			}
/*----------------------------------------buttons-------------------------------------*/			
#buttons ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#buttons ul li { display: inline; margin-left: 35px; font-weight:600; font-family:Microsoft Yi Baiti; font-size:20px; color: #ffffff;}

#buttons ul li a:link
{
color: #ffffff; font-size:20px;

}
#buttons ul li a:visited
{
color: #ffffff;  font-size:20px;

}
#buttons ul li a:hover
{
color: #046cc5; 

}
/*----------------------------------------buttons-------------------------------------*/
#bullets, #bullets ul {
list-style-image: url('../images/bullet.gif');
letter-spacing: .5px; 
margin-top: 15px;
			}
			
					
#bullets li {
font-family: "Eras Medium ITC";
font-size:16px;
color: #ffffff;

			}
			
.bullets, .bullets ul {
list-style-image: url('../images/bullet.gif');
letter-spacing: .5px; 
margin-top: 15px;
			}

					
.bullets li {
font-family: "Eras Medium ITC";
font-size:16px;
color: #ffffff;

			}			
			
/*---------------------------------------bullet points---------------------------------*/
.nav{list-style-image: url('../images/bullet.gif'); letter-spacing: .5px;   font-family: "Tahoma"; font-size: 12px; line-height: 25px; color: #0d367a; font-weight:bold;}
.nav a:link, nav a:visited{list-style-image: url('../images/bullet.gif'); letter-spacing: .5px;   font-family: "Tahoma"; font-size: 12px; line-height: 25px; color: #0d367a; font-weight:bold;}
.nav a:hover {list-style-image: url('../images/bullet.gif');
letter-spacing: .5px;   font-family: "Tahoma"; font-size: 12px; line-height: 25px; color: #0d367a; font-weight:bold;}

/*#li{list-style-image: url('../images/bullet.gif'); letter-spacing: .5px;   font-family: "Tahoma"; font-size: 12px; line-height: 30px; color: #ffffff; font-weight:200;}
#li a:link, li a:visited{list-style-image: url('../images/bullet.gif'); letter-spacing: .5px;   font-family: "Tahoma"; font-size: 12px; line-height: 30px; color: #ffffff; font-weight:200;}
#li a:hover {list-style-image: url('../images/bullet.gif');
letter-spacing: .5px;   font-family: "Tahoma"; font-size: 12px; line-height: 30px; color: #b7d049; font-weight:200;}*/
/*---------------------------------------HEADER---------------------------------*/
/*this positions the header*/
#header {	
width: 850px;
height: 504px;
		}
			

/*---------------------------------------MAIN CONTENT ALL---------------------------------*/

					
#maincontent {
width: 850px;
height: 280px;
background: url('../images/middle.jpg')/* grey button*/
/*background-image: url(http://www.apexwebbuild.co.uk/oak/images/middle.jpg);*/ /*Change this if moving the website to a new address.*/ 
			}
#maincontent-about-us {
width: 850px;
height: 100px;
background: url('../images/middle.jpg')/* grey button*/
/*background-image: url(http://www.apexwebbuild.co.uk/oak/images/middle.jpg);*/ /*Change this if moving the website to a new address.*/ 
			}			
#maincontent-services {
width: 850px;
height: 310px;
background: url('../images/middle.jpg')/* grey button*/
/*background-image: url(http://www.apexwebbuild.co.uk/oak/images/middle.jpg);*/ /*Change this if moving the website to a new address.*/ 
			}
#maincontent-contact-us {
width: 850px;
height: 400px;
background: url('../images/middle.jpg')/* grey button*/
			}
#maincontent-mailer {
width: 850px;
height: 1px;
background: url('../images/middle.jpg')/* grey button*/
			}																	

#logo {
	position:absolute;
	visibility:visible;
	left:86px;
	z-index:2;
	top: 128px;
			}
#company-name {
	position:absolute;
	visibility:visible;
	left:39px;
	z-index:2;
	top: 75px;
	width: 652px;
	height: 44px;

			}			
#company-name h1 {font-family: "Microsoft Yi Baiti"; font-size: 54px; font-weight:200; color: #ffffff; line-height: 39px; letter-spacing: 0px;}
#company-name h2 {font-family: "Microsoft Yi Baiti"; font-size: 14px; font-weight:600; color: #fffffe; line-height: 16px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}

#logo {
	position:absolute;
	visibility:visible;
	left:195px;
	z-index:2;
	top: 110px;
	width: 191px;
	height: 44px;

			}	

#Area-2 {
	position:absolute;
	visibility:visible;
	left:60px;
	z-index:2;
	top: 200px;
	width: 477px;
	height: 70px;

			}	
#number {
	position:absolute;
	visibility:visible;
	left:355px;
	z-index:2;
	top: 618px;
	width: 179px;
	height: 70px;

			}
#number-services {
	position:absolute;
	visibility:visible;
	left:151px;
	z-index:2;
	top: 750px;
	width: 179px;
	height: 57px;

			}	
			#number-contact-us {
	position:absolute;
	visibility:visible;
	left:49px;
	z-index:2;
	top: 74px;
	width: 179px;
	height: 70px;

			}										
#title {
	position:absolute;
	visibility:visible;
	left:58px;
	z-index:2;
	top: 317px;
	width: 387px;
	height: 81px;

			}		

#Area-3 {
	position:absolute;
	visibility:visible;
	left:39px;
	z-index:2;
	top: 435px;
	width: 182px;
	height: 147px;

			}
#Area-3-1 {
	position:absolute;
	visibility:visible;
	left:41px;
	z-index:2;
	top: 435px;
	width: 379px;
	height: 147px;

			}			
#Area-4 {
	position:absolute;
	visibility:visible;
	left:225px;
	z-index:2;
	top: 435px;
	width: 180px;
	height: 163px;

			}
			#Area-5 {
	position:absolute;
	visibility:visible;
	left:64px;
	z-index:2;
	top: 669px;
	width: 451px;
	height: 98px;

			}			

			#text2 {
	position:absolute;
	visibility:visible;
	left:494px;
	z-index:2;
	top: 312px;
	width: 230px;
	height: 100px;

			}
			
			#text4 {
	position:absolute;
	visibility:visible;
	left:483px;
	z-index:2;
	top: 795px;
	width: 280px;
	height: 98px;

			}	
			#text-contact-us {
	position:absolute;
	visibility:visible;
	left:60px;
	z-index:2;
	top: 317px;
	width: 355px;
	height: 183px;

			}	
			
		
#image-1 {
	position:absolute;
	visibility:visible;
	left:546px;
	z-index:2;
	top: 517px;
	width: 232px;
	height: 147px;

			}
		   	    	   	    					   	    					   	    
/*----------------------------------------FOOTER ALL-------------------------------------*/	


#footerall { 
width: 850px;
height: 66px;
}


/*----------------------------------------FOOTER-------------------------------------*/	

.footer {	
position: relative;
text-align: left;
width: 850px;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
height: 61px;
			}	
			
	
			
.copyright {
text-align:center;
	position:absolute;
	visibility:visible;
	left:215px;
	top:80px;
	width:422px;
	height:26px;
	z-index:2;
}

.footeraddress{
	position:absolute;
	visibility:visible;
	left:634px;
	top:56px;
	z-index:2;
	height: 21px;
	width: 167px;
}
.tel{
	text-align:center;
	position:absolute;
	visibility:visible;
	left:698px;
	top:60px;
	z-index:2;
	height: 21px;
	width: 116px;
}		
.footeraddress2 h2 {
	text-align:center;
	font-family: "Microsoft Yi Baiti";
	font-size: 18px;
	font-weight:400;
	color: #ffffff;
	line-height: 18px;
	letter-spacing: .5px;
	margin-top:0px;
	margin-bottom:0px;
	position:absolute;
	visibility:visible;
	left:1px;
	top:30px;
	z-index:2;
	height: 21px;
	width: 850px;
}					
			
			

		
.validation1 {
	position:absolute;
	visibility:visible;
	left:120px;
	top:57px;
	width:93px;
	z-index:2;
	margin-top: 0px;
}

.validation2 {
	position:absolute;
	visibility:visible;
	left:22px;
	top:57px;
	width:93px;
	z-index:2;
	margin-top: 0px;
}

			
table {font-family: "Tahoma"; font-size: 16px; font-weight:400; color: #000000; line-height: 18px; letter-spacing: .5px; margin-top:0px; margin-bottom:0px;}