body{
	background-color: #000000;

	margin:0px 0px 0px 0px;
	padding:0;
	font-size:12px;
	font-family: Arial, "Tahoma", Times, serif;
	line-height: 1.5em;
	color: #333333;
	}

img{display:block; margin:0px 0px 0 0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:20px;}

a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
.imgl{float:left; margin:0px 8px 28px 0px; clear:left;}
.imgr{float:right; margin:8px 8px 8px 8px; clear:right;}

.img2{padding:5px;}
.img2{float:left; margin:0px 8px 28px 0px; clear:left;}


	
.propintro{
	width:560px;
	color:#333333;
	font-size: 14px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 0px;
	
	}


/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{

	display:block;
	width:100%;
	margin:0;
	text-align:left;
	
	}

div.wrapper h3{
	font-family: Arial, ;
	color: #0000ff;
	margin:20px 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}
	
	div.wrapper h2{
	color:#ffffff;
	margin-top: 3px;
	font-family: Times, "Tahoma";
	font-size:18px;
	line-height: 1.4em;
	font-weight:bold;
	padding: 0 0 0 0;
	}
	div.wrapper h4{
	color:#ffffff;
	margin-bottom: 3px;
	margin-top: 4px;
	font-size:16px;
	font-weight:bold;
	}
	
	h4 em, h5 em{font-family: arial, Georgia, serif; font-weight: normal; color: #339933;} 
	
	div.wrapper h5{
	color:#ffffff;
	margin-bottom: 3px;
	margin-top: 9px;
	font-size:16px;
	font-weight:bold;
	}
	
	div.wrapper h1{
	color:#000000;
	font-family: Times, "Tahoma";
	margin-bottom: 0px;
	margin-top: 7px;
	font-size:20px;
	font-weight:bold;
	}
	
	
	
.col1 {}
	


.

.col4{color:#333333; background-color:white; }
.col4 a{color:#333333; font-weight: bold;}
.col4 a:hover{

	font-weight:bold;
	text-decoration: underline;
	}



.col5{color:#333333; background-color:white; }
.col5 a{color:#3333cc;}
.col6, .col6 a{color:#333333; }
.col6 a:hover{
	font-weight:bold;
	text-decoration: underline;
	}
.col7{color:#333333; background-color:white;}

.col8{color:#ffffff; }
.col8 a{color:#ffffff;}
.col8 a:hover{
	font-weight:bold;
	text-decoration: underline;
	
	}
	
.col9 a{color:#ffffff;}
.col9 a:hover{
	color:black;
	text-decoration: underline;
	}
	
.col10 a{color:#333333;}
.col10 a:hover{
	color:black;
	text-decoration: underline;
	}
	
	.col11, .col11 a{color:#333333; }
.col11 a:hover{
	font-weight:bold;
	text-decoration: underline;
	}
.col12 a{color: #ffffff}
.col12 a:hover{
	text-decoration: underline;
	}
	
/* ----------------------------------------------Generalise-------------------------------------*/
#name p {color: white; font-size: 1.4em; font-weight: bold; line-height: 1.40em; }

.large{
font-size:16px;
font-weight: bold;
line-height: 1.8em;
}

.pad{
padding: 0 10px 10px 15px;
width: 420px;
}

.padd{
padding: 0 10px 10px 15px;
width: 660px;
}

.paded{
padding: 18px 10px 10px 15px;
width: 180px;
}

#speach  {float: left; color: #444; font-size: 4.90em; font-weight: bold; line-height: 0.30em; padding-right: 100pt; padding-top: 25pt; color:#fff} 
#speachend  {float: left; color: #444; font-size: 4.90em; font-weight: bold; line-height: 0.30em; padding-right: 100pt; padding-top: 20pt; padding-bottom: 15pt; color:#fff} 

#blog{
background:url('../images/blog.gif');
	background-repeat: no-repeat;
	margin:8px 6px 0 0;
	height:120px;
	width: 170px;
	font-size: 15px;
	font-weight: bold;
	line-height:1.3em;
	font-style: italic;
	padding: 12px 3px 4px 14px;
	Color: #333333;
}



#me{
width:300px;
float:left;
margin: 37px 200px 0 22px;
}

#flash{
float:right;
width:500px;
position: absolute;
padding: 150px 0 0 320px;
}

#logo{
	
	position: absolute;
	float: left;
	margin:10px 0 10px 0px;
	padding:0px 0 0px 0px;

	}

#portq{
padding: 2px 45px 0 0;
line-height: 1.5em;
color: #ffffff;

font-size: 15px;
}

#login{
background:url('http://autodent-services.co.uk/images/login.gif');
	background-repeat: no-repeat;
	float: right;
	color: #ffffff;
	height: 33px;
	width: 740px;
	font-weight: bold;
	padding: 8px 0 0 33px;
margin: 63px 40px 0 600px;
}

#email{

	float: right;
	postion: absolute;
	color: #000000;
	font-weight: bold;
	padding: 0px 0 0 10px;
margin: 0px 70px 0 700px;
}

#testimonial{
background:url('http://autodent-services.co.uk/images/testimonial.gif');
	background-repeat: no-repeat;
	padding: 10px 18px 2px 24px;
	margin: 21px 0 0 10px;
	color: #ffffff;
	font-style: italic;
	font-size:12px;
	width: 210px;
	height: 307px;
}

#contentwrapper{
width: 290px;
height: 200px;


}

.billcontent{
font-size: 15px;
width: 90%;
display:block;
}


.transbox
  {
  color: #ffffff;
  font-weight: normal;
  font-size: 14px;
  padding: 5px 10px 0 10px;
  width:230px;
  height:275px;
  margin:-270px  0px 0px 622px;
  background-color:#000000;
  border:0px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }

.toptext
{

padding: 0 0 0 20px;
margin: 0px 10px 10px 20px;
font-size: 14px;

}

#bottom_column{
background:url('http://autodent-services.co.uk/images/bottom_column.gif');
	background-repeat: no-repeat;
	margin: 0 0 10px 10px;
	padding: 5px 30px 0 15px;
	height:305px;
	width: 940px;
	}
	
	#bottom_column .sec{
	font-size:14px;
		color: #ffffff;
		float: left;
	padding: 26px 30px 0 20px;
	font-weight: bold;
	height:105px;
	width: 140px;
}

#bottom_column .secc{

	font-size:14px;
	color: #ffffff;
	padding: 38px 30px 0 135px;
	font-weight:bold;
	float: left;
	height:107px;
	width: 130px;

}

#bottom_column .sed{
	font-size:14px;
	color: #ffffff;
	padding: 30px 191px 0 0px;
	font-weight:bold;
	float: right;
	height:105px;
	width: 140px;

}

