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



* {
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: 'CrimsonRoman';
	src: url('font/Crimson-Roman-webfont.eot');
	src: url('font/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),  url('font/Crimson-Roman-webfont.woff') format('woff'),  url('font/Crimson-Roman-webfont.ttf') format('truetype'),  url('font/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CrimsonBold';
	src: url('font/Crimson-Bold-webfont.eot');
	src: url('font/Crimson-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('font/Crimson-Bold-webfont.woff') format('woff'),  url('font/Crimson-Bold-webfont.ttf') format('truetype'),  url('font/Crimson-Bold-webfont.svg#CrimsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CrimsonItalic';
	src: url('font/Crimson-Italic-webfont.eot');
	src: url('font/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),  url('font/Crimson-Italic-webfont.woff') format('woff'),  url('font/Crimson-Italic-webfont.ttf') format('truetype'),  url('font/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	background-color: #3C3C3B;
}
body {
	min-width: 980px;
	text-align: center;
	color: #3C3C3B;
	font-family: CrimsonRoman, serif;
	line-height: 120%;
	font-size: 16px;
}
html, body {
	overflow-x: hidden;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
h1, h2 {
	font-weight: normal;
	line-height: 125%;
}
p {
	line-height: 130%;
}
a:link {
	color: #3C3C3B;
	text-decoration: none;
}
a:visited {
	color: #3C3C3B;
}
a:hover {
	color: #7B7551;
	text-decoration: underline;
}
div#topwide {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	background-image: url('images/tan-1682.png');
	background-repeat: repeat-y;
	background-position: top center;
}
div#topwide #logo {
	position: relative;
	top: 50px;
	left: -10px;
}
#topthin {
	width: 980px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#topthin #header {
	position: relative;
	top: -175px;
	left: 5px;
}
#topthin p#header_text {
	font-family: CrimsonItalic, serif;
	font-size: 29px;
	text-align: left;
	position: relative;
	top: -150px;
	left: 368px;
	color: #DED5BD;
}
div#middlewide {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/black-1682.png');
	background-repeat: repeat-y;
	background-position: top center;
}
div#middlethin {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}
div#middlethin h1 {
	padding-top: 20px;
	line-height: 120%;
	text-align: left;
	margin-left: 369px;
	margin-right: 25px;
	font-size: 35px;
}
#middlecontentfirst {
	margin-top: 40px;
	float: left;
	width: 172px;
}
#middlecontentfirst ul {
	list-style: none;
	margin-left: 32px;
}
#middlecontentfirst ul li {
	background-image: url(images/button-bg.png);
	background-repeat: no-repeat;
	width: 140px;
	height: 40px;
	margin-bottom: 25px;
	font-size: 24px;
	padding-top: 8px;
}
div#middlecontentsecond {
	margin-top: 25px;
	float: left;
	width: 573px;
}
.bottomline {
	border-bottom: 1px solid #3C3C3B;
	width: 475px;
	margin: 0 49px;
	float: left;
	padding: 15px 0px;
}
.nobottomline {
	border: none;
}
.question {
	text-align: right;
	font-family: "Times New Roman", Times, CrimsonRoman, serif;
	width: 147px;
	float: left;
	font-weight: bold;
	padding-top: 2px;
	line-height: 140%;
	font-size: 14px;
}
.answer {
	text-align: left;
	float: left;
	width: 298px;
	padding-left: 30px;
	line-height:130%;
}
div#middlecontentthird {
	margin-top: 40px;
	float: left;
	width: 210px;
	padding-right: 25px;
	text-align: left;
}
div#middlecontentthird h2 {
	padding-bottom: 20px;
	font-family: CrimsonRoman, serif;
}
div#middlecontentthird p {
	padding-bottom: 20px;
	font-size: 14px;
}
div#middlecontentthird p.testimonial {
	font-family: CrimsonItalic, serif;
	line-height: 125%;
}
div#middlecontentthird p.testimonialname {
	font-size: 13px
}
div#middlecontentthird p.brownbutton {
	background-image: url(images/button-bg-contact.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	color: #DED5BD;
	padding-top: 10px;
	font-size: 14px;
	text-align: center;
}
p.brownbutton a:link {
	color: #DDD4BC;
	text-decoration: none;
		width: 200px;
}
p.brownbutton a:visited {
	color: #DDD4BC;
}
p.brownbutton a:hover {
	color: #7B7551;
	text-decoration: underline;
}
#bottomwide {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/tan-1682.png');
	background-repeat: repeat-y;
	background-position: top center;
}
div.bottomthin {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	text-align: left;
	color: #DED5BD;
}
div.bottomthin p {
	margin-left: 221px;
	padding-top: 20px;
}
div.bottomthin p a:link {
	color: #DDD4BC;
	text-decoration: none;
}
div.bottomthin p a:visited {
	color: #DDD4BC;
}
div.bottomthin p a:hover {
	color: #7B7551;
	text-decoration: underline;
}
div.bottomthin p#designers {
	font-size: 11px;
	margin-top: 0px;
	padding: 10px;
	padding-left: 160px;
	text-transform: uppercase;
}
#facebook {
	width: 36px;
	float: right;
	margin-right: 30px;
	margin-top: 7px;
	border: none;
}
#facebook:hover {
	outline-offset: 5px;
	outline: solid 1px #7B7551;
}

