/*------------------------------------------------------------------------------*/
/*	--> SKIN PEELS AND SCAR TREATMENT CENTRE WEBSITE V 1.0 2008 CSS DOCUMENT 	*/
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {
margin: 0px;
padding:0px;
width:100%;
background-color:#b1c728;
}


/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/


#top_body{
margin: 0px;
padding:0px;
width:100%;
background-color:#FFFFFF;
}

#top_container{
width: 750px;
margin-left: auto;
margin-right: auto;
}




/*------------------------------------------------------------------------------*/
/*	--> NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#nav_body{
margin: 0px;
padding:0px;
width:100%;
background-color:#FFFFFF;
}

#nav_container{
width: 750px;
	margin-left: auto;
	margin-right: auto;
	height: 33px;
}

#nav_container ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}


#nav_container li{
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
}


.tab, .tab1{float: right; margin: 0px;padding: 0px;border: 0px;}

.tab a{
display:block;
	color:#9eb318;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/tab_a.gif);
	width:98px;
	height:23px;
	padding-top:10px;
	background-repeat:no-repeat;
	text-align:center;
}

.tab a:hover{
display:block;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/tab_a_hover.gif);
	width:98px;
	height:23px;
	padding-top:10px;
	background-repeat:no-repeat;
	text-align:center;
}

.tab1 a{display:block; color:#9eb318; text-decoration:none;	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;	background-image:url(../images/tab_a1.gif); width:98px;	height:23px; padding-top:10px; background-repeat:no-repeat; text-align:center;}

.tab1 a:hover{display:block; color:#ffffff;	text-decoration:none; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	font-weight:bold; background-image:url(../images/tab_a_hover1.gif); width:98px;	height:23px; padding-top:10px;	background-repeat:no-repeat; text-align:center;}


/*------------------------------------------------------------------------------*/
/*	--> MIDDLE DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#middle_body{
margin: 0px;
padding:0px;
width:100%;
background-image:url(../images/middle_bg.gif);
background-repeat:repeat-x;
}

#middle_container{
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/middle_container_bg.gif);
	height:300px;
	width: 900px;
}

#middle_container_other{
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/middle_container_bg2.gif);
	width: 900px;
	height:25px;
}


#middle_col_1{
width:267px;
float:left;
display:inline;
margin-left:75px;
padding-top:25px;
}

#middle_col_2{
width:414px;
float:left;
display:inline;
margin-left:94px;
}

#middle_col_1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
margin-top:14px;
margin-bottom:16px;
}


/*------------------------------------------------------------------------------*/
/*	--> MIDDLE DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#main_body{
margin: 0px;
padding:0px;
width:100%;
background-color:#f3f2d3;
background-image:url(../images/main_bg.gif);
background-repeat:repeat-x;
}

#main_container{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	padding-top:40px;
	padding-bottom:40px;
}


#main_col_1{
width:330px;
float:left;
display:inline;
height:260px;
background-repeat:no-repeat;
background-image:url(../images/main_col.gif);
padding-top:12px;
padding-left:10px;
padding-right:10px;
}

#main_col_2{
width:330px;
float:left;
display:inline;
margin-left:41px;
height:260px;
background-repeat:no-repeat;
background-image:url(../images/main_col.gif);
padding-top:12px;
padding-left:10px;
padding-right:10px;
}


#main_container h1 {color: white; padding: 0; margin: 0;border: 0;padding-bottom: 24px; text-align: center;}

#main_col_1 p, #main_col_2 p, #main_col_3 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}

#main_column_1{
width:240px;
float:left;
display:inline;
}

#main_column_2{
width:487px;
float:left;
display:inline;
margin-left:23px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
}

#main_column_2 a{
color:#707070;
}

.square_padder{ margin-right:5px;}

.right_border_padder{
border: solid 7px #e6e6e6;
margin-left:10px;
margin-bottom:10px;
}

h1{
margin:0px;
padding:0px 0px 5px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
color:#ffa62d;
font-weight:normal;
border-bottom: solid 1px #707070;

}

#right_nav{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0px;
padding:20px 0px 0px 0px;
font-weight:normal;
}

#right_nav ul {
      margin:0px;
      padding:0px;
      }
	  
#right_nav li {
	  margin:0px 0px 5px 0px;
      padding:0px;
	  list-style:none;

      }
	  
#right_nav a{
text-decoration:none;
color:#ffffff;
display:block;
background-image:url(../images/nav_a.gif);
	  height:29px;
	  width:230px;
	  padding-top:13px;
	  padding-left:10px; 
}

#right_nav a:hover, #right_nav a.active{
text-decoration:none;
color:#ffffff;
display:block;
background-image:url(../images/nav_a_hover.gif);
	  height:29px;
	  width:230px;
	  padding-top:13px;
	  padding-left:10px;
}

/*------------------------------------------------------------------------------*/
/*	--> FORM DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/


#form{
border:solid 1px #707070;
background-color: #b1c728;
padding:10px;
}

#form p{
color:#FFFFFF;
}

.enq_form{
background-color:#ffffff;
border: #ffa62d 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707070;
padding:3px;
width:453px
}

.enq_form_button{
background-color:#ffa62d;
border: #ffffff 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding:3px;
}

.title{
width:462px;
border-bottom: 1px solid #ffffff;
padding-bottom:5px;
}

#col1_link{
width:209px;
float:left;
display:inline;
}

#col2_link{
margin-left:26px;
width:209px;
float:left;
display:inline;;
}

#col3_link{
margin-left:26px;
width:209px;
float:left;
display:inline;
}

#col1_link p, #col2_link p, #col3_link p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#646464;
line-height:24px;
}

#col1_link a, #col2_link a, #col3_link a{
color:#646464;
text-decoration:underline;
}


/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_body{
background-image:url(../images/footer_bg.gif);
background-repeat:repeat-x;
width:100%;
background-color:#b1c728;
}

#footer_container{
padding-top:25px;
width:750px;
margin-left: auto;
margin-right: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
background-image:url(http://www.skinpeelscentre.co.uk/images/footer_main_bg.gif);
background-repeat:no-repeat;
}

#footer_container ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}

#footer_container li{
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
}

#footer_container a{
color:#ffffff;
text-decoration:none;
}

#footer_container a:hover{
color:#ffffff;
text-decoration:underline;
}

/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

p{margin: 0px; padding: 0px;}

.clearcols{clear:both; height:1px;}

#no_display{display:none;}

.line{text-decoration:line-through;}

.red_text{ color:#FF0000;}

.address_text{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#707070;

}


