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

body {
	margin: 0;
	padding: 0;
	color: #444334;
	background: #eb6523 url(images/bg.gif) repeat-x top left;	
	font-family: Tahoma, Arial, Verdana;
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
	display: block;
}

.paint-bg{
	width: 1213px;
	height: 387px;
	background: url(images/bg-paint.gif) repeat-x top left;
	text-align: left;
	margin: 0px auto;
	position: relative;
	height: auto;
	padding: 0 0 0 5px;
	height: 100%;
	display: block;
	z-index: 0;
	}

#container {
	width: 1028px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	height: auto;
	padding: 0 0 0 5px;
	height: 100%;
	display: block;
	top: 0;
	z-index: 5;

}

#header{
	display: block;
	height: 130px;
	width: 1028px;
	position: relative;
	z-index: 3;
	top: 0;
	left: 0;
}



.logo{
	position: relative;
	height: 97px;
	width: 255px;
	top: 20px;
	left: 5px;
	float: left;
	clear: both;
}

.logo img{
	position: relative;
	height: 97px;
	width: 255px;
	clear: both;
}





.content {
	background: url(images/content-bg.png) repeat-y;
	width: 1028px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	height: auto;
	padding: 20px 35px 20px 35px;
	min-height: 100%;
	display: block;
	clear: both;
	top: 0;
	margin-top: 0px;
}

.heading{
	background: url(images/topboxbg.gif) repeat-x 0px 1px;
	height: 290px;
	border: 1px solid #dfdfdf;
	width: 950px;
	position: relative;
	margin: 0 0 24px 0;
	}

.paint-img{
	position: relative;
	float: right;
	margin: -13px -15px 0 0;
	}

.flash{
	width: 500px;
	height: 200px;
	margin: 10px 0 0 20px;
	}

.gallerylink{
	background: url(images/gallery-but.gif) no-repeat;
	height: 553px;
	height: 38px;
	color: #fff;
	padding: 15px 0 0 0;
	font-size: 24px;
	text-align: center;
	margin: 10px 0 0 20px;
	}

.maininfo{
	width: 910px;
	border: 1px solid #e0e0e0;
	float: left;
	padding: 20px 20px 20px 20px;
	position: relative;
	display: block;
	margin: 0 24px 24px 0;
	background-color: #FFF;
	}

