/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
background: #4668A5 url(images/background.jpg) repeat-x;
padding-top: 20px;
padding-bottom: 20px;
font-family: arial;
}

#outer {
margin: 0px auto;
width: 960px;
}

#pagehome {
width: 960px;
border-top: #666666 2px solid;
border-bottom: #666666 2px solid;
height: 720px;
margin-bottom: 20px;
background: url(images/backgroundhome.jpg) repeat-y;
float: left;
}

#page {
width: 960px;
border-top: #666666 2px solid;
border-bottom: #666666 2px solid;
height: 720px;
margin-bottom: 20px;
background: url(images/backgroundothers.jpg) repeat-y;
float: left;
}

#pagecontact {
width: 960px;
border-top: #666666 2px solid;
border-bottom: #666666 2px solid;
height: 830px;
margin-bottom: 20px;
background: url(images/backgroundothers.jpg) repeat-y;
float: left;
}

/* Left Column Begin */
/* Left Column Begin */


#leftcolumn {
float: left;
width: 271px;
text-align: center;
background: url(images/sideimage2.jpg) repeat-y;
height: 720px;
}

#leftcolumncontact {
float: left;
width: 271px;
text-align: center;
background: url(images/sideimage2.jpg) repeat-y;
height: 830px;
}

#logo {
margin-top: 20px;
}


/* Side Navigation Begin */



#sidenav {
width: 212px;
height: 216px;
margin-top: 185px;
margin-bottom: 15px;
float: left;
margin-left: 30px;
}

#sidenavblock {
position: relative;
top:22px;
left: 15px;
}



#sidenav a{
display:block;
width:80px;
height:80px;
text-decoration:none;
}



#sidenav .sidenavhome {
width:134px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavhome a {
width:134px;/*size of image*/
height:44px;/* size of image*/
}
#sidenav .sidenavhome .active,
#sidenav .sidenavhome{ background:url("images/sidenavhome2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavhome a{background:url("images/sidenavhome1.jpg") no-repeat}/* this holds the normal state of the image1*/



#sidenav .sidenavback {
width:51px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavback a {
width:51px;/*size of image*/
height:44px;/* size of image*/
}

#sidenav .sidenavback{ background:url("images/sidenavback2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavback a{background:url("images/sidenavback1.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav .sidenav90 {
width:51px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenav90 a {
width:51px;/*size of image*/
height:44px;/* size of image*/
}

#sidenav .sidenav90{ background:url("images/sidenav902.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenav90 a{background:url("images/sidenav901.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav .sidenavprofile {
width:134px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavprofile a {
width:134px;/*size of image*/
height:44px;/* size of image*/
}
#sidenav .sidenavprofile .active,
#sidenav .sidenavprofile{ background:url("images/sidenavprofile2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavprofile a{background:url("images/sidenavprofile1.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav .sidenavcontact {
width:80px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavcontact a {
width:80px;/*size of image*/
height:44px;/* size of image*/
}

#sidenav .sidenavcontact .active,
#sidenav .sidenavcontact{ background:url("images/sidenavcontact2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavcontact a{background:url("images/sidenavcontact1.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav .sidenavbenefits {
width:104px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavbenefits a {
width:104px;/*size of image*/
height:44px;/* size of image*/
}

#sidenav .sidenavbenefits .active,
#sidenav .sidenavbenefits{ background:url("images/sidenavbenefits2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavbenefits a{background:url("images/sidenavbenefits1.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav .sidenavmap {
width:134px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavmap a {
width:134px;/*size of image*/
height:44px;/* size of image*/
}

#sidenav .sidenavmap .active,
#sidenav .sidenavmap{ background:url("images/sidenavmap2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavmap a{background:url("images/sidenavmap1.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav .sidenavother {
width:51px;/*size of image*/
height:44px;/* size of image*/
float:left;
}

#sidenav .sidenavother a {
width:51px;/*size of image*/
height:44px;/* size of image*/
}

#sidenav .sidenavother{ background:url("images/sidenavother2.jpg") no-repeat;}/* this holds the rollover state of the image1*/


#sidenav .sidenavother a{background:url("images/sidenavother2.jpg") no-repeat}/* this holds the normal state of the image1*/


#sidenav a:hover{background:transparent}



/* Side Navigation End */
/* Side Navigation End */




#sidenavtext {
text-align: right;
margin-right: 32px;
}

.sidenavtextheader {
color: #ffffff;
font-size: 17px;
font-family: arial;
font-weight: bold;
margin: 0px 0px 0px 0px;
line-height: 20px;
}

.sidenavtextaddress {
font-size: 12px;
font-family: arial;
font-weight: bold;
margin: 15px 0px 5px 0px;
}

