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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;}
	
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/

html {
	font-size:100%;
	min-height:101%;
}


body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 1em;
	background-color:#f4f6fe;
	font-weight:lighter;
	min-height:101%;
	}
	
a{
	color:#b5002f;
	text-decoration:none;
}
a:hover{
text-decoration:none;
font-weight:bold;
color: #333333;}


.cap{
	width:960px;
	max-width:1000px;
	margin:0 auto;
	border:0;
	
}
#wrapper {
	width:920px;
	max-width:920px;
	margin:0 auto;
	position:relative;}
.border{
	border:1px solid #E8E8E8;}
	
#container {
margin:0 auto}	
.spacer{
	width:920px;
	max-width:920px;
	margin:0 auto;
	position:relative;
	height:10px;}
#footercontainer{
width:1024px;
	margin:0 auto;}

.wrappermid {
margin:0 auto;}
.bordertop{
border-top:5px solid #828282f;
}
.borderbottom {
border-bottom:2px solid #E8E8E8;}
.borderleft {
border-left:1px solid #E8E8E8;}
.pictureframe {
border:solid 1px #E8E8E8;}
/*-------------------------------------------+
|                                            |
|            Grid Stucture           |
|                                            |
+-------------------------------------------*/
.header{
background-image:url(images/header.jpg);
background-repeat:no-repeat;
height:80px;}
.generic {
	float:left;
	margin-bottom:20px;
	display:inline;}
	
.clear {
	clear:both;
}
.first {
	margin-left:40px;
	display:inline;
}
.firstservices {
	margin-left:30px;
	display:inline;
}
.standard{
margin-right:40px;
display:inline;}



/*-------------------------------------------+
|                                            |
|            Columns
|                                            |
+-------------------------------------------*/

.onecol{
	width:106px;
	}

.twocol{
	width:252px;
}

.threecol{
	width:398px;

}

.fourcol{
	width:544px;

}

.fivecol{
	width:690px;

}

.sixcol{
	width:836px;

}
/*-------------------------------------------+
|                                            |
|           Navigation
|                                            |
+-------------------------------------------*/

.navigation {
float:right;
margin-right:-10px;
margin-top:10px;}

.navigation a{
margin-right:10px;
color:#666;
	font-size:1.4em;
	margin-bottom:0.5em;
	line-height:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;}
	
.navigation a:hover{
text-decoration:underline;
font-weight:normal;
color: #333333;}

#header {
	width:960px;
	height:100px;
	margin-bottom:-4px;
}
.logo {
	margin-bottom:30px;
	margin-top:20px;
}
.floatleft{
float:left;}
.navbut{
text-align:center;
margin-top:40px;}
/*-------------------------------------------+
|                                            |
|            Colouring
|                                            |
+-------------------------------------------*/


.redbg {
	background-color:#b5002f;
}
.whitebg {
	background-color:#ffffff;
}
.olivegreen {
background: #6F7431; }
.purple {
background: #C969A8;}

.yellow {
background: #FEE000;}

.blue {
background: #13647F;}

.brightred {
background: #CB2027;}

.brightgreen {
background: #AFB336;}
.pagecolour {
background:#efe5e5;}

/*-------------------------------------------+
|                                            |
|           Margins
|                                            |
+-------------------------------------------*/

.marginright1 {
	margin-right:10px;
	display:inline;
}
.marginright2 {
	margin-right:20px;
	display:inline;
}
.marginright3 {
margin-right:30px;
display:inline;}

.marginleftminus1{
margin-left:-10px;
display:inline;}
.marginleft2 {
margin-left:10px;
display:inline;}
.marginleft3 {
margin-left:30px;
display:inline;}
.marginleft4 {
margin-left:40px;
display:inline;}

.marginleft5 {
margin-left:50px;
display:inline;}
.marginleft6{
margin-left:60px;
display:inline;}
.marginbottom5 {
margin-bottom:50px;}
.marginbottom2 {
margin-bottom:20px;}
.marginbottom1 {
margin-bottom:10px;}
.marginbottom0{
margin-bottom:0;}
.margintop4 {
margin-top:40px;}
.margintop3 {
margin-top:30px;}
.margintop2 {
margin-top:20px;}
.margintop1 {
margin-top:10px;}
.marginimage1{
margin:10px;
display:inline;}
.padding {
padding-top:10px;
padding-bottom:10px;}

/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/

.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:3.2em;
	font-weight:900;
	margin-top:0.2em;
	margin-bottom:0.2em;
	line-height:1.2em;
	font-variant:small-caps;
}
h2{
color:#333333;
	font-size:2.2em;
	margin-bottom:1.6em;
	line-height:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-align:center;}

h3{
	color:#b5002f;
	font-size:2em;
	margin-bottom:0.5em;
	line-height:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
}
h4{
	color:#000000;
	margin-top:.5em;
	font-size:1.4em;
	margin-bottom:1.3em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

	
}
h5{
	color:#333333;
	font-size:1.2em;
	margin-bottom:.5em;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	
}
h6{
	color:#666;
	font-size:1em;
	margin-bottom:1em;
	line-height:1.8em;
}

.bold{font-weight:bold;}
ul {
margin-bottom:0.5em;
text-decoration:none;
list-style:none;
font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	list-style:disc;
}
.footer ul{
list-style:none;}

.footer{
min-height:22em;}
a.comlegalservices{
height:92px;
width:60px;
text-decoration:none;
display:block;
overflow:hidden;
background-image:url(images/comlegalservice.png);
}
a.comlegalservices:hover{
background-position:-60px 0;}

a.uk200{
height:30px;
width:106px;
text-decoration:none;
display:block;
overflow:hidden;
background-image:url(images/uk200rollover.png);
}
a.uk200:hover{
background-position:-106px 0;}

a.familylaw{
height:92px;
width:133px;
text-decoration:none;
display:block;
overflow:hidden;
background-image:url(images/familylaw.png);
}
a.familylaw:hover{
background-position:0px 92px;}


.displace {
	position: absolute;
	left: -5000px;
	}

ul a{
	color:#666;
	text-decoration:none;
}
ul a:hover{
text-decoration:none;
font-weight:bold;
color: #333333;
margin-left:0.2em;}

    /*-------------------------------------------+
|                                            |
|               Box Slider               |
|                                            |
+-------------------------------------------*/  
.boxcaption{ 
				float: left; 
				position: absolute; 
				height: 160px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
.boxgrid{ 
				width: 250px; 
				height: 208px; 
				float:left; 
				background:#ffffff; 
				overflow: hidden; 
				position: relative; 
			}
				.caption .boxcaption {
 					top: 168px;
 					left: 0;
 				}
				
				.sliderbody {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:1.5em;
	padding-top:0.5em;
	margin-right:1.5em;
	border-top:#FFFFFF .1em solid;}
	
	.sliderbody a{
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:right;
	text-decoration:underline;}
	
	.sliderbody a:hover{
	color:#000000;}
	


/*-------------------------------------------+
|                                            |
|               Footer Slider               |
|                                            |
+-------------------------------------------*/ 

.legal{
font-size:1em;
margin-top:40px;
margin-bottom:1em;
color:#999999;
text-align:center;}

.legal a{
text-decoration:none;
color:#999999;}

.legal a:hover{
	color:#000000;
	font-weight:normal;}
#form{
	width:235px;
	float:left;
	margin:10px;}
	
form div{

	margin-bottom:10px;
	width:215px;}

form label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#595859;
	display:inline-block;

	}
form label.error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#FF0000;
	display:inline-block;

	}
form input {
	width:215px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #888888 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#999999;
}
form input:hover {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #B1B1B1;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}
form input:focus { 
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #b5002f;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
		}
form input.error {
font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color:#FF0000;
	border-style:dashed;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
}

/*form input:hover.error {
	margin-top:5px;
	border:solid #FF0000 1px;
	padding:5px;
	margin: 1px;
	font-size:1.2em;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
}

form input:focus.error {
	margin-top:5px;
	border:solid #b5002f 1px;
	padding:5px;
	font-size:1.2em;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
}*/
	
textarea {
margin-top:5px;
	width:215px;
	height:160px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #888888 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#999999;
}

textarea.error {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color:#FF0000;
	border-style:dashed;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}

textarea:hover{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #B1B1B1;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}

textarea:focus{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #b5002f;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}

form select{ 
	height:30px;
	width:158px;
	font-size:1.2em;
	padding: 3px 0 3px 3px;
	/*background:#FFFFFF;
	border-color: #888888 #CCCCCC #CCCCCC;
	border-style: solid;
	border-width:1px;
	padding: 3px 0 3px 3px;
	margin: 1px;*/
	
			}
.submitbutton {
border:0;
background-image:url(images/getintouch2.png);
	background-repeat:no-repeat;
	height:38px;
	width:160px;
	overflow:hidden;
		cursor:pointer;}
	
.submitbutton:hover {
border:0;
background-image:url(images/getintouch2.png);
	background-repeat:no-repeat;
	height:38px;
	width:160px;
	overflow:hidden;
	cursor:pointer;
}
.perror {
color:#FF0000;
padding:10px;
padding-left:0px;
}

.sucess {
color:#AFB336;
padding:10px;
border: dashed 1px #AFB336;}

#mainform{
	width:504px;
	float:left;
	margin:20px;}
	
#mainform div{
	margin-bottom:10px;
	width:230px;
	float:left;}

mainform label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#595859;
	display:inline-block;

	}
mainform label.error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#FF0000;
	display:inline-block;

	}
mainform input {
	width:300px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #888888 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#999999;
}
form input:hover {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #B1B1B1;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}
form input:focus { 
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #b5002f;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
		}
form input.error {
font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color:#FF0000;
	border-style:dashed;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
}

/*form input:hover.error {
	margin-top:5px;
	border:solid #FF0000 1px;
	padding:5px;
	margin: 1px;
	font-size:1.2em;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
}

form input:focus.error {
	margin-top:5px;
	border:solid #b5002f 1px;
	padding:5px;
	font-size:1.2em;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;
}*/
	
textarea {
margin-top:5px;
	width:215px;
	height:160px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #888888 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#999999;
}

textarea.error {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color:#FF0000;
	border-style:dashed;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}

textarea:hover{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #B1B1B1;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}

textarea:focus{
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color: #b5002f;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	background-image:url(images/inputbg_10.png);
	background-repeat:repeat-x;
	color:#333333;

}

form select{ 
	height:30px;
	width:158px;
	font-size:1.2em;
	padding: 3px 0 3px 3px;
	/*background:#FFFFFF;
	border-color: #888888 #CCCCCC #CCCCCC;
	border-style: solid;
	border-width:1px;
	padding: 3px 0 3px 3px;
	margin: 1px;*/
	
			}
.submitbutton {
border:0;
background-image:url(images/getintouch2.png);
	background-repeat:no-repeat;
	height:38px;
	width:160px;
	overflow:hidden;
		cursor:pointer;}
	
.submitbutton:hover {
border:0;
background-image:url(images/getintouch2.png);
	background-repeat:no-repeat;
	height:38px;
	width:160px;
	overflow:hidden;
	cursor:pointer;
}
.perror {
color:#FF0000;
padding:10px;
padding-left:0px;
}

.sucess {
color:#AFB336;
padding:10px;
border: dashed 1px #AFB336;}


.green:hover{
border:solid 1px #000000;}
.dottyborder {
border: dashed 10px #E8E8E8;}
.solidborder {border:solid 1px; border-color:#E8E8E8;}

ul a{
font-size:0.9em;}

ul a hover{
font-size:0.9em;}