html {margin: 0; background: #e5ebeb;}
body {width: 100%; background: #ffffff; margin: 0; font-family: Tahoma, Arial, sans-serif;}

div.cntr {margin: 0 auto; width: 300px;}

a {text-decoration: none; color: #000000;}
p {font-size: 16px; line-height: 26px; color: #000000; -webkit-text-size-adjust: 100%;}
p a {color: #a10500;}

input, textarea {font-family: Tahoma, Arial, sans-serif;}

h1 {margin: 0 0 20px 0; font-size: 20px;}
h2 {margin: 10px 0; font-size: 18px;}
h3 {margin: 0;}

.backtop {float: right; font-size: 13px; line-height: 15px; color: #840f0f; padding: 5px 18px 5px 0; background: url(../img/nav-arrow-up.png) right -18px no-repeat;}

header {float: left; width: 100%; background: #e5ebeb; border-bottom: 4px solid #cddfdf;}
	header h1 {float: left; width: 235px; height: 70px; background: url(../img/logo-desktop.png) 0 0 no-repeat; margin: 30px 0 30px 25px;}
		header h1 a {display: block; width: 235px; height: 70px; border: none; outline: none;}
		header h1 span {visibility: hidden;}
		
	header a#nav_toggle {display: block; clear: left; width: 103px; height: 28px; background: url(../img/nav-toggle.png) 0 -28px no-repeat; text-decoration: none; color: #000000; margin: 0 0 20px 97px; overflow: hidden;}
	header a#nav_toggle.toggle {background: url(../img/nav-toggle.png) 0 0 no-repeat;}	
		header a#nav_toggle span {float: left; font-size: 13px; text-transform: uppercase; margin: 5px 0 0 40px;}
		
	header nav#main_nav {display: none; clear: both; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 0 0 20px 0; padding: 0;}
		header nav#main_nav ul {margin: 10px 0; padding: 0;}
			header nav#main_nav ul li {width: 300px; list-style: none; text-align: center; margin: 0 0 5px 0; padding: 0;}
				header nav#main_nav ul li a {font-size: 13px; text-transform: uppercase; }
				header nav#main_nav ul li.active a {font-weight: bold; background: url(../img/nav-bullet.gif) 0 9px no-repeat; padding: 0 0 0 9px;}
				
	section {float: left; clear: both; width: 100%;}
	
		main article {clear: both;}
		
		section.banner {height: 210px; width: 100%; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
			section.banner article {width: 300px; background: rgba(161, 5, 0, 0.75); position: absolute; bottom: 20px; margin: 0 0 0 0;}
				section.banner article p {font-size: 16px; line-height: 24px; font-weight: bold; color: #ffffff; padding: 20px 20px 20px 20px; margin: 0;}
		
		#home section.banner {position: relative;}
			#home section.banner ul {position: absolute; width: 100%; height: 100%; margin: 0; padding: 0;}
				#home section.banner ul li {display: none; width: 100%; height: 100%;}
				#home section.banner ul li.slide1 {background: url(../img/header5.jpg) no-repeat center center;}
				#home section.banner ul li.slide2 {background: url(../img/header4.jpg) no-repeat top center;}
				#home section.banner ul li.slide3 {background: url(../img/header3.jpg) no-repeat center center;}
				#home section.banner ul li.slide4 {background: url(../img/header2.jpg) no-repeat center center;}
				#home section.banner ul li.slide5 {background: url(../img/header1.jpg) no-repeat center center;}
				
		#hs section.banner {background: url(../img/header1.jpg) no-repeat center center; }
		#contact section.banner {background: url(../img/header2.jpg) no-repeat center center; }
		#services section.banner {background: url(../img/header3.jpg) no-repeat center center; }
				
		section ul {padding: 0; list-style: none;}
			section ul li {margin: 0; padding: 0;}
				section ul li p {font-size: 14px; font-style: italic;}
	
		/* Home page */
		#home main {padding: 0 0 20px 0; background: #ffffff;}
			#home main .col {float: left; width: 100%; margin: 0;}
		
		/* Servives page */	
		#services nav.sub {clear: both; overflow: auto; width: 100%; overflow-x: hidden; background: #CDDFDF; padding: 20px 0;}
			#services nav.sub h1 {margin: 0 10px 10px 10px;}
			#services nav.sub ul {list-style: none; margin: 0 10px; padding: 0;}
				#services nav.sub ul li {float: left; margin: 0 40px 8px 0;}
					#services nav.sub ul li a {float: left; font-size: 13px; line-height: 15px; color: #840f0f; padding: 5px 18px 5px 0; background: url(../img/nav-arrow.png) right -18px no-repeat;}
					#services nav.sub ul li a:hover {color: #000000; background: url(../img/nav-arrow.png) right 8px no-repeat;}
			
		#services main {padding: 0 0 20px 0; background: #ffffff;}
			#services main .col {float: left; width: 100%; margin: 0;}
			#services main article {float: left; clear: left; width: 100%; border-bottom: 4px solid #cddfdf;}
			#services main article:last-child {border-bottom: none;}

			#services main .colfull p {margin: 0 0 10px 0;}
			#services main ul {padding: 0; margin: 0 20px;}
				#services main ul li {margin: 0 0 6px 0; padding: 0 0 0 0; float: left; width: 100%;}
					#services main .colfull ul li p {margin: 0; font-style: italic;}
			
			#services main .col {margin: 20px 1%;}
			#services main .colfull {margin: 20px 0 0 0; width: 100%;}
			
			
		/* Servives page */	
		#hs main {padding: 0 0 20px 0; background: #ffffff;}
			#hs main .col {float: left; width: 100%; margin: 0;}
		
			#hs main .col p {}
			#hs main ul {padding: 0; margin: 40px 20px;}
				#hs main ul li {margin: 0 0 6px 0; padding: 0 0 10px 0; float: left; width: 100%;}
					#hs main .col ul li p {margin: 0; line-height: 18px; font-style: italic;}
			#hs main .images {float: left; margin: 20px 0;}
			#hs main .images a {float: left; margin: 10px 10px 0 10px; clear: none;}
	
		/* Contact */	
		#contact main {padding: 0 0 20px 0; background: #ffffff;}
			#contact main .col {float: left; width: 100%; margin: 0;}
			#contact main form {width: 96%; float: left; margin: 0 0 0 0;}
				#contact main form input {float: left; clear: left; width: 100%; padding: 2px; margin: 0 0 10px 0;}
				#contact main form label {float: left; clear: left; width: 100%; font-size: 15px; margin: 0 0 4px 0; font-weight: bold;}
				#contact main form textarea {float: left; clear: left; width: 100%; font-size: 11	px; height: 80px; padding: 3px; margin: 0 0 10px 0;}
				#contact main form .input_submit {width: 36%; border: none; background: #cddfdf; border: 2px solid #cddfdf; cursor: pointer; font-size: 13px; font-weight: bold;}
			#contact main p {line-height: 22px;}
			
	/* Gallery styles */
	main .colfull .imgc {float: left; width: 300px; height: 225px; margin: 0 0 10px 0; overflow: hidden; position: relative;}
		main .colfull .imgc a img {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #eeeeee;}
		main .colfull .imgc a img:hover {opacity: 1; border: 1px solid #cccccc;}
	
	footer {clear: both; width: 100%; height: 100px; background: #e5ebeb; border-top: 4px solid #cddfdf;}
	
	
@media only screen and (min-width: 480px){  

div.cntr {width: 460px;}


header {}
	header h1 {margin: 30px 0 30px 25px;}

	header a#nav_toggle {float: right; clear: none; margin: 70px 10px 20px 0;}
	
	header nav#main_nav ul li {clear: both; width: 460px;}

section {float: left; clear: both; width: 100%;}

	section.banner {}
		section.banner article {width: 440px; margin: 0 10px;}
			section.banner article p {font-size: 14px; line-height: 24px;}

	#home main {padding: 0 0 20px 0;}
		#home main .col {float: left; width: 440px; margin: 0 10px;}
		
	#services nav.sub {}
		#services nav.sub ul li {clear: left;}
		
	#hs main {padding: 0 0 20px 0;}
		#hs main .col {float: left; width: 440px; margin: 0 10px;}
	
	#contact main {padding: 0 0 20px 0;}
		#contact main .col {float: left; width: 440px; margin: 0 10px;}
	
	/* Gallery styles */
	main .colfull .imgc {width: 460px; height: 345px; overflow: hidden;}
		main .colfull .imgc img {width: 460px; height: 345px; margin: 0 0 10px 0; opacity: 0.9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #eeeeee;}
		main .colfull .imgc img:hover {opacity: 1; border: 1px solid #cccccc;}
		
	/* Contact */	
	#contact main {}
			#contact main form input {font-size: 15px;}
			#contact main form label {font-size: 15px;}
			#contact main form .input_submit {font-size: 15px;}
			#contact main form textarea {font-size: 15px;}
		
}	
					
@media only screen and (min-width: 700px){  

body{overflow-y: scroll; overflow-x: hidden;}
div.cntr {width: 700px; background: transparent;}
p {font-size: 14px; line-height: 28px; margin: 0 0 20px 0;}

header {}
	header h1 {width: 235px; height: 70px; background: transparent url(../img/logo-desktop.png) 0 0 no-repeat; margin: 45px 0 0px 10px;}
		header h1 a {width: 235px; height: 70px;}

	header a#nav_toggle {display: none;}

	header nav#main_nav {display: block; clear: none; border-top: none; border-bottom: none; float: right; margin: 20px 10px 10px 0; padding: 0 0;}
		header nav#main_nav ul {margin: 0;}
			header nav#main_nav ul li {width: auto; text-align: right; margin: 0 0 5px 0;}
				header nav#main_nav ul li a {font-size: 14px;}
				
section {float: left; clear: both; width: 100%;}
	
	section.banner {height: 350px;}
		section.banner article {width: 680px;}
			section.banner article p {font-size: 22px;}

	#home main {}
		#home main .col {width: 45%; margin: 20px 10px;}
		
	
	#services nav.sub {clear: both; width: 100%; background: #CDDFDF; padding: 20px 0;}
		#services nav.sub ul li {clear: none;}
		
	#services main {padding: 0 0 20px 0; background: #ffffff;}
		#services main .col {float: left;}
		#services main article {float: left; clear: left;  width: 100%; margin: 0 10px; border-bottom: 4px solid #cddfdf;}
		#services main article:last-child {border-bottom: none;}
	
		#services main .colfull p {margin: 0 0 10px 0;}
		#services main ul {padding: 0; margin: 20px 20px 0 20px;}
			#services main ul li {margin: 0 5% 10px 0; padding: 0 0 0 0; float: left; width: 45%;}
				#services main .colfull ul li p {margin: 0; line-height: 20px; font-style: italic;}
	
		#services main .col {margin: 20px 1%;}
		#services main .colfull {margin: 20px 0; width: 100%;}
	
	#hs main {}
		#hs main .col {width: 45%; margin: 20px 10px;}
		
	#contact main {}
		#contact main .col {width: 45%; margin: 20px 10px;}
		#contact main form {width: 75%; float: left; margin: 0 0 0 0;}
			
	/* Gallery styles */
	main .colfull .imgc {width: 220px; height: 165px; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
	main .colfull .imgc3 {margin-right: 0;} 
		main .colfull .imgc img {width: 220px; height: 165px; opacity: 0.9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #eeeeee;}
		main .colfull .imgc img:hover {opacity: 1; border: 1px solid #cccccc;}
		
	/* Contact */	
	#contact main {}
			#contact main form input {font-size: 14px;}
			#contact main form label {font-size: 14px;}
			#contact main form .input_submit {font-size: 14px; width: 120px;}
			#contact main form textarea {font-size: 14px;}
}
									
@media only screen and (min-width: 980px){  

div.cntr {width: 980px; background: transparent;}
p {font-size: 15px; line-height: 32px; margin: 0 0 25px 0;}
		
		section.banner {height: 350px;}
			section.banner article {width: 770px;}
				section.banner article p {font-size: 25px; line-height: 35px; padding: 20px;}
				
	/* Gallery styles */
	main .colfull .imgc {width: 320px; height: 240px;}
		main .colfull .imgc img {width: 320px; height: 240px;}
	
	/* Contact */	
	#contact main {}
			#contact main form input {font-size: 15px;}
			#contact main form label {font-size: 15px;}
			#contact main form .input_submit {font-size: 15px;}
			#contact main form textarea {font-size: 15px;}
			
}