/*
Leisure Structures Ltd

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

body {margin: 0px;	padding: 0px;text-align:left ;font: normal 12px "arial", Arial;color:#6C6C6C;	background: #DDDDDD repeat-x url(../images/main_bck.jpg);	}	
#main_container {width: 805px; margin: auto;position:relative; }
#page_top {width:805px; height:17px; background: #F1F1F1 url(../images/page_top.jpg) no-repeat }
#banner {width:805px; height:236px;}
#page_container {width:805px;  background:  url(../images/page_bck.jpg) repeat-y; margin-bottom:0 0 10px 0}
#page_container2 {width:805px; background-color:#F1F1F1;  margin-bottom:0 0 10px 0}
#col_one {float:left; width:500px;  padding:10px 0 0 43px;  }
#service_box {float:left; width: 230px; }
#news_box {float:left; width: 237px; background:url(../images/v_dash01.gif) repeat-y; padding:0 0 0 33px;}
#col_two {float:left; width:225px;  padding:10px 0 0 0}
.side_box {float:left ; width:225px; background:url(../images/h_dash02.gif) bottom no-repeat; padding:0 0 20px 0; margin-bottom:20px}
.side_box2 {float:left ; width:225px; background:none}
.side_text_box {float:left ; width:144px; }
.side_pic_box {float:left ; width:81px; }
#page_bottom {width:805px; height:15px; background: #F1F1F1 ;}
#full_span {float:left; width:750px; padding:10px 0 0 43px;   }
#mapholder{width:220px; height: 250px; padding:1px; border:1px solid #CCCCCC; margin:10px 0 0 15px;}
#map{overflow:hidden; width:216px; height: 246px; }

/* ------------------------NAV-----------------------------*/

#nav { width: 805px; height:105px;}
#nav ul{margin:0; padding:0; }
#nav li { float:left; list-style:none;}
#nav li a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck.jpg) no-repeat; text-align:center; width:115px; }

#nav li.home a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_home.jpg) no-repeat; text-align:center; width:115px; }
#nav li.home a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_home.jpg) no-repeat; text-align:center; width:115px}
#nav li.home2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck.jpg) no-repeat; }
#nav li.home2 a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_home.jpg) no-repeat; text-align:center; width:115px}

#nav li.about2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_about.jpg) no-repeat; text-align:center; width:115px; }
#nav li.about a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_about.jpg) no-repeat; text-align:center; width:115px}

#nav li.metals a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_metals.jpg) no-repeat; text-align:center; width:115px}
#nav li.metals2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_metals.jpg) no-repeat; text-align:center; width:115px; }


#nav li.joinery a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_joinery.jpg) no-repeat; text-align:center; width:115px}
#nav li.joinery2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_joinery.jpg) no-repeat; text-align:center; width:115px; }

#nav li.specialist a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_specialist.jpg) no-repeat; text-align:center; width:115px}
#nav li.specialist2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_specialist.jpg) no-repeat; text-align:center; width:115px; }



#nav li.testimonial a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_testimonials.jpg) no-repeat; text-align:center; width:115px}
#nav li.testimonial2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_testimonials.jpg) no-repeat; text-align:center; width:115px; }

#nav li.contact a:hover {float:left; padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_contact.jpg) no-repeat; text-align:center; width:115px}
#nav li.contact2 a { float:left; font: normal 11px "georgia", Arial; font-weight:bold; text-decoration:none; color:#FFFFFF;padding:70px 0 0 0; height:35px;  background:url(../images/nav_bck_contact.jpg) no-repeat; text-align:center; width:115px; }


/* -----------------------HEADERS, PARAGRAPHS & TEXT STYLES-----------------------------*/

#col_one p{padding:0 0 10px 0; line-height:160%; width:460px }
#service_box p{padding:0 0 10px 0; line-height:160%; width:200px  }
#news_box p{padding:0 0 10px 0; line-height:160%; width:200px  }
.side_text_box p{ line-height:140%; padding:0 10px 0 27px}
.side_box p{ line-height:140%; padding:5px 10px 5px 27px}
.side_box2 p{ line-height:140%; padding:5px 10px 5px 27px}
#full_span p {padding:0 40px 10px 0; line-height:160%; }

address {font-style:normal; padding:15px 0 0 0;}

.georgia {font: normal 12px "georgia", Arial; font-weight:bold;}

/* -----------------------LISTS-----------------------------*/

.service_box ul {margin:0 0 0 30px ; padding:0 0 0 0;}
.service_box li {padding:15px 0 2px 0;}

#sitemap ul {margin:0 0 0 30px ; padding:0 0 0 0;}
#sitemap li  {padding:5px 0 5px 0;}
#sitemap li a {text-decoration:none; color:#818181; font-weight:bold;}

#col_one ul {margin:0 0 10px 30px ; padding:0 0 0 0;}
#col_one li {padding:2px 0 2px 0;}

#col_two ul {margin:0 0 10px 45px ; padding:0 0 0 0;}
#col_two li {padding:0 0 0 0;}
#col_two li a {text-decoration:none; font-style:normal;}
#col_two li a:hover {text-decoration:underline; font-style:normal;}
/* -----------------------LINK STYLES-----------------------------*/

.blue_link { color:#006699; font-weight:bold;}
.blue_link2 { color:#006699;}

/* -----------------------MISC-----------------------------*/
.dash_divide {padding-top:10px;}
.pic_space1 {padding-left:25px;}
.pic_space2 {padding:0 0 0 25px;}
.line_spacer {padding:10px 0 15px 0 ;}

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

#footer { width: 100%; height:118px; margin: auto;position:relative; background:url(../images/footer_bck.jpg) repeat-x; text-align: center; }
#address_box {width: 805px; height:76px; margin:0 auto 10px  auto ;position:relative; background:url(../images/links_box_bg.jpg) repeat-x; text-align:center; color:#FFFFFF;}
#links a{ color:#dddddd; padding:10px 10px 0 10px; font-size:11px; font-weight:normal; text-decoration:none; }

/* ----------------------------FORMS--------------------------------*/

label {font-size: 12px;font-weight: normal; color:#7A7C7E;}
fieldset{border: none;}
#form legend { margin: 5px 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 150px;text-align:right;margin: 0 10px 0 0;}
#form p { display:block;clear:both; padding:5px 0 5px 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #004487;background-color: #FFFFFF;color: #000; width: 250px;  }
.field_height {height:20px;}
form {padding:0 0 0 0;}


/* -----------------------CASE STUDIES-----------------------------*/

.study_desc { float: left; width:550px; }
.study_pic {float:left; width:120px;  padding:0 0 0 30px; }

/* -----------------------PENDOCK-----------------------------*/


.pendock_left {float:left; width:320px;  line-height:160%;}
.pendock_right {float:left; width:133px;  padding:8px 0 0 35px }