/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:display;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
/*MAIN*/
body {
	font-size: 1.05em;
	line-height: 1.25em;
	font-family: "Times New Roman", Times, serif;
	background: #FEFFFF;
	color: #1A1F16;
}
a {
	color: #fff;
	text-decoration: none;	
}
a:hover {
	color: #CFCFCD;
}
header {
	background: #fff;
	width: 100%;
	height: 160px;
	position: fixed;
	top: 0;
	left: 0;	
}

#grad{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,6ea06e+30,4d6d4f+63,384230+85 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(110,160,110,1) 30%, rgba(77,109,79,1) 63%, rgba(56,66,48,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(110,160,110,1) 30%,rgba(77,109,79,1) 63%,rgba(56,66,48,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(110,160,110,1) 30%,rgba(77,109,79,1) 63%,rgba(56,66,48,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#384230',GradientType=1 ); /* IE6-9 */
}

#grad2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ea06e+14,4d6d4f+27,384230+39,384230+60,4d6d4f+71,6ea06e+88 */
background: rgb(110,160,110); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(110,160,110,1) 14%, rgba(77,109,79,1) 27%, rgba(56,66,48,1) 39%, rgba(56,66,48,1) 60%, rgba(77,109,79,1) 71%, rgba(110,160,110,1) 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(110,160,110,1) 14%,rgba(77,109,79,1) 27%,rgba(56,66,48,1) 39%,rgba(56,66,48,1) 60%,rgba(77,109,79,1) 71%,rgba(110,160,110,1) 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(110,160,110,1) 14%,rgba(77,109,79,1) 27%,rgba(56,66,48,1) 39%,rgba(56,66,48,1) 60%,rgba(77,109,79,1) 71%,rgba(110,160,110,1) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea06e', endColorstr='#6ea06e',GradientType=1 ); /* IE6-9 */
}
footer {
	color: #eee;
	padding-top: 1em;
	padding-bottom: 3em;
	text-align: center;
	width: 100%;
	height: 1em;
    clear: both;
}
#logo{
	margin-top: 2.5px;
	margin-left: 10px;
	float: left;
	display: block;
}

nav {
	margin-top: 144px;
}

ul {
	list-style: none;
}

#description{
	float:right;
	margin-top: 10px;
	margin-right:10px;
	font-size: 1.5em;
	color: #FEFFFF;
}

.current {
	color: #123123;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

.main_menu_item {
	color: #FEFFFF;
	padding: 15px;
	font-size: 1.2em;	
}

#menu-icon {
	display: hidden;
	width: 35px;
	height: 35px;
}

section {
	margin: 8em 0 0 0em;
	padding: 2em;
	text-align: center;
}

section a{
	color:#1A1F16;
}

section a:hover{
	color:#4D767A;
}
 
.home{
	background:#CFCFCD;
	width:75%;
	margin:1em auto;
	padding: .5em; 
	-webkit-box-shadow: 7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 6px 7px 0px rgba(50, 50, 50, 0.75);  
}

.clearfix{
    overflow:auto;
}

.homepic{
	float:right;
	padding:.5em;
}

.contact{
	background: #CFCFCD;
	width: 30%;
	margin:1em auto;
	padding: 1em;
	-webkit-box-shadow: 7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 6px 7px 0px rgba(50, 50, 50, 0.75);
}

.row{
	width:100%;
	text-align: center;
}

.service{
	height:200px;
	width: 180px;
	background: #fff;
	text-align: center;
	display: inline-block;
	padding: 1em;
}

.service_description{
    background:#CFCFCD;
    width:65%;
    margin:0 auto;
    padding:.5em;
    -webkit-box-shadow: 7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 6px 7px 0px rgba(50, 50, 50, 0.75);
}

.aboutus { 
	margin: 0.7em auto;
	width:75%;
	padding: .5em; 
}

.aboutuspic {
	float:left;
	margin: 1em;
	-webkit-box-shadow: 7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 6px 7px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 6px 7px 0px rgba(50, 50, 50, 0.75);
}

.testimonials{
	background:#CFCFCD;
	padding: .75em;
	width: 50%;
	margin: 1em auto;
	-webkit-box-shadow: 7px 6px 7px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 6px 7px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 6px 7px 0px rgba(50, 50, 50, 0.75);
}

h1 {
	font-size: 3em;
	color: #4B4F4E;
	line-height: 1.15em;
	margin: 5px 0px 10px 0px;
	text-align:center;
}

h2 {
	font-size: 1.4em;
	color: #384230;
	line-height: 1.15em;
	margin: 10px 0px 2px 0px;
}

h3 {
	font-size: 1.1em;
	color: #2A363E;
}

