body {background:#FFF; top:0 !important; margin:0 auto; width:100%; height:100%; font-family:Arial, Verdana, Helvetica; font-size:16px; color:#231F20;}

*, *::before, *::after {box-sizing:border-box;}

header, main, footer {float:left; width:100%; position:relative;}
header {z-index:2;}
#header, #mainMenu, .container, .centreText, #footer {margin:0 auto;}

#header {background:#FFF; text-align:center; padding:20px 0; border-bottom:10px solid #96B7A1; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; webkit-box-shadow:1px 2px 30px rgba(0, 0, 0, .1); -moz-box-shadow:1px 2px 30px rgba(0, 0, 0, .1); box-shadow:1px 2px 30px rgba(0, 0, 0, .1);}
#logo {margin:0 0 20px;}

h1 {color:#5E7265; margin:5px 0 10px;}

main {margin:-80px 0 80px; z-index:1;}

#mainBG {float:left; width:100%; min-height:300px; background:url(/images/clear-water-bg.jpg) fixed center repeat-x; display:inline-block; padding:100px 0 40px}
#mainText {float:left; width:100%; background:rgba(35, 31, 32, 0.55); color:#FFF; padding:5px 20px; border:1px solid #231F20; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6, #addInfo h1, #addInfo h2, #addInfo h3, #addInfo h4, #addInfo h5, #addInfo h6 {color:#96B7A1; margin:5px 0 10px;}
#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6 {text-align:center; text-transform:uppercase;}
#addInfo h1, #addInfo h2, #addInfo h3, #addInfo h4, #addInfo h5, #addInfo h6 {font-size:72px; line-height:76px; text-align:right;}
#appraisalForm, .centreLeft, .centreRight {float:left;}
#appraisalForm input {float:left; background:#FFF; width:100%; height:48px; line-height:48px; font-size:16px; font-weight:600; color:#231F20; font-family:Arial, Verdana, Helvetica; border:1px solid #231F20;; padding:0 15px; margin:0 0 20px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.submitButton {float:left; background:#96B7A1; width:100%; height:50px; line-height:46px; color:#FFF; text-align:center !important; font-size:26px; font-weight:600; display:block; padding:0 10px; border:1px solid #758E7D; transition-duration:0.5s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
.submitButton:hover {background:#FFF; color:#96B7A1; text-decoration:none;}
.rockingButton {animation:rocking 2s infinite; animation-timing-function:cubic-bezier(0, 0, 0.58, 1); transition:.2s;}
.rockingButton:hover {animation:none !important}

#appraisalForm span {float:left; width:100%; text-align:center; font-size:10px; color:#9F9F9F; margin:20px 0 0;}

#addInfo {float:left; width:100%; margin:40px 0;}
.centreLeft, .centreRight {color:#999; font-size:20px; line-height:26px;}
.sideContent {float:left; background:#FFF; width:100%; text-align:center; font-size:22px; font-weight:600; line-height:normal; padding:20px; margin-bottom:40px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}

footer {text-align:center; font-size:10px; padding:30px 0; border-top:1px solid #CCC;}

@keyframes rocking {
	0% {transform:rotate(0deg);}
	25% {transform:rotate(0deg);}
	50% {transform:rotate(2deg);}
	75% {transform:rotate(-2deg);}
	100% {transform:rotate(0deg);}
}

#scrollToTop {background:#404040; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:32px; height:32px; opacity:0.75; padding:9px 0 8px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;}

@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 1171px) {
	#header {width:960px;}
	#mainMenu, .container, #footer {width:1170px;}
	h1, h2, h3, h4, h5, h6 {font-size:26px;}
	#appraisalForm {width:500px; margin:20px calc(50% - 250px);}
	.centreText {width:800px;}
}
@media screen and (max-width: 1170px) {
	#header {width:760px;}
	#mainMenu, .container, #footer {width:1000px;}
	h1, h2, h3, h4, h5, h6 {font-size:24px;}
	#appraisalForm {width:400px; margin:20px calc(50% - 200px);}
	.centreText {width:600px;}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#header, .centreText {width:560px;}
	#mainMenu, .container, #footer {width:768px;}
	h1, h2, h3, h4, h5, h6 {font-size:22px;}
	#appraisalForm {width:300px; margin:20px calc(50% - 150px);}
	.centreText {width:450px;}
}
@media screen and (min-width: 768px) {
	#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6 {font-size:50px;}
	.centreLeft, .centreRight {width:47%;}
	.centreLeft {margin-right:6%;}
}
@media only screen and (max-width: 767px) {
	#header, .container, .centreText, #footer {width:98%; margin:0 1%;}
	h1, h2, h3, h4, h5, h6 {font-size:20px;}
	#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6 {font-size:40px;}
	#appraisalForm {width:100%; margin:20px 0;}
	.centreLeft, .centreRight {width:100%;}
}
@media only screen and (max-width: 400px) {
	#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6 {font-size:30px;}
}

a {color:#231F20; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#96B7A1; transition-duration:0.5s; text-decoration:underline;}