/* CSS for www.southlondonboxsashwindows.co.uk */

#SashWindows{
width:410px;
margin-right:20px;
background-color: #fff;
float:left;
}

#LondonSashHome{
	width:850px;
	background-image:url(../images/footer-strip.gif);
	background-repeat:repeat-x;
	margin-top:10px;
	float:left;
	color: #FFF;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
}

#LondonSashHome a{
	color:#FFF;
	}	
	
/* Slide Show added to home page */
#slides_container{height:303px; width: 399px; background-image:url(../images/bg_slides_container.png); background-repeat:no-repeat; background-position: center; float:left;}
.pics { height: 272px; width: 364px; padding:3px; margin:13px 0px 0px 18px; overflow: hidden }
.pics img { height: 272px; width: 364px;}


/* new contact form */
.contact-us {
	text-align:left;
	
	padding:10px 0;
	width:auto;

}
	.contact-us input {
	background-image:url(../images/input-bg1.jpg);
	background-repeat:no-repeat;
	height:11px;
	background-color:#CCC;
	border:1px solid #444;
	width:430px;
	padding:5px 5px;
	color:#333;
}
.contact-us textarea {
	background-color:#CCC;
	border:1px solid #444;
	width:430px;
	padding:10px 5px;
	overflow:auto;
	color:#333;
}
.contact-us .submit {
	border:none;
	width:95px;
	height:31px;
	position:relative;
	left:110px;
	margin:0;
	padding:0;
	background-color:#222;
}
.red {
	color:red;
	font-weight:700;
}
.contact-us .form-col1 {
	color:#734D21;
	width:100px;
	height:40px;
	float:left;
	display:block;
	text-align:left;
	padding-right:10px;
	font-weight:700;
}
.message {background-color:#eee;
	border:1px solid #ccc; color:#222;display:none;width:460px;padding:10px;}
.contact {text-align:right;}
.contact ul {list-style-type:none;width:390px;}
.contact li {list-style-type:none;}
.contact input {width:260px;}
.contact textarea {width:260px;}




#leftColSash {
	color:#FFF;
	width: 250px;
	float:left;
	}	
	
	
#RightColSash {
	color:#FFF;
	width: 550px;
	float:right;
	}	
	
#leftColPic {
	color:#FFF;
	width: 240px;
	float: left;
	margin-top:0px;
	padding-left: 5px;
    padding-top: 25px;
    }
	
#RightColServices {
	color:#FFF;
	width: 575px;
	float:right;
	}		
	