#bottom_column .sedd{
	font-size:14px;
	color: #ffffff;
	padding: 16px 82px 0 0px;
	font-weight:bold;
	float: right;
	height:105px;
	width: 140px;

}

#bottom_column .seee{

	font-size:14px;
	color: #ffffff;
	padding: 12px 30px 0 393px;
	font-weight:bold;
	float: left;
	height:105px;
	width: 140px;

}

#bottom_column .secf{
	font-size:14px;
		float: left;
	padding: 30px 730px 0 20px;
	font-weight: bold;
	height:60px;
	width: 30px;
}





#header{
	
	background-color: #000000;
	position:relative;
	margin:0px auto 0;
	display:block;
	width:1000px;
	height:200px;
	}
	
	#calculators{
	background:url('http://autodent-services.co.uk/images/background_calc.gif');
	background-repeat: no-repeat;
	}
	
	#breadcrumb, #featured_intro, #container, #footer{
	
	position:relative;
	margin:0px auto 0;
	display:block;
	width:1000px;
	}
	
	#copyright{
	
	position:relative;
	margin:0px auto 0;
	display:block;
	width:1800px;
	}
	
	#topbar{

	position:relative;
	margin: 0px auto 2px;
	width:1100px;
	}
	
#popup {
background:#EFEFEF;
border:1px solid black;
margin:0px;
padding:7px;
width:265px;
}