.sidenavtextaddress2 {
margin-top: 3px;
margin-bottom: 10px;
font-size: 12px;
font-family: arial;
font-weight: normal;
line-height: 18px;
}

.sidenavtexttelephone {
font-size: 12px;
font-family: arial;
font-weight: normal;
height: 23px;
}

.sidenavtextnumber {
font-size: 20px;
font-family: arial;
font-weight: normal;
}

#sidenavbottom {
text-align: right;
margin-right: 25px;
margin-top: 10px;
}



/* Left Column End */
/* Left Column End */











#main {
float: left;
width: 668px;
background: #ffffff;
}

#mainhome {
float: left;
width: 668px;
}

#header {
float: left;
width: 668px;
height: 110px;
background: url(images/headerbackground.jpg) no-repeat;
}

.headertext {
color: #ffffff;
font-size: 18px;
font-family: arial;
text-align: left;
position: relative;
top: 40px;
left: 45px;
float: left;
height: 110px;
}


#topimages {
float: left;
width: 668px;
height: 118px;
background: #cccccc;
border: 0px;
border-bottom: 27px solid #cccccc;
padding: 0px;
margin: 0px;
vertical-align: top;
position: top;
}

#content {
background: #ffffff;
float: left;
height: 425px;
width: 668px;
}

#contenthome {
background: url(images/homeimage.jpg) bottom right no-repeat;
float: left;
height: 425px;
width: 668px;
}


#contentabout {
background: #ffffff;
float: left;
height: 425px;
width: 668px;
}


#contentcontact {
background: #ffffff;
float: left;
height: 535px;
width: 668px;
}


h4.home {
color: #ffffff;
font-size: 21px;
font-family: arial;
text-align: left;
height: 20px;
font-weight: normal;
padding-bottom: 10px;
}

h4 {
color: #000000;
font-size: 21px;
font-family: arial;
text-align: left;
height: 20px;
font-weight: normal;
padding-bottom: 0px;
margin-bottom: 6px;
}

#texthome {
margin-top: 20px;
margin-left: 45px;
color: #ffffff;
font-size: 13px;
font-family: arial;
text-align: left;
float: left;
width: 470px;
float: left;
}

#text {
margin-top: 20px;
margin-left: 45px;
color: #000000;
font-size: 13px;
font-family: arial;
text-align: left;
float: left;
width: 550px;
}

#textmap,
#textcontact {
margin-top: 20px;
margin-left: 45px;
color: #000000;
font-size: 13px;
font-family: arial;
text-align: left;
float: left;
width: 650px;
}

#text p {
margin-bottom: 15px;
}

#texthome p {
margin-bottom: 15px;
}

#texthomeimage {
float: left;
position: relative;
top: 55px;
left: 10px;
width: 100px;
}




/* Footer Begin */
/* Footer Begin */


#footernavhome {
width: 600px;
position: relative;
top: 145px;
left: 65px;
color: #ffffff;
float: left;
font-size: 16px;
}

#footernavhome a {
color: #CCCCCC;
z-index: 2;
text-decoration: none;
font-size: 12px;
font-family: arial;
padding: 0 5px 0 5px;
}

#footernavabout {
width: 600px;
position: relative;
top: 38px;
left: 65px;
color: #CCCCCC;
float: left;
font-size: 16px;
}

#footernavabout a {
color: #939394;
z-index: 2;
text-decoration: none;
font-size: 12px;
font-family: arial;
padding: 0 5px 0 5px;
}


#footernavbenefits {
width: 600px;
position: relative;
top: 20px;
left: 65px;
color: #CCCCCC;
float: left;
font-size: 16px;
}



#footernavbenefits a {
color: #939394;
z-index: 2;
text-decoration: none;
font-size: 12px;
font-family: arial;
padding: 0 5px 0 5px;
}

#footernavcontact {
width: 600px;
position: relative;
top: 40px;
left: 65px;
color: #CCCCCC;
float: left;
font-size: 16px;
}

#footernavcontact a {
color: #939394;
z-index: 2;
text-decoration: none;
font-size: 12px;
font-family: arial;
padding: 0 5px 0 5px;
}



#footernavmap {
width: 600px;
position: relative;
top: 30px;
left: 65px;
color: #CCCCCC;
float: left;
font-size: 16px;
}

#footernavmap a {
color: #939394;
z-index: 2;
text-decoration: none;
font-size: 12px;
font-family: arial;
padding: 0 5px 0 5px;
}



#footernavthankyou  {
width: 600px;
position: relative;
top: 90px;
left: 65px;
color: #CCCCCC;
float: left;
font-size: 16px;
}

#footernavthankyou a {
color: #939394;
z-index: 2;
text-decoration: none;
font-size: 12px;
font-family: arial;
padding: 0 5px 0 5px;
}