#home-page #fade {min-height: 470px;}


.testimonialposition {position: absolute;}

/** END OF HOME PAGE

BEGINNING OF ABOUT PAGE **/



div.aboutmain {
	width: 475px;
	margin: 0 49px;
	height: auto;
	float: left;
	padding: 15px 0px;
}
div.answer > h2 {
	margin-top: -5px;
}
div#middlecontentthird > img {
	border: 1px solid #3C3C3B;
	margin-bottom: 24px;
}
h2.abouth2 {
	padding-bottom: 20px;
}
/** END OF ABOUT PAGE

BEGINNING OF SERVICES PAGE **/



.answer > p {
	padding-bottom: 10px;
}
div#middlecontentthird ul {
	padding-bottom: 20px;
	margin-left: 15px;
}
div#middlecontentthird li {
	padding-bottom: 10px;
}
/**END OF SERVICES PAGE **/



/**BEGINNING OF 404 PAGE **/

div#middlecontentsecond404 {
	width: 783px;
	padding-right: 25px;
	text-align: left;
	float: left;
	margin-top: 40px;
}
div#middlecontentsecond404 > p {
	font-size: 22px;
	line-height: 140%;
	margin-left: 197px;
}
#middlethin div#404 h1:first-letter {
	font-size: 300%;
	float: left;
	width: auto;
	margin-top: 15px;
}
#errorpage div#middlethin {
	min-height: 715px;
}
#errorpage #middlecontentfirst {
	margin-top: -15px;
}
/**END OF 404 PAGE **/



/**START OF CONTACT PAGE **/





body#contact #contactform {
	text-align: left;
	margin-left: 70px;
	margin-right: 70px;
}
body#contact #contactform textarea {
	width: 432px;
}
body#contact #contactform p {
	padding-top: 15px;
	padding-bottom: 5px;
}
body#contact #contactform input {
	padding: 10px 3px;
}
body#contact #contactform form {
	max-width: 440px;
}
body#contact #contactform img {
	margin: 5px 0px;
	padding: 10px 157px;
}
body#contact #contactform p.submit {
	text-align: center;
	background-image: url("images/button-bg-contact.png");
	background-repeat: no-repeat;
	background-position: center 17px;
}
body#contact #contactform input[type="submit"] {
	font-family: CrimsonRoman, serif;
	font-size: 15px;
	cursor: pointer;
	background-color: transparent;
	color: #DED5BD;
	border: none;
	height: 40px;
}
body#contact #contactform input[type="submit"]:hover {
	color: #7B7551;
}
body#contact #contactform input, body#contact #contactform textarea {
	background-color: #FFFFFF;
	max-width: 434px;
}
body#contact #contactform img#captchaimg {
	border-top: 2px solid #848484;
	border-left: 2px solid #848484;
	background-color: #FFFFFF;
}
body#contact #contactform input[type="radio"] {
	background-color: transparent;
}
body#contact #contactform textarea {
	resize: none;
}
body#contact div#middlecontentthird p {
	padding-bottom: 10px;
	font-size: 16px;
}

