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

@import url("fonts.css");

body {background:#2e210a; margin:0; padding:0;}

#headerWrap {background:url(../images/bg-headerWrap.jpg) top center repeat-x; width:100%; height:470px; float:left; margin:0;}
#headerContain {background:url(../images/bg-header.jpg) top center no-repeat; width:100%; height:470px; float:left; margin:0;}
header {width:1120px; height:440px; margin:0 auto; padding:30px 120px 0 0; text-align:right;}
header h1 {color:#99efff; font-family: 'memphis_extra_boldregular'; font-size:115px; font-weight:normal; margin:0; text-transform:uppercase; line-height:100px;}
header h2 {color:#fff; font-family: 'memphis_extra_boldregular'; font-size:100px; font-weight:normal; margin:0; text-transform:uppercase; line-height:80px;}
header h3 {color:#FFF; font-family: 'Memphis'; font-size:20px; font-weight:normal; margin:20px 0 40px; text-transform:uppercase;}
header h3 .yellow {color:#250062;}
header h3 .green {color:#bef240;}
header h3 .pink {color:#ffabcc;}
header p {color:#FFF; font-family: 'Memphis'; font-size:24px; margin:0; line-height:24px;}
header img {float:right; margin:-15px 35px 0 20px; position:relative;}
header img.fb {float:right; margin:-15px 0px 0 20px; position:relative;}

#contentWrap {background:url(../images/bg-contentWrap.jpg) top center repeat-x; width:100%; height:550px; float:left; margin:0;}
#mainContain {width:1240px; height:550px; margin:0 auto;}
#slideshow {background:url(../images/bg-slide.png) center center no-repeat; width:559px; height:550px; float:left; margin:0;}
#slideshow .cycle-slideshow {width:100%; height:auto;}
#slideshow img {max-width:100%; height:auto;}
#headache {width:651px; height:254px; float:left; margin:0; padding:50px 5px 0 25px;}
#headache h1 {font-family: 'Memphis'; font-size:48px; font-weight:normal; margin:0 0 30px; line-height:48px;}
#headache h1 strong {color:#c10000; font-family: 'memphis_extra_boldregular'; font-weight:normal;}
#headache p {font-family: 'Memphis_3'; font-size:30px; margin:0;}
#estimate {background:url(../images/bg-estimate.jpg) no-repeat; width:681px; height:206px; float:left; margin:0; text-align:center; color:#FFF; padding:30px 0px 10px 0;}
#estimate h1 {color:#bef23f; font-family: 'memphis_extra_boldregular'; font-size:31px; font-weight:normal; margin:0 0 8px; line-height:30px; text-transform:uppercase;}
#estimate h2 {color:#fffed2; font-family: 'memphis_extra_boldregular'; font-size:85px; font-weight:normal; margin:0 0 0px; line-height:85px;}
#estimate p {font-family: 'Memphis'; font-size:31px; margin:0 0 10px; line-height:30px;}
#estimate a, #estimate a:visited {color:#FFF; font-family: 'memphis_extra_boldregular'; text-decoration:underline;}
#estimate a:hover {color:#99efff;}

#footerWrap {width:100%; height:74px; float:left; margin:0;}
footer {width:1240px; height:44px; margin:0 auto; padding:30px 0 0; color:#fffed2; font-family: 'Memphis_3'; font-size:18px; line-height:18px;}
footer a, footer a:visited {color:#FFF; text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer div {float:right; font-family: 'Memphis'; font-size:24px; line-height:20px;}
footer .white {color:#FFF;}
footer .blue {color:#99ebff;}
footer .green {color:#bef240; font-size:18px;}

@media screen and (min-width:750px) and (max-width:1300px) {
	#headerWrap {height:auto;}
	#headerContain {background:url(../images/bg-header-mob.jpg) top center no-repeat; height:auto;}
	header {width:90%; height:auto; float:left; margin:0; padding:30px 5%; text-align:center;}
	header img {float:none; margin:0 5px;}
	header img.fb {float:none; margin:0 5px;}
	header p span {display:none;}
	#contentWrap {height:auto;}
	#slideshow {background:url(../images/bg-slide-mob.jpg) top center repeat; background-size:cover; width:90%; height:auto; padding:30px 5%; text-align:center; position:relative;}
	#slideshow img {position:absolute; top:30px !important; left:50% !important; margin-left:-280px;}
	#headache {background:url(../images/bg-headerWrap.jpg) top center repeat; width:90%; height:auto; padding:30px 5%; text-align:center;}
	#estimate {background-size:cover; width:90%; height:auto; padding:40px 5% 30px; text-align:center;}
	#mainContain {width:100%; height:auto; float:left; margin:0;}
	#footerWrap {height:auto;}
	footer {width:90%; height:auto; float:left; margin:0; padding:30px 5%; text-align:center;}
	footer div {float:none;}
}
@media screen and (min-width:50px) and (max-width:749px) {
	#headerWrap {height:auto;}
	#headerContain {background:url(../images/bg-header-mob.jpg) top center no-repeat; height:auto;}
	header {width:90%; height:auto; float:left; margin:0; padding:30px 5%; text-align:center;}
	header h1 {font-size:50px; line-height:50px;}
	header h2 {font-size:40px; line-height:40px;}
	header img {float:none; margin:0 5px;}
	header img.fb {float:none; margin:0 5px;}
	header p span {display:none;}
	#contentWrap {height:auto;}
	#slideshow {background:url(../images/bg-slide-mob.jpg) top center repeat; background-size:cover; width:90%; height:auto; padding:30px 5%; text-align:center; position:relative;}
	#headache {background:url(../images/bg-headerWrap.jpg) top center repeat; width:90%; height:auto; padding:30px 5%; text-align:center;}
	#headache h1 {font-size:30px; line-height:30px;}
	#headache p {font-size:20px;}
	#estimate {background-size:cover; width:90%; height:auto; padding:40px 5% 30px; text-align:center;}
	#estimate h1 {font-size:26px; line-height:26px;}
	#estimate h2 {font-size:34px; line-height:34px;}
	#estimate p {font-size:16px; line-height:16px;}
	#mainContain {width:100%; height:auto; float:left; margin:0;}
	#footerWrap {height:auto;}
	footer {width:90%; height:auto; float:left; margin:0; padding:30px 5%; text-align:center;}
	footer div {float:none;}
	footer a {display:inline-block;}
}