#footernav {
width: 600px;
position: relative;
top: 120px;
left: 65px;
color: #CCCCCC;
float: left;
}

#footernav a {
color: #939394;
z-index: 2;
text-decoration: none;
font-size: 13px;
font-family: arial;
padding: 0 5px 0 5px;
}

#footerhome {
float: left;
width: 668px;
height: 40px;
background: #CCCCCC;
}


#footer {
float: left;
width: 668px;
height: 40px;
background: #CCCCCC;
text-align: right;
}

#copyright {
margin-right: 20px;
position: relative;
top: 12px;
font-size: 12px;
}

/* Footer End */
/* Footer End */




/* Contact form */



.ddfmwrap form.ddfm {
background: #d9dadb;
padding: 15px;
float: left;
width: 350px;
}

.contactformheader {
margin-top: 20px;
margin-bottom: 8px;
color: #939394;
font-weight: bold;
}

.contactformtop {
background:  url(images/contactformtop.gif) no-repeat;
position: relative;
top: 0px;
float: left;
width: 380px;
height: 7px;
}

.contactformbottom {
background:  url(images/contactformbottom.gif) no-repeat;
position: relative;
top: 0px;
left: 45px;
float: left;
width: 380px;
height: 7px;
}


form.ddfm label {
	display: block; 
	float: left; 
	width: 60px;; 
	text-align: left;
	margin: 0 10px 0 0; 
	padding-bottom: 5px;
	clear: left; 
font-weight: bold; 
font-size: 12px;
color: #4c4c4c;
}

#fm_name,
#fm_company,
#fm_address,
#fm_town,
#fm_postcode,
#fm_telephone,
#fm_subject,
#fm_email {
width: 250px;
}

.fmcomments {
text-align: left;
padding: 0px;
margin: 0px;
width: 100px;
font-weight: bold; 
font-size: 12px;
color: #4c4c4c;
}

#fm_message {
width: 350px;
}

form.ddfm label .fm_message {
display: none;
}


.submit {
padding-top: 10px;
	text-align: right;
}

input,textarea {
border: none;
}

p.fieldwrap {
margin-bottom: 5px;
}

.contactinfo {
float: left;
width: 174px;
margin-left: 35px;
font-weight: bold; 
font-size: 12px;
position: relative;
bottom: 50px;
color: #4c4c4c;
}

.contactinfo1 {
float: right;
width: 174px;
margin-right: 60px;
font-weight: bold; 
font-size: 12px;
position: relative;
bottom: 30px;
color: #4c4c4c;
}

.contactinfoheader {
position: relative;
top: -4px;
left: 8px;
}

.postaladdress {
background: #d9dadb;
font-weight: normal; 
font-size: 10px;
padding: 8px;
height: 50px;
}

.postaladdresstext {
position: relative;
top: 0px;
padding: 0px;
}


.telephone {
background: #d9dadb;
font-weight: normal; 
font-size: 10px;
padding: 8px;
text-align: right;
}

.telephonetext {
margin-right: 11px;
}

.telephonelabel {
margin-right: 20px;
}

.emailaddress {
background: #d9dadb;
font-weight: normal; 
font-size: 10px;
padding: 8px;
height: 10px;
}


.postaladdresstop {
background:  url(images/greytopback.gif) no-repeat;
position: relative;
top: 0px;
left: -1;
float: left;
width: 174px;
height: 7px;
}
.postaladdressbottom {
background:  url(images/greybottomback.gif) no-repeat;
position: relative;
top: 0px;
left: -4;
float: left;
width: 174px;
height: 7px;
margin-bottom: 30px;
}


/* Contact End */

/* Map Begin */



#map {
float: left;
position: relative;
top: 0px;
}

.mapaddress {
background: #d9dadb;
font-weight: normal; 
font-size: 11px;
padding: 7px;
float: left;
width: 160px;
height: 52px;
margin-left: 25px;
position: relative;
top: 2px;
color: #4c4c4c;
}

.mapaddresstext {
position: relative;
top: -14px;
}



.mapaddresstop {
background:  url(images/greytopback.gif) no-repeat;
position: relative;
top: -12px;
right: 7px;
float: left;
width: 174px;
height: 7px;
}
.mapaddressbottom {
background:  url(images/greybottomback.gif) no-repeat;
position: relative;
top: -11px;
right: 7px;
float: left;
width: 174px;
height: 7px;
}








ddfmwrap p.fieldwrap {
	padding: 0px;
	margin: 0px;
}

ddfmwrap label {
	padding: 0px;
	margin: 0px;
}

form.ddfm textarea,
form.ddfm input.fmfile,
form.ddfm input.fmtext {
	margin: 0px;  
	padding: 0px;
border: 0px;
}

form.ddfm textarea {
height: 110px;
}