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

/* Document Colours *//*

Blue - Handyman trousers #416B9C


*/
.list_1{
        display:block;
        width:150px;
        list-style:none;
        line-height:200%;
        13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
		list-style-image: url(../images/green_tick.gif);
        
}

.list_1 li{
        border-bottom: 1px dotted #ccc;
}
.list_1 ul
{
list-style-image: url(../images/green_tick.gif);
	
}
.list_2{
        display:block;
        width:300px;
        list-style:none;
        line-height:200%;
        13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
		list-style-image: url(../images/green_tick.gif);
        
}

.list_2 li{
        border-bottom: 1px dotted #ccc;
}
.list_2 ul
{
list-style-image: url(../images/green_tick.gif);
	
}
.list_3{
        display:block;
        width:90px;
        list-style:none;
        line-height:200%;
        13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
		list-style-image: url(../images/green_tick.gif);
        
}

.list_3 li{
        border-bottom: 1px dotted #ccc;
}
.list_3 ul
{
list-style-image: url(../images/green_tick.gif);
	
}
#top_menu {
	height: 50px;
	background-color:#416B9C;
	margin-top:-4px;
}
#contact_section img{
	float:right;
        margin-top:10px;
}
/*left navigation menu*/
/************************************************
*	Body      								*
************************************************/

/************************************************
*	Header     								*
************************************************/
#header {
	width: 950px;
	height: 150px;
}
/************************************************
*	H1      								*
************************************************/
h1 {    font-size: 1.5em;
        color: #416B9C;
        margin-bottom: 0.4em;
        font-weight:bold;
}
/************************************************
*	H2     								*
************************************************/
h2 {    font-size: 1.2em;
        color: #000;
        margin-bottom: .1em;
        font-weight:bold;
}
/************************************************
*	Misc      								*
************************************************/
/************************************************
*	BRANDING - BLUE FOR "OUR"      								*
************************************************/
.blue { font-size: 1.3em;
        color: #1B3F94;
        font-weight:bold;
}
/************************************************
*	BRANDING - GREEN FOR "HANDYMAN"      								*
************************************************/
.green { font-size: 1.1em;
        color: #54B948;
        font-weight:bold;
}

em {
	color: #629B29;
	font-size: 1em;
}

#intro {
	margin-bottom: 8px;

	color: #000;
/************************************************
*	Telephone Number Colour     								*
************************************************/
}
.telephone {
	background-color:#000;
}
/************************************************
*	Container      								*
************************************************/

.container  img {
	float: left;
	margin-top: auto;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}

/************************************************
*	Customer Comments - Testimonials     								*
************************************************/
#customer_comments{
        padding-bottom: 20px;
}
/************************************************
*	Google DIV for Advert - TOP under Navbar      								*
************************************************/
#google_top {
	margin-bottom: 30px;
	padding-top:5px;
	background-color:#CCC;
	height:25px;
	}

/************************************************
*	Google Advert - Right Side       								*
************************************************/
#google_right_advert {
        margin-left: 30px
}


/************************************************
*	Navbar (Top Navigation Menu)    								*
************************************************/

#navbar {
	background: #539117 url(../images/navbar.gif);
	width: 950px;
	height: 28px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #539117;
	border-bottom: 1px solid #539117;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: none;
        background: #539117 url(../images/navhover.gif);
	}
	

#navbar ul {
	margin: 0px;
	padding: 7px 0px 6px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a, #navbar ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 14px 6px 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #77a946;
	border-left: 1px solid #498113;
	}


/************************************************
*	LEFT SIDE MENU  WireFrame    								*
************************************************/
.wireframemenu{
	
	background-color: #fff;
	width: 180px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 180px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;


}
.wireframemenu li{
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
}
	
.wireframemenu a{

padding: 6px 0px 6px 30px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #FFF; /*colour of text*/
font-weight: bold;
text-decoration: none;
border-bottom: 2px solid #FFF;
}

.wireframemenu a:visited{
color: #fff;
}

html body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
        background-color: #F1F1F1;
	background-image:url(../images/arrow_hover.jpg);
	background-repeat:no-repeat;
	color: #FFF;
        font-weight: bold;
}
.current_selection {
	background-color: #D0D0D0;

}
.current_selection a {}
/************************************************
*	CUSTOMER COMMENTS     								*
************************************************/	

#customer_comments {


	padding: 5px 5px 5px 0px;
	margin-bottom: 16px;
	color:#359117;
}
/************************************************
*	Navbar Footer Menu     								*
************************************************/
#navbar_footer {
	background: #539117 url(../images/navbar.gif);
	width: 950px;
	height: 28px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 20px auto 20px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #539117;
	border-bottom: 1px solid #539117;
	}
	
#navbar_footer a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	}
	
#navbar_footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
        background: #539117 url(../images/navhover.gif);
	}
	

#navbar_footer ul {
	margin: 0px;
	padding: 7px 0px 6px 0px;
	}
	
#navbar_footer li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbar_footer ul li a, #navbar ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 14px 6px 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #77a946;
	border-left: 1px solid #498113;
	}


/************************************************
*	LIST JOBS      								*
************************************************/
.list_jobs{

list-style-image: url(../images/star.gif);
color: #666;
margin-left: -15px;
line-height:1.95em;
}

/************************************************
*	CUSTOMER TESTIMONIALS     								*
************************************************/
.testimonial {
width:430px;
float:left;
margin: 15px 0 30px 0;
}
.left-quote {
float:left;
background:url(../images/quote-left.jpg) no-repeat top;
width:15px;
height:14px;
}
.testi-text {
float:left;
text-align:justify;
width:365px;
padding-right:15px;
background:url(../images/quote-right.jpg) no-repeat right bottom;
}
.testi-pic {
float:left;
width:77px;
height:104px;
margin-left:70px;
display:inline;
}
.testi-name {
float:left;
padding:8px 0 0 15px;
}
/************************************************
*	RIGHT     								*
************************************************/
#right img{
        margin-left:30px;
}
/************************************************
*	CONTACT FORM     								*
************************************************/
.contact_form {
        border: 1px solid #CCC; 
        padding: 12px 12px 0px 12px;
        margin-bottom: 20px; 
        background: #EBF1FC;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
            
}
#form1 {
       
       background: #EBF1FC;
       
}
#form1 .textfieldRequiredMsg{
       border: none;
}
.contact_form h1{
       
       margin-bottom: 30px;
       margin-top: 5px; 
}
#sprytextarea1 .textareaRequiredMsg{ /*text area label*/
        border: none;
}
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input{
        background: #ffffff;

}
#form1 .textfieldInvalidFormatMsg {
        border: none;
}

#user3{
	margin-left:10px;
}
#title_band
{
	background-color:green;
}
.benifits {
	font-family:Verdana, Geneva, sans-serif;
	color:#1B3F94;
	font-size:12px;
	border: thin dashed #666;
	padding: 2px;
	background-color: #FFF;
}