/* ----------------------------------------------Header-------------------------------------*/

#info{
	padding-left:10px;
	padding-right:10px;}



#shadow{
	background:url('http://autodent-services.co.uk/images/shadow.gif');
	background-repeat: no-repeat;
	padding:0px 0px 0px 20px;
	margin:15px auto 90px;
	display:block;
	width:1010px;
	height:780px;
	
	
	/*--background:url('http://autodent-services.co.uk/images/top2.jpg');----------background border image*/
	
	}

	

#header{
	background:url('../images/header.gif');
	background-repeat: no-repeat;
	padding: 0px 0 0 0;
	margin:0px auto 0px;
	

	}
	
	



	#header .fl_media{
	padding: 0 0px 0 0px ;
	margin: 0px 200px 0px 800px;
	float:right;
	width:40px;
	}
	
	#header .fl_text{
	
	margin: 300px 700px 0px 0;
	float:left;
	width:40px;
	
	}

#header h1, #header p, #header ul{
	margin:12px 0 0 0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#header h1 a{
	font-size:42px;
	color:#191ef5;
	background-color:#a8f9b9;
	}

#header .fl_left p{
	margin-top:5px;
	}

/* ----------------------------------------------Topbar-------------------------------------*/

#topbar{
	z-index:1000;
	}

#topbar #search{
	display:block;
	float:right;
	width:960px;
	margin:0px 0 0 0;
	padding:0;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:0 0 10px 0;
	border-bottom:1px dotted #99CC33;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Homepage Featured Intro-------------------------------------*/

#featured_intro{
	padding:0 0 20px 0;
	}

#featured_intro .fl_left{
	display:block;
	float:left;
	width:470px;
	}
	
#featured_intro .fl_left h2{
	margin:0;
	padding:0;
	font-size:120px;
	color:#191ef5;
	background-color:#151515;
	text-transform:uppercase;
	line-height:normal;
	}

#featured_intro .fl_right{
	display:block;
	float:right;
	width:450px;
	padding-top:65px;
	text-align:justify;
	line-height:1.5em;
	}

#featured_intro .fl_right .readmore{
	display:block;
	text-align:right;
	font-weight:bold;
	}

/* ----------------------------------------------Content-------------------------------------*/

#column .aboutme{display:block; width:250px; height:400px; padding:5px; background-color:#999999; margin-bottom:20px; margin-left:10px;}




#content{

	display:block;
	float:left;
	width:600px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 10px 40px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#999999; background-color:#999999;}
#comments .commentlist li.comment_odd a{color:#6666ff; background-color:#999999;}

#comments .commentlist li.comment_even{color:#CCCCCC; background-color:#666666;}
#comments .commentlist li.comment_even a{color:#3333cc; background-color:#666666;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	position: absolute;
	display:block;
	float:right;
	margin: 0 0px 0px 570px;
	width:200px;
	
	}

#column .holder{
	display:block;
	width:260px;
	margin-bottom:20px;
	padding-left:10px;
	}



#column .holder p{
	line-height:1.6em;
	}

#column h2{
	font-size:20px;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dashed #99CC33;
	}



#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}


	
/* Featured Block */

#column #featured a{
	color:#99CC33;
	background-color:#1F1F1F;
	}

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#1F1F1F;
	}

#column #featured li p{
	line-height:1.6em;
	}


	}

#column #featured li h2{
	margin:0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family: Arial, "Tahoma", Times, serif;
	color:#666666;
	background-color:#1F1F1F;
	line-height:normal;
	border-bottom:1px dashed #99CC33;
	}

#column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column #latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#column #latestnews li{
	display:block;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #99CC33;
	}

#column #latestnews li.last{
	margin-bottom:0;
	}

#column #latestnews p{
	margin:0 0 5px 0;
	padding:0;
	}

#column #latestnews p.readmore{
	margin:0;
	padding:0;
	}

