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



body {	font-family:Arial, Helvetica, sans-serif;
		margin:auto;
		width:1024px;}
img {
	border:none;}	


/* header section */
#header {width:1024px; height:140px; padding-top:20px;}

.logo {float:left; padding-left:30px;}

#contact_details{ float:right; margin-top: 40px; padding-right: 45px;}
		
h4{ color:#575454;
	margin-top: 4px;}
	
/* navigation section */	

#nav{
	background-color:#f3f3f3; 
	width:1024px; 
	height:50px;
	margin-bottom:5px;
	border-bottom: 1px;
	border-bottom-color: #575454;
	border-bottom-style: solid;
	border-top:1px;
	border-top-color:#575454;
	border-top-style:solid;
	}	
	
#nav a.selected { font-weight:bold;}

#menu a {display:inline; text-decoration:none; color:#575454; }
	
	
#menu{ float:right;}
	
#menu li {
    display: block;
    float: left;
    margin-right: 10px;
    min-width: 100px;
    text-align: center;
    text-decoration: none;
}

/* main */

h1{
	font-size:30px; color:#575454;}
	
h2 {font-size: 20px;
	color: #E56831;
	font-weight: 100;}	

p { color:#575454; text-align:justify;}	
	
	
/* services-skills section */	
	

#skills a {text-decoration:none; }
	
ul#skills {color:#575454;
			list-style-image:url(images/bullet.png);
			padding-left: 200px;
			text-align:justify; }
	
#skills li {text-decoration:none;
			padding-right: 43px;
			font-size:18px;
			}	

/* btn residential/commercial */	
#btn {text-align: center;}

/* contact page*/


form#contactForm{float: right; margin: -187px; margin-top: -537px;}

/* Contact Forms*/

form {
	width:600px;
	}

label {
	display:block;
	margin-top:15px;
	margin-bottom: 5px;
	}

.radio {
	margin-left:20px;
	}

.radio label {  
	display: inline-block;  
	cursor: pointer;  
	position: relative;  
	padding-right: 20px;
    }


input[type=text] {
    display:block;
	width: 300px;
    height: 25px;
	}

input[type=number] {
	display:block;
	margin-left: 175px;
	margin-top: -30px;
	width: 95px;
	height: 25px;
	}

textarea {
	display:block;
	width:300px;
	height:200px;
	}

input[type=submit] {
	display:block;
	margin-top:10px;
	width: 70px;
	height: 30px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    border: 1px solid #dcdcdc;

	background: rgb(245,245,245); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(250,250,250,1) 46%, rgba(245,245,245,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(46%,rgba(250,250,250,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(250,250,250,1) 46%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(250,250,250,1) 46%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(250,250,250,1) 46%,rgba(245,245,245,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(250,250,250,1) 46%,rgba(245,245,245,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
	}




/* footer*/

#footer{
	margin-top: 40px;
	text-align:center;
	background-color:#e36027; 
	margin-bottom:5px;
	border-bottom: 1px;
	border-bottom-color: #575454;
	border-bottom-style: solid;
	border-top:1px;
	border-top-color:#575454;
	border-top-style:solid;
	}

#foot li { 
		font-size:14px;
		padding-right: 43px;
		display:inline;
		}
		
#foot li a{
	color:#575454;
	text-decoration:none;
	}
ul#foot {margin: 4px;}