p {
	line-height: 1.55em;
	margin-bottom: 20px;
}

img {
	width: 100%
}

/*nav menu testing*/
/*normal width*/
nav { width: 100%; }
nav ul { list-style: none; padding: 0px; margin-top: -50px; font-weight: bold; text-align: right; }
nav ul li { display: inline-block; }
nav ul li a { display: block; text-decoration: none; color: #FEFFFF; }
nav ul li a:hover {height:15px; background-color: #FEFFFF; color: #4B4F4E;}
/*end of nav menu testing*/

/*smartphone*/
@media screen and (max-width:435px){
	header {
		position: absolute;
	}
	#menu-icon {
		display:inline-block;
		float: right;
		margin-top: -25px;
		margin-right: 5px;
		background: #fff url(img/menu.jpg) center;
	}
	nav ul, nav:active ul {
		display: none;
		position: absolute;
		padding: 10px;
		background: #4B4F4E;
		border: 5px solid #fff;
		right: 0px;
		top: 60px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
	}
	nav li {
		text-align: center;
		width: 100%;
		padding: 5px 0;
		margin: 0;
	}
	nav:hover ul {
		display: block;
	}
	#description{
		margin-top: 30px;
		margin-right:50px;
		font-size: 1em;
		width:35%;
		text-align:center;
	}
	#logo{
		margin-top: 15px;
		width:170px;
	}
	.contact{
		width: 90%;
	}
	.home{
		width:100%;
	}	
	.aboutus{
		width:100%;
		padding: 0em;
	}
	.aboutuspic{
		width:44.5%;
	}
	h1{
		font-size:2em;
	}
	h2{
		font-size: 1.2em;
	}
    .service{
		height:100px;
		width: 100px;
    	padding: 1em;
    }
    .service_description{
    	width:85%;
    }
    .testimonials{
    	width:80%;
    }
}

@media screen and (min-width:436px) and (max-width:800px){
	header {
		position: absolute;
	}
	#menu-icon {
		display:inline-block;
		float: right;
		margin-top: -25px;
		margin-right: 5px;
		background: #fff url(img/menu.jpg) center;
	}
	nav ul, nav:active ul {
		display: none;
		position: absolute;
		padding: 10px;
		background: #4B4F4E;
		border: 9px solid #fff;
		right: 0px;
		top: 60px;
		width: 30%;
		border-radius: 4px 0 4px 4px;
	}
	nav li {
		text-align: center;
		width: 100%;
		padding: 5px 0;
		margin: 0;
	}
	nav:hover ul {
		display: block;
	}
	#description{
		margin-top: 30px;
		margin-right:50px;
		font-size: 1.2em;
		width:45%;
		text-align:center;
	}
	#logo{
		margin-top: 15px;
		width:180px;
	}
	.contact{
		width: 70%;
	}
	.home{
		width:73%;
		margin:0 auto;
	}
	.homepic{
		float:center;
	}
	.aboutus{
		width:100%;
	}
	.aboutuspic{
		width:40%;
	}
	h1 {
		font-size: 2.9em;
	}
	h2{
		font-size: 1.3em;
	}
    .service{
		height:130px;
		width: 130px;
		padding: 1em;
    }
    .testimonials{
    	width:70%;
    }
}
@media screen and (min-width:801px) and (max-width:950px){
	header {
		position: absolute;
	}
	#description{
		margin-right:50px;
		width:40%;
		text-align:center;
    	line-height: normal;
	}
	#logo{
		margin-top: 15px;
		margin-left: 10px;
		float: left;
		width:170px;
	}
	.contact{
		width: 40%;
	}
	.home{
		width:50%;
	}
	.aboutus{
		width:100%;
	}
	.aboutuspic{
		width: 35%;
	}
    .service{
		height:130px;
		width: 130px;
		padding: 1.5em;
    }
     .testimonials{
    	width:60%;
    }
}
@media screen and (min-width:951px) and (max-width:1024px){
	header {
		position: absolute;
	}
	#description{
		margin-right:50px;
		width:40%;
		text-align:center;
    	line-height: normal;
	}
	#logo{
		margin-top: 15px;
		margin-left: 10px;
		float: left;
		display:inline-block;
		width:170px;
	}
	.contact{
		width: 40%;
	}
	.home{
		width:90%;
	}
	.aboutus{
		width:100%;
	}
	.aboutuspic{
		width: 30%;
	}
    .service{
		height:140px;
		width: 140px;
    }
	
}
@media screen and (min-width:1025){
	header {
		position: absolute;
	}
	.home{
		width:910px;
	}
	.aboutus{
		width:80%;
	}
}