#column #latestnews .imgl{
	margin:0 10px 10px 0;
	padding:4px;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding: 0px 0 0 0px;
	}
	
#footer h3, #footer h5{
padding-left:0px;
}

#footer h2, #footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer p{
	padding-left:10px;
	line-height:1.6em;
	}

#footer h2{
	padding:0 0 0px 0px;
	color:#000000;
	background-color:#ffffff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	}

#footer li{
	margin-bottom:15px;
	}

#footer .footbox{
	display:block;
	float:left;
	width:227px;
	margin:0 10px 20px 10px;
	padding:0;
	}
	
	#footer .prop{
	display:block;
	float:left;
	width:410px;
	margin:-20px 45px 1px 1px;
	padding:0;
	}
	
	#footer .contacts{
	display:block;
	float:left;
	width:410px;
	margin:18px 40px 1px 1px;
	padding:0;
	}
	
	#footer .contact{
	display:block;
	float:left;
	width:300px;
	margin:1px 0px 1px 1px;
	padding:0;
	}
	
	#footer .block{
	display:block;
	float:left;
	width:510px;
	margin:1px 40px 1px 1px;
	padding:0;
	}

#footer .offices li{
	display:block;
	float:left;
	width:240px;
	height:63px;
	margin:0 10px 15px 0px;
	padding:0px;
	border:1px solid #cccccc;
	}

#footer .banners li{
	display:block;
	width:200px;
	height:150px;
	margin:0 0 15px 0;
	padding:4px;
	border:1px solid #cccccc;
	}

#footer .last{
	margin:0;
	}

	
	.red{
	color:red;
	}
/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{

	width:100%;
	background-color:#339933;
	position:absolute;
	color:#ffffff;
	height:100px;
	padding:17px 0 0 0;
	font-size: 10px;
	}
	
	#copyrighted{

	width:100%;
	background-color:#339933;
	position:absolute;
	color:#ffffff;
	height:100px;
	margin-top:90px;
	padding:17px 0 0 0;
	font-size: 10px;
	}
	
	#centre{
	margin: 0 200px 0 0px;
	}
	
	
	/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:25%;			/* width of the right column */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
		/* left column background colour */
}
.threecol .col1 {
	width:43%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:32%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:34%;			/* Width of right column content (column width minus padding on either side) */
	left:72%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
	
	
	.cola,
.colb,
.colc {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:25%;			/* width of the right column */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
		/* left column background colour */
}
.threecol .cola {
background:url('../images/main-content.gif');
background-repeat: no-repeat;
padding: 15px 0px 5px 0px;
height:600px;
	width:57%;			/* width of center column content (column width minus padding on either side) */
	left:99%;			/* 100% plus left padding of center column */
}
.threecol .colb {
	background:url('../images/calb.gif');
	background-repeat: no-repeat;
	padding: 10px 18px 5px 12px;
	height:600px;
	margin: 0 0 25px 0;
	width:17%;			/* Width of left column content (column width minus padding on either side) */
	left:20%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .colc {
background:url('../images/cala.gif');
background-repeat: no-repeat;
height:600px;
	width:23%;			/* Width of right column content (column width minus padding on either side) */
	left:70%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
	






	.colaa,
.colbb,
.colcc {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
	
.threecol .colaa {
background:url('../images/main-content2.gif');
background-repeat: no-repeat;
padding: 15px 0px 5px 0px;
height:900px;
	width:77%;			/* width of center column content (column width minus padding on either side) */
	left:75%;			/* 100% plus left padding of center column */
}
.threecol .colbb{
	background:url('../images/calb.gif');
	background-repeat: no-repeat;
	padding: 10px 18px 5px 12px;
	height:900px;
	margin: 0 0 25px 0;
	width:17%;			/* Width of left column content (column width minus padding on either side) */
	left:10%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .colcc {
background:url('../images/cala.gif');
background-repeat: no-repeat;
height:900px;
	width:23%;			/* Width of right column content (column width minus padding on either side) */
	left:70%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}