.maininfo h1{ color: #eb6523; }
	
.painting, .decorating, .plastering{
	width: 910px;
	border: 1px solid #e0e0e0;
	float: left;
	padding: 15px 20px 20px 20px;
	position: relative;
	display: block;
	margin: 0 24px 24px 0;
	}

.txt{
	width: 560px;
	float: left;
	margin: 0 10px 0 0;
	}

.painting img, .decorating img, .plastering img{
	width: 332px;
	height: 332px;
	float: right;
	margin-top: 40px;
	padding: 1px;
	border: 1px solid #eb6523;
	}

.painting{ background: #FFF url(images/service-orange.gif) no-repeat top left;}
.decorating{ background: #FFF url(images/service-blue.gif) no-repeat top left;}
.plastering{ background: #FFF url(images/service-green.gif) no-repeat top left;}

.painting h2{ color: #eb6523;  }
.decorating h2{ color: #1f4197;  }
.plastering h2{ color: #68b701;  }

.painting h1, .decorating h1, .plastering h1{ color: #fff; margin-bottom: 35px;}

	
.col1{
	background: #fff url(images/orange-paint.gif) no-repeat;
	width: 279px;
	height: 230px;
	border: 1px solid #e0e0e0;
	float: left;
	padding: 20px 10px 0px 10px;
	position: relative;
	display: block;
	margin: 0 24px 24px 0;
}

.col2{
	background: #fff url(images/blue-paint.gif) no-repeat;
	width: 279px;
	height: 230px;
	border: 1px solid #e0e0e0;
	float: left;
	padding: 20px 10px 0px 10px;
	position: relative;
	display: block;
	margin: 0 24px 24px 0;
}

.col3{
	background: #fff url(images/green-paint.gif) no-repeat;
	width: 279px;
	height: 230px;
	border: 1px solid #e0e0e0;
	float: left;
	padding: 20px 10px 0px 10px;
	position: relative;
	display: block;
	margin-bottom: 24px;
}

.col1 p, .col2 p, .col3 p{
	margin-top: 80px;
	font-size: 14px;
	color: #353535;
	
	}

.col1 a, .col2 a, .col3 a{
	font-size: 14px;
	display: block;
	width: 290px;
	height: 20px;
	color: #fff!important;
	text-align: right;
	padding: 0 5px 0 0;
	}
	
.col1 a{ background-color: #eb6523; margin: 23px -8px 0px -8px;}
.col2 a{ background-color: #1f4197;	margin: 5px -8px 0px -8px;}
.col3 a{ background-color: #68b701; margin: 5px -8px 0px -8px;}

.plug{
	height: 60px;
	border: 1px solid #dfdfdf;
	width: 930px;
	position: relative;
	margin: 0px 0 24px 0;
	background-color: #fff;
	clear: both;
	padding: 20px 10px 20px 10px;
	}

.plug p{
	color: #1f4197;
	font-size: 23px;
	line-height: 1.3em;
	float: left;
	}

.plug img{
	width: 112px;
	height: 73px;
	float: right;
	}

.view-gallery{
	margin: 0px 0 0 0;
	float: left;
	width: 330px;
	}

.view-gallery img{
	width: 71px;
	height: 71px;
	border: 2px solid #f6dae7;
	margin: 3px 7px 7px 0;
	float: left;
	}





/* navigation styles */

#nav{
	width: 1000px;
	height: 34px;
	float: right;
	position: relative;
	padding: 0;
	margin-right: 30px;
}

#nav ul.buttons {
	margin: 0;
	list-style-type: none;
	font-size: 16px;
	padding: 0 0 0 5px;
	float: right;
	color: #fffff;
	font-family: Helvetica, sans-serif;
}



#nav ul.buttons li{ 
	list-style-type: none;
	float: left;
	padding: 0;
	width: 113px; 
	height: 34px;
	margin: 0 1px 0 1px;
	color: #fffff;
	
}

#nav ul.buttons a {
	text-decoration: none;
	display: block;
	color: #ffffff!important;
	padding: 10px 0px 0 0px;
	font-weight: normal;	
	text-align: center;
	width: 113px;
	height: 24px;
	background-color: #eb6524;
}

#nav ul.buttons li a:hover { 
	display: block; 
	width: 113px;
	height: 24px;
	color: #ffffff!important;
	background-color: #009;
	padding: 10px 0px 0px 0px;
	}


/* contact page styles */


.contactForm{
	padding: 0;
	margin: 0px 0 0 0;
	float: left;	
	width: 700px;
}	

.contactForm .label {
	float: left;
	clear: left;
	width: 200px;
	margin: 5px 10px 0 0;
	text-align: left;
	padding: 5px 0 0 0;
}

input.contactname, input.contactnumber, input.contactemail, textarea.contactmessage{
	width: 300px;
	background-color: #fff;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	float: left;	
	border: 1px solid #ccc;
	padding: 0 0 3px 3px;
}

.go{
	margin: 5px 0 0 210px;
	clear: both;
	float: left;
	}

/* footer styles */

.footer{
	width: 100%; 
	position: relative;
	height: 20px;
	z-index: 10;
	padding: 0;
	margin: 0;
	top: 0px;
	text-align: center;
}


.tag{
	margin: 10px 0 0 330px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	height: 20px;
	position: relative;
}

.footer .tag a{
	text-decoration: none !important; 
	color: #fff !important; 
	padding: 0;	
	font-weight: bold;	
}

.footer .tag a:hover,{
	text-decoration: underline !important;  
	color: #fff !important; 	
}




/* text styles */

h1, h2, h3, h4, h5, h6 { 
	margin: 0px;
	padding: 0 0 5px 0;
}

h1{
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	}

h2{
	color: #eb6523;
	font-size: 16px;
	font-weight: normal;
}

h3{
	font-size: 16px;
	color: #444334;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin-bottom: 5px;	
}

h4{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 5px;		
}

h5{
	color: #0a5d0b;
	font-weight: bold;
	font-size: 11px;
	padding: 0;!important
}

h6{
	color: #c9191b;
	font-size: 16px;
	padding: 5px 0 5px 0;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: justify
}




.orange{ color: #eb6523; }

.orangebold{ color: #eb6523; font-weight: bold;}

.bold{ font-weight: bold;}


ul{
	padding: 0 0 0 0;
	margin: 0 0 10px 20px;
	}

li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

a:link{
	color: #eb6523;
	text-decoration: none;
	font-weight: bold;
}

a:visted{
	color: #eb6523;
	text-decoration: none;
	font-weight: bold;
}

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


.right-align{
	text-align: right;
	text-decoration: none;
	}


#spacer { clear: both }

#gallery_t{
	paddding-left:60px;
}
#gallery_t td{
	padding:16px;
}