body#contact .response {margin-top: 10px; width: 430px;}

/**END OF CONTACT PAGE **/
.contain {
	color: #DED5BD;
	clear: left;
}
#h1-mobile {
	display: none;
}
div.bottomthin-mobile {
	display: none;
}
body#contact div#middlecontentthird p.lastitem {
	padding-bottom: 30px;
}


@media only screen and (min-device-width:320px) and (max-device-width:480px) {
html, body {background-color: #ffffff!important; max-width: auto!important; width: 100%!important; min-width: auto!important;}
div#topwide {height: auto;}
#topthin, #middlethin, .bottomthin {max-width: auto!important; width: 100%!important; min-width: auto!important;}
div#topwide, div#middlewide, #bottomwide {max-width: auto!important; width: 100%!important; min-width: auto!important;}

#header, #h1-desktop {display: none;}
div#topwide, div#middlewide, #bottomwide {background-image: none;}
#topthin {background-color: #3B3B3C; padding-bottom: 30px;}
#logo {margin: 20px auto!important; position: static!important; width: 60%; }
p#header_text {text-align:center!important; position: static!important; line-height: 120%; font-size: 500%!important;padding: 0 20px;}
#middlewide, #middlethin, #bottomwide {clear:left!important; float:left!important;}
#middlecontentfirst, #middlecontentsecond, #middlecontentthird, .bottomthin{width: 100%!important; float:left!important; clear:left!important;}
#middlecontentfirst {margin: 0px 0px 40px 0px;}
#home {display: none;}
#middlecontentfirst ul {margin-left: 0px;}
#middlecontentfirst ul li {height: 160px; font-size: 500%;  padding-top: 60px; background-color: #DED5BD;}
#nav1, #nav3 {box-sizing: border-box; width: 50%!important; border-right: 5px solid #3B3B3C; border-bottom: 5px solid #3B3B3C; float: left; margin-bottom: 0px!important;}
#nav2, #nav4 {box-sizing: border-box; width: 50%!important; border-bottom: 5px solid #3B3B3C; float: left; margin-bottom: 0px!important;}
#h1-mobile {display: block; clear:left!important; margin: 20px 0px!important;}
#h1-mobile h1{font-size: 500%!important; margin: 0px!important; padding: 0px!important; clear:left;}
#h1-mobile, #middlecontentsecond, #middlecontentthird {background-color: #ffffff; box-sizing: border-box; padding: 0 5%!important;}

#middlecontentsecond {text-align: center; font-size: 300%!important; line-height: 120%;  }

#middlecontentthird {box-sizing: border-box;  line-height: 120%; }
#middlecontentthird p {font-size: 370%!important; line-height: 120%; }
#middlecontentthird h2 {font-size: 450%!important; line-height: 120%;border-top: 1px solid #3B3B3C; padding-top:30px !important;}
#middlecontentthird .brownbutton {margin-top: 60px; margin-bottom:60px; width: 100%!important; background-image: none; text-align:center!important; background-color: #3B3B3C; height: 120px!important; padding: 40px 0px 10px 0px!important;font-size: 350%!important;}

div#middlecontentthird > img {width: 70%; height: auto; text-align: center;}

.mobile-hide {display:none;}
a[href^=tel]{
    color:#DED5BD; !important;
    text-decoration:none !important;
}

/*MOBILE FOOTER*/
#bottomwide {background-color: #3B3B3C; width: 100%;}
div#bottomthin-desktop {display:none; }
div.bottomthin-mobile {box-sizing: border-box; padding: 0 5%!important; height: auto; width: 100%; display: block; float:left; clear:left!important; }
div.bottomthin-mobile p {margin-left: 0px; font-size: 370%!important; line-height: 120%; text-align:center;}
div.bottomthin-mobile p#designers {float:left; padding: 50px 0px !important; font-size: 230%!important; margin-left:auto !important; margin-right:auto !important;}
#facebook {display: block; float: none; padding: 7px 0px 7px 0px; margin-left:auto; margin-right:auto; width:80px !important; height: 80px !important;}



/*MOBILE HOME*/
.question {text-align: left; width: 100%; line-height: 120%; font-size: 130%!important; padding-top:20px !important; padding-bottom:40px !important;}
.answer {padding: 0px; width: 100%;  line-height: 120%; font-size: 130%!important; padding-bottom:60px !important;}
.bottomline {margin: 10px 0px; width: 100%; padding: 0px;}
#home-page #fade {min-height: auto!important; position: static; width: 100%;}

.testimonialposition { position: static;} /*THIS IS SO THERE IS NO GAP ON THE PHONE AT THE BOTTOM OF THE FOOTER*/

/*MOBILE ABOUT*/
#about-page div#middlecontentthird {text-align:center; }
#about-page div#middlecontentthird h2 { padding-top:60px !important;}
div.aboutmain {margin: 0px; width: 100%; padding: 0px !important;}
#about-page #h1-mobile {display:none;}
h2.abouth2 {padding-bottom:30px;}
#about-page div.answer {margin-top:-40px !important; padding-top:0 !important;}
#about-page div.answer > h2 {	line-height:120%; font-size:130%;}

/*MOBILE SERVICES*/
#services div.answer > h2 {	line-height:120%; font-size:130% !important;}
#services div.question { font-weight:normal; font-family:CrimsonRoman; font-size:130% !important;}
#services div#middlecontentthird h2 { padding-top:60px !important; font-size:90px !important;}
#services div#middlecontentthird ul {font-size:60px; line-height:120% !important; }
#services div#middlecontentthird ul  li {margin-left:30px !important;}

/*MOBILE CONTACT*/

#contact #h1-mobile {display:none;}
#contactform {width: 100%; box-sizing: border-box; padding: 0 3%!important; margin: 0px!important; }


body#contact #contactform textarea {
	width: 100%;
	padding: 30px 12px;
	font-size: 60px;
	margin-bottom:50px;
	font-family: "Times New Roman", Times, serif;
}
body#contact #contactform p {
	padding-bottom: 5px;
	font-size: 60px;
	line-height:120%;
}
body#contact #contactform input {
	box-sizing: border-box;
	width: 100%;
	padding: 30px 12px;
	font-size:60px;
	margin-bottom:50px;
	font-family: "Times New Roman", Times, serif;
}
body#contact #contactform form {
	max-width: 100%;
}
body#contact #contactform img {
	box-sizing: border-box;
	margin: 5px auto;
	padding: 10px 157px;
}
body#contact #contactform p.submit {
	text-align: center;
	background-image: none;
	background-color: #3B3B3C;
	maargin-top:50px;
	margin-bottom:50px;

}
body#contact #contactform input[type="submit"] {
	font-family: CrimsonRoman, serif;
	font-size: 60px;
	cursor: pointer;
	color: #DED5BD;
	border: none;
	height: 110px;

}
body#contact #contactform input[type="submit"]:hover {
	color: #7B7551;
}
body#contact #contactform input {font-size: 60px;}

body#contact #contactform input, body#contact #contactform textarea {
	background-color: #FFFFFF;
	max-width: 100%;

}
body#contact #contactform img#captchaimg {
	border: 2px solid #848484;
	background-color: #FFFFFF;
	box-sizing: border-box;
	width: 100%;
}
body#contact #contactform input[type="radio"] {
	background-color: transparent;
	width:60px;
	
}
.contact-method {font-size: 60px;}
body#contact #contactform textarea {
	resize: vertical;
}
body#contact div#middlecontentthird p {
	padding-bottom: 30px;
	font-size: 16px;
}
body#contact .response {margin-top: 10px; width: 100%;}







}