/* CSS Document */

html {font-size:14px;}
body {margin:0; padding:0; overflow-x:hidden;}
#masthead {width:100%; max-width:1280px; margin:0 auto;}
#logo {width:63%; float:left; max-width:805px;}
#logo p {font:200% 'pacifico'; float:left; padding:0; margin:6% 2%; word-wrap:break-word; white-space:normal; display:inline;}
#logo img {max-width:100%; height:auto; float:left; margin:1%;}
#logo br {display:none;}
#links {width:37%; float:right; background:url(images/bg-top-buttons.jpg) no-repeat bottom left; max-width:475px;}
#links a {text-decoration:none; color:#0c0; background-color:#000; border:2px solid #000; padding:1% 2%; text-transform:uppercase; margin:10% 1%; font-family:'sinkin_sans700_bold'; display:block; float:right; border-radius:20px;}
.clear {clear:both;}
#nav-wrap {margin:0 auto; width:100%; max-width:1280px; text-align:center;}
ul {list-style-type:none; margin:0; padding:0; position:absolute; left:0; right:0; z-index:400; background-color:#000; text-align:center; display:block;}
li {display:inline;}
li a {display:inline-block; font:1em 'sinkin_sans700_bold'; color:#0C0; background-color:#000; text-decoration:none; padding:.9em;}
li:hover a {color:#ffd10f; background-color:#000;}
.show-menu {font-family:'sinkin_sans700_bold'; text-decoration:none; color:#fff; background:#000; text-align:center; padding:10px 0; display:none;}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked ~ #menu{display:block;}
#featured {width:1280px; height:auto; margin:31px auto 0; position:relative;}
#featured img {width:auto; max-width:100%; height:auto;}
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 1; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(images/left-arrow.png) 10% 50% no-repeat;}
.cycle-next { right: 0; background: url(images/right-arrow.png) 90% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }
#content {width:100%; max-width:1280px; margin:0 auto; margin-top:40px;}
#left {width:29%; max-width:370px; float:left;}
#left div {margin:20px 0;}
#left iframe, #right iframe {border:solid 1px #c0c0c0;}
#right iframe {margin:20px 0;}
#right {width:30%; max-width:380px; float:left;}
#right img.payments {margin-bottom:0;}
#intouch {background: url(images/bg-get-in-touch.gif) top center no-repeat #e1e1e1; width:100%; text-align:center; font:12px 'sinkin_sans500_medium'; padding-bottom:10px; margin:20px 0;}
#intouch b {font-family:'sinkin_sans700_bold';}
#intouch h2 {margin-bottom:30px;}
h2 {font:34px 'sinkin_sans900_x_black'; padding:0; margin:0; text-transform:uppercase;}
#center {width:41%; max-width:530px; float:left; font:12px 'sinkin_sans500_medium';}
h1 {font:32px 'sinkin_sans900_x_black'; padding:0; margin:-10px 40px 10px; text-transform:uppercase; color:#820900;}
#center p {margin:0 40px 20px; text-align:justify; font-size:14.5px;}
#center img {margin:10px 0 0 40px;}
#teasers {width:100%; clear:both;}
#teasers img {padding:40px 0;}
#teasers img:nth-child(2) {margin:0 30px;}
#footer {background-color:#b3b3b3; width:100%; text-align:center; font:12px 'sinkin_sans500_medium'; color:#666; padding:2em;}
#sub {max-width:900px; float:left; width:70%; font:12px 'sinkin_sans500_medium';}
#sub.estimate {max-width:1280px; width:100%;}
#sub h1 {font:32px 'sinkin_sans900_x_black'; padding:0; margin:0 40px 10px 0; text-transform:uppercase; color:#820900;}
#sub p {padding-right:40px; text-align:justify;}
hr {width:850px; float:left; margin-bottom:10px;}
table a {color:#0c0; text-decoration:none; background-color:#000; padding:10px 15px;}
#image {width:1280px; height:330px; margin:0 auto;}
input, textarea, select {font:12px 'sinkin_sans500_medium'; padding:8px 5px;}
input.submit {border:none; background-color:#820900; color:#fff; text-transform:uppercase; font-family:'sinkin_sans700_bold'; padding:10px; -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;}


/*Responsive Styles*/

@media screen and (min-width:1130px) and (max-width:1320px){
	#masthead {width:90% !important; max-width:90% !important;}
	#logo p {font-size:110%;}
	#logo br {display:inline-block;}
	#links {background:none;}
	#nav-wrap {width:90%; max-width:90%;}
	ul {z-index:500 !important;}
	#featured {width:90% !important; margin:80px auto 0;}
	#content {width:90% !important; max-width:90% !important;}
	#left img {width:auto; max-width:100%; height:auto;}
	#left iframe {width:100%;}
	#right img {width:auto; max-width:100%; height:auto;}
	#center img {width:auto; max-width:100%; height:auto;}
	#teasers {text-align:center;}
	#teasers img {max-width:30%; height:auto;}
	#teasers img:nth-child(2) {margin:0 5%;}
	#image {width:100%; height:auto; margin:80px 0 0;}
	#image img {width:auto; max-width:100%; height:auto;}
	h2 {background:#c8c6c6; font-size:28px; line-height:60px;}
}

@media screen and (min-width:846px) and (max-width:1129px){
	#masthead {width:90% !important; max-width:90% !important;}
	#logo {width:100%; max-width:100%; text-align:center;}
	#logo img {float:none;}
	#logo p {font-size:110%; float:none; display:block; text-align:center; margin:1% 1% 0;}
	#logo br {/*display:inline-block;*/}
	#links {background:none; width:100%; max-width:100%; text-align:center;}
	#links a {display:inline-block !important; float:none; margin:3% 1%;}
	#nav-wrap {width:90%; max-width:90%;}
	ul {z-index:500 !important;}
	#featured {width:90% !important; margin:80px auto 0;}
	#content {width:90% !important; max-width:90% !important;}
	#left {width:100%; max-width:100%; margin:0 0 20px;}
	#left img {width:47%; max-width:47%; height:auto; float:left; margin:0 6% 0 0;}
	#left iframe {width:46%; height:275px !important;}
	#right {width:44%; max-width:44%;}
	#right img {width:100%; max-width:100%; height:auto;}
	#center {width:50%; max-width:50%; margin:0 6% 0 0;}
	#center p {margin:0 0 20px;}
	h1 {margin:0 0 10px;}
	#center img {width:auto; max-width:100% !important; height:auto; margin:10px 0 0;}
	#teasers {text-align:center;}
	#teasers img {max-width:30%; height:auto;}
	#teasers img:nth-child(2) {margin:0 5%;}
	#image {width:100%; height:auto;}
	#image img {width:auto; max-width:100%; height:auto; margin:80px 0 0;}
	h2 {background:#c8c6c6; font-size:28px; line-height:60px;}
	#sub {width:100%; max-width:100%; margin:0 0 15px;}
}

@media screen and (min-width:150px) and (max-width:845px){
	ul {position: static; display:none;}
	li {margin-bottom:1px;}
	ul li, li a {width:100%; background-color:#000; color:#fff; text-align:center; padding:.25em 0;}
	.show-menu {display:block;}
	li:hover {background-color:#000;}
	#masthead {width:90% !important; max-width:90% !important;}
	#logo {width:100%; max-width:100%; text-align:center;}
	#logo img {float:none;}
	#logo p {font-size:110%; float:none; display:block; text-align:center; margin:1% 1% 0;}
	#logo br {/*display:inline-block;*/}
	#links {background:none; width:100%; max-width:100%; text-align:center;}
	#links a {display:inline-block !important; float:none; margin:3% 1%;}
	#nav-wrap {width:90%; max-width:90%;}
	ul {z-index:500 !important;}
	#featured {width:90% !important; margin:0px auto 0;}
	#content {width:90% !important; max-width:90% !important;}
	#left {width:100%; max-width:100%; margin:0 0 20px;}
	#left img {width:100%; max-width:100%; height:auto;}
	#left iframe {width:100%; height:275px !important;}
	#right {width:100%; max-width:100%;}
	#right img {width:100%; max-width:100%; height:auto;}
	#center {width:100%; max-width:100%; margin:0 0 20px;}
	#center p {margin:0 0 20px;}
	h1 {font-size:22px !important; margin:0 0 10px;}
	#center img {width:auto; max-width:100% !important; height:auto; margin:10px 0 0;}
	#teasers {text-align:center;}
	#teasers img {max-width:100%; height:auto; padding:15px 0;}
	#teasers img:nth-child(2) {margin:0;}
	#footer {width:90%; padding:2em 5%;}
	#image {width:100%; height:auto;}
	#image img {width:auto; max-width:100%; height:auto; margin:0px 0 0;}
	h2 {background:#c8c6c6; font-size:28px; line-height:60px;}
	#sub {width:100%; max-width:100%; margin:0 0 15px;}
	#sub p {padding-right:0;}
	#sub td {display:block; width:100% !important; max-width:100% !important; padding:5px 0px !important;}
	#sub table {width:100% !important;}
	#sub iframe {width:auto; max-width:100%; height:300px;}
	input, textarea, select {width:96%; padding:8px 2%;}
	#sub table#hiderow tr:nth-child(1) {display:none;}
	#sub table#hiderow a {margin:0 0 15px !important; display:block;}
	#sub table#hiderow {padding:0 !important;}
}

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

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

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

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