body		{ margin:0; padding:0; text-align:center; }
body		{ background-color:#201a00; }
body		{ font-size:16px; font-family:"Trebuchet MS", Helvetica, sans-serif; }

.clear	{ clear:both; height:0px; overflow:hidden; }

@font-face	{ font-family:'icomoon';
				src:url('../fonts/icomoon.eot');
				src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), 
					url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
        		font-weight: normal; font-style: normal; }

p			{ color:#201a00; font-size:16px; line-height:26px; }
p a			{ color:#403400; text-decoration:underline; }
p a:hover	{ color:#403400; background-color:#ffe800; text-decoration:underline; }
h1			{ color:#201a00; font-size:28px; line-height:22px; }
h2			{ color:#201a00; font-size:24px; }
h3			{ color:#201a00; font-size:20px; }
h4			{ color:#201a00; font-size:18px; }

table,tr,td	{ padding:5px; border:none; }

.wrapper	{ width:100%; position:relative; text-align:left; }

#header-area	{ background-color:#201a00; margin:20px 0; padding:20px 10px; }
#logo   		{ float:left; margin:0px 10px 0px 10px; padding:0px; }
#logo img 		{ max-width:100%; margin:0px; padding:0px; }
@media only screen and (max-width: 795px) {
	#logo   { float:none; text-align:center; margin:10px auto; }
}

#header-right		{ float:right; margin:0 10px 0 0; padding:0; }
#secondary			{ text-align:right; font-size:16px; }
#secondary a		{ color:#ffffff; text-decoration:none; padding:0px 7px; white-space:nowrap; }
#secondary a:hover	{ color:#ffe800; text-decoration:underline; }
#phone, #phone a	{ margin:10px 40px 0 0; padding:0px; text-align:right; font-size:24px; font-weight:bold; color:#ffffff; text-decoration:none; }
#phone a:hover		{ color:#ffe800; text-decoration:underline; }
@media only screen and (max-width: 795px) {
	#header-right   	{ float:none; text-align:center; margin:10px auto; }
	#secondary			{ text-align:center; }
	#phone, #phone a	{ margin:5px 0px; text-align:center; font-size:20px; }
}

#mainnav						{ min-height:50px; background-color:#ffffff; margin: 0px 0 20px 0;}
#mainnav ul li					{ width:25%; text-align:left; border-left:1px solid #403400; }
#mainnav ul li:first-child		{ border-left:none; }
#mainnav a						{ color:#201a00; font-size:16px; line-height:30px; font-weight:bold; }
#mainnav a:hover				{ color:#403400; background-color:#fdec09; }
#mainnav ul li ul li			{ background-color:#ffffff; width:280px; text-align:left; border:none; }
@media only screen and (max-width: 740px) {
	#mainnav ul li, #mainnav ul li ul li { width:100%; text-align:left; border:none; }
}

#content	{ padding:2.0%; background-color:#ffffff; }
#right-col	{ padding:2.0%; background-color:#ffffff; }

.contact	{ clear:both; margin-top:30px; padding:10px 20px; font-size:18px; font-weight:bold; text-align:center; border:2px solid #1e396e; }
.contact	{ background: rgb(255,0,0); /* Old browsers */
			  background: -moz-linear-gradient(-45deg,  rgba(255,0,0,1) 0%, rgba(255,255,0,1) 20%, rgba(255,255,0,1) 80%, rgba(255,0,0,1) 100%); /* FF3.6+ */
			  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(20%,rgba(255,255,0,1)), color-stop(80%,rgba(255,255,0,1)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
			  background: -webkit-linear-gradient(-45deg,  rgba(255,0,0,1) 0%,rgba(255,255,0,1) 20%,rgba(255,255,0,1) 80%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
			  background: -o-linear-gradient(-45deg,  rgba(255,0,0,1) 0%,rgba(255,255,0,1) 20%,rgba(255,255,0,1) 80%,rgba(255,0,0,1) 100%); /* Opera 11.10+ */
			  background: -ms-linear-gradient(-45deg,  rgba(255,0,0,1) 0%,rgba(255,255,0,1) 20%,rgba(255,255,0,1) 80%,rgba(255,0,0,1) 100%); /* IE10+ */
			  background: linear-gradient(135deg,  rgba(255,0,0,1) 0%,rgba(255,255,0,1) 20%,rgba(255,255,0,1) 80%,rgba(255,0,0,1) 100%); /* W3C */
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}

#slider		{ margin-bottom:1.6%; }
.bxslider	{ margin:0; padding:0; }

.sidebar				{ padding:1.0%; background-color:#498393; background:#498393\8; background: rgba(49, 83, 93, 0.8); border:2px solid #498393; border-radius:10px; }
.sidebar .heading		{ padding:5% 5% 0 5%; color:#ffffff; font-size:20px; }
.sidebar p				{ padding:0 5%; width:100%; color:#ffffff; }
.sidebar .link 			{ width:90%; margin:0 auto 5% auto; padding:5px 0; background-color:#45a17d; border:2px solid #45a17d; border-radius:5px; line-height:26px; }
.sidebar .link			{ color:white; text-align:center; text-decoration:none; }
.sidebar .link:hover	{ color:#2f3c37; }
.sidegap				{ margin-bottom:20px; }

.social-media						{ margin:10px auto 10px auto; text-align:cnter; margin-bottom:10px; }
.social-media a						{ float:left; display:block; width:32px; height:32px; margin:7px; }
.social-media .facebook				{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:0 0; }
.social-media .facebook:hover		{ background-position:0 -32px; }
.social-media .google				{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-32px 0; }
.social-media .google:hover			{ background-position:-32px -32px; }
.social-media .linkedin				{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-64px 0; }
.social-media .linkedin:hover		{ background-position:-64px -32px; }
.social-media .twitter				{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-96px 0; }
.social-media .twitter:hover		{ background-position:-96px -32px; }
.social-media .youtube				{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-128px 0; }
.social-media .youtube:hover		{ background-position:-128px -32px; }
.social-media .instagram			{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-160px 0; }
.social-media .instagram:hover		{ background-position:-160px -32px; }
.social-media .houzz				{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-192px 0; }
.social-media .houzz:hover			{ background-position:-192px -32px; }
.social-media .yelp					{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-224px 0; }
.social-media .yelp:hover			{ background-position:-224px -32px; }
.social-media .pinterest			{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-256px 0; }
.social-media .pinterest:hover		{ background-position:-256px -32px; }
.social-media .yp					{ background-image:url(../images/social-media.png); background-repeat:no-repeat; background-position:-288px 0; }
.social-media .yp:hover				{ background-position:-288px -32px; }

#testimonial  				{ width:100%; height:100%; font-size:14px; line-height:20px; text-align:left; }
#testimonial a				{ display:block; width:100%; height:100%; padding:10px; text-decoration:none; }
#testimonial a:hover		{ background-color:#ffe800; }
#testimonial .testname		{ text-align:right; font-style:italic; }
@media (max-width:640px)	{ 	#testimonial	{ width:100%; margin:0; }
								#testimonial a	{ width:100%; }
							}

#footer				{ background-color:#ffffff; margin:20px 0; padding:1%; }
#footer p			{ color:#201a00; text-align:center; }
#footer	p a			{ color:#201a00; text-decoration:none; white-space:nowrap; }
#footer	p a:hover	{ color:#403400; background-color:#ffe800; text-decoration:underline; }
#footer #links p a	{ padding:0 10px; }
#footer #links p a	{ padding:0 10px; }

#dws				{ text-align:center; }
#dws p, #dws p a	{ font-size:14px; color:#ffffff; text-decoration:none; }
#dws p a:hover		{ text-decoration:underline; }

.content-table table, th, td	{ border:1px solid #2c6778; padding:10px; text-align:left; }
.content-table th				{ color:#ffffff; background-color:#498393; }
.content-table .first-column 	{ background-color:#9dd5bF; }

.textbox	{ display:block; float:right; max-width:35%; margin:0 0 10px 10px; padding:10px; font-size:20px; color:#000080; text-align:center; border:2px solid #0000ff; background-color:#e0e0e0; }
.textbox a	{ text-decoration:none; }
@media only screen and (max-width: 740px) { .textbox { float:none; width:100%; max-width:100%; margin:0 0 10px 0; } }

.gallery2			{ float:left; width:30%; border:5px solid transparent; }
.gallery2:hover		{ border:1px solid #201A00; padding:4px; }
.gallery2-item		{ display:block; text-align:center; margin:auto; }
.gallery2-pic		{ width:100%; display:table-cell; vertical-align:middle; padding:2px; border:2px solid #c0c0c0; }

.gallery3			{ float:left; width:198px; border:1px solid transparent; margin:0 25px 0 0; }
.gallery3:hover		{ border:1px solid #201A00; }
.gallery3-item		{ display:block; text-align:center; margin:auto; }
.gallery3-pic		{ width:198px; max-height:100%; display:table-cell; vertical-align:middle; }

.gallery-wrap		{ margin:0; padding:0; background:#ffffff; font-size:13px; }
.gallery			{ overflow:hidden; margin:10px; }
.box				{ float:left; position:relative; width:25%; padding-bottom:25%; border:2px solid transparent; }
.box:hover			{ border:2px solid #201A00; }
.boxInner			{ position:absolute; left:10px; right:10px; top:10px; bottom:10px; overflow:hidden; }
.boxInner img		{ width:100%; }
.boxInner1 .titleBox	{ position:absolute; bottom:0; left:0; right:0; margin-bottom:-50px; background:#ffffff; background:rgba(255, 0, 0, 0.5); 
					  color:#ffffff; padding:10px; text-align:center; }
.boxInner .titleBox	{ position:absolute; bottom:4px; left:0; margin:0; padding:5px; max-width:100%; width:100%;
					  background-color:#201A00; background:#201A00\6; background: rgba(32, 26, 0, 0.6); 
					  color:#ffffff; font-size:14px; line-height:16px; text-align:center; }
@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box { width: 100%; padding-bottom: 100%; } }
@media only screen and (max-width : 750px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box { width: 50%; padding-bottom: 50%; } }
@media only screen and (max-width : 980px) and (min-width : 751px) {
   /* Small desktop / ipad view: 3 tiles */
   .box { width: 33.3%; padding-bottom: 33.3%; } }

.photo-container	{ text-align:center; position:relative; z-index:10; }
.photo-prev			{ position:absolute; top:10px; left:10px; z-index:20; width:120px; height:30px; }
.photo-prev			{ background-image:url(../images/photo-buttons.png); background-repeat:no-repeat; background-position:left 0px; }
.photo-prev a		{ display:block; width:120px; height:30px; }
.photo-prev:hover	{ background-position:right 0px; }
.photo-next			{ position:absolute; top:10px; right:10px; z-index:20;  width:120px; height:30px; }
.photo-next			{ background-image:url(../images/photo-buttons.png); background-repeat:no-repeat; background-position:left -30px; }
.photo-next a		{ display:block; width:120px; height:30px; }
.photo-next:hover	{ background-position:right -30px; }
.photo				{ max-width:100%; }

.ptest		{ font-style:italic; }

.res-logo	{ float:left; margin:5px 20px 10px 0px; border:none; max-width:80%; }
@media only screen and (max-width: 300px) {
				.res-logo {	float:none; margin:0; width:100%; max-width:100%; }
			}