/* box_block */
.box_block { width:984px; clear:both; padding:0 0 10px 0;}
.box {
	width:200px;
	margin:0 10px 0 0;
	float:left;
	background:url(../images/box_bg.gif) repeat-y;
	;
}
.box .box_t { background:url(../images/box_t.gif) no-repeat top;}
.box .box_b { background:url(../images/box_b.gif) no-repeat bottom; padding:0 0 10px 0;}
.box h2 { margin:0 0 3px 0; padding:8px 0 0 24px; color:#616161;  font:normal 18px Arial, Helvetica, sans-serif;}
.box h3 { margin:0 0 0px 0; padding:0px 0 0px 24px; color:#616161; font:normal 18px Arial, Helvetica, sans-serif;}
.box img { float:left; padding:15px;}
.box p { padding:5px 20px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.box a { font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.box a.more { padding:0 10px; font:bold 11px Arial, Helvetica, sans-serif; color:#0092dd; line-height:1.8em; text-decoration:none;}

.box ul { padding:10px 20px; margin:0; list-style:none;}
.box ul li { background:url(../images/sub_nav.gif) no-repeat left; margin:0; padding:3px 0 3px 25px; border-bottom:1px solid #eaeaea;}


/* New CSS ends */
/* CSS Document */

#container
{
width:1002px;
margin: auto;
background-image:url(../images/body-strip.gif);
background-repeat:repeat-x;
background-color: #fff;
}

#subnav
{
width: 200px;
height: 200px;
float:left;
margin-left: 72px;
margin-top: 19px;
padding: 0;
}

#subnav li
{
}

#subnav ul
{
width: 200px;
list-style-type: none;
padding: 0px;
}

#subnav a
{
color: #fff;
text-decoration:none; 
background-color: #006699;
float:left;
background-image:url(../images/subnav.gif);
width: 180px;
height: 18px;
border-bottom: 1px solid #fff;
padding: 7px 10px;
}

#subnav a:hover
{
color: #474747;
text-decoration:none;
}

#breadcrumbs
{
height: 22px; 
background-color: #fff;
width:930px;
display: block;
margin: auto;
color: #555555;
font-size: 11px;
padding-left:70px;
}

#breadcrumbs span
{
font-size: 13px;
color: #744d24;
position:relative;
top:1px;
}

#breadcrumbs a
{
text-decoration: none;
}

#breadcrumbs a:hover
{
text-decoration: underline;
}

body{
	margin:0px;
	background-image:url(../images/bg-img.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color: #d7d7d7;
	color:#555555;
	font-family:Arial, regular;
	font-size:12px;
	line-height:19px;
	}
span{
	color:#744d24;
	}	
h1{
	font-family:Georgia, regular, italic ;
	color:#744d24;
	font-size:28px;
	margin:0px;
	padding:0px;
	line-height: normal;
	font-weight: normal;
	}
h2{
	background-image:url(../images/h2-bt.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#a67c54;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	font-weight: normal;
	}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a67c54;
	font-size:15px;
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	line-height: normal;
	margin-left: 0px;
	}
h4{
	color:#a67c54;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
		line-height: normal;
	}	
h5{
	background-image:url(../images/h5-bt.gif);
	background-repeat:repeat-x;
	width:auto;
	background-position:bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#a67c54;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-weight: normal;
	}		
h6{font-size:15px;
		margin:0px;
		}
#header{
	height:273px;
	width:1002px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	margin:auto;
	}
.header-top{
	height:20px;
	margin:auto;
	width:927px;
	padding-top:0px;
	padding-left:75px;
	}
.logo{
	height:55px;
	width:auto;
	float:left;
	background-image:url(../images/logo-icon.gif);
	background-repeat:no-repeat;
	padding-left:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#A8A8A8;
	font-size:12px;
	text-transform: uppercase;
	}
.header-mid{
	height:117px;
	width:395px;
	float:left;
	padding-left:85px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:12px;
	padding-top: 0px;
	line-height: 20px;
	font-weight: bold;

	}
.nav-bar{
	height:55px;
	width:1000px;
	margin:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9D9D9C;
	border-left-color: #4D9413;
	background-image:url(../images/nav-strip.gif);
	background-repeat:repeat-x;
	padding-top:3px;
	}
.nav-bar ul{
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	}
.nav-bar ul li{
	background-image:url(../images/list-left.gif);
	background-repeat:no-repeat;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	height:52px;
	width:124px;
	list-style-type:none;
	font-weight:bold;

	}
.nav-bar ul li a{
	color:#FFFFFF;
	text-decoration:none;
	height:32px;
	width:99px;
	display:block;
	padding-top:20px;
	padding-left:25px; text-transform:uppercase;
	}
.nav-bar ul li a:hover{
	background-image:url(../images/hover-strip.gif);
	background-repeat:no-repeat;
	}
	
.nav-bar ul li a.current{
	background-image:url(../images/hover-strip.gif);
	background-repeat:no-repeat;
	}	
				

#body-part{
	height:auto;
	width:840px;
	margin:auto;
	background-image:url(../images/body-strip.gif);
	background-repeat:repeat-x;
	padding-top: 17px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9B9E96;
	padding-left:40px;
	padding-right:90px;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	float: right;

	}
#body-part p{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#464646;
	line-height: 20px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}			
.img-box{
	height:165px;
	width:125px;
	float:left;
	padding-right:20px;
	}
.body-ser-box{
	height:auto;
	width:824px;
	margin:auto;
	padding-top: 46px;
	padding-bottom: 15px;
	}
.body-ser-box ul{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
	
.body-ser-box ul li{
	font-family:verdana;
	font-size:11px;
	color:#7D9F2D;
	line-height: 24px;
	}
.body-ser-box a{
	color:#7D9F2D;
	}	
						
.ser-box{
	height:auto;
	width:400px;
	float:left;
	padding-right: 17px;
	margin-top: 20px;
	}
	
.ser-box-1{
	height:auto;
	width:272px;
	float:left;
	margin-right: 20px;
	margin-top: 20px;
	}	
	
#footer{
	height:28px;
	width:800px;
	margin:auto;
	background-image:url(../images/footer-strip.gif);
	background-repeat:repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9E9F9D;
	border-left-color: #9E9F9D;
	padding-left:100px;
	padding-right:100px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	padding-top:25px;
	}

#footer b{
	float:right;
	color:#90B13C;
	}
#footer a{
	color:#FFF;
	}	
	
	
	
a{ color:#744d24; text-decoration:underline}
a:hover{
	text-decoration:none;
	color: #734D21;
}
.clear{ clear:both}
/* inner pages css start */
/*h3{font:25px "Times New Roman", Times, serif ;margin:0px; color:#fff;  padding:8px 0px 10px 10px;}
h3 span{color:#16eb00}*/

/*h5{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #fff; margin:0px 0px 10px 0px;}
h6{font:18px Tahoma, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}*/

.aboutus-img{float:right; border:4px solid #ccc; margin:0 0px 10px 20px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 40px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#fff; background:#333; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #ccc;}
input.button:hover{cursor:pointer; color:#fff; background:#999}
.project-img{float:right; margin-left:20px;	margin-bottom: 20px; border: 6px solid #ccc;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #ccc; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */