@charset "utf-8";
body {
	padding:0;
	margin:0;
	background-image:url(../images/j_sutton_background_tile.png);
	font-family:Cabin, arial, helvetica, sans-serif !important;
}

a img {
	border:none !important;
}
div#page-wrapper {
	width:940px;
	height:640px;
	background: #c6c7c9; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c7c9 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c7c9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c7c9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c7c9 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c7c9 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c7c9 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c7c9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border:1px solid #333;
	margin:100px auto 0 auto;
	position:relative;
	z-index:1;
}

div#banner {
	position:absolute;
	top:120px;
	width:100%;
	height:50px;
	background-color:white;
	height:110px;
	box-shadow:0px 0px 10px #666;
	z-index:10;
}

div#banner-inner {
	margin:10px auto;
	width:880px;
	position:relative;
}

div#nav {
	width:550px;
	height:40px;
	position:absolute;
	right:0;
	bottom:-25px;
}

div#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

div#nav ul li {
	width:130px;
	height:40px;
	background-image:url(../images/navsprite.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

div#nav ul li a {
	height:40px;
	width:130px;
	display:block;
}

div#nav ul li#home {
	background-position:0px -40px;
}

div#nav ul li#gallery {
	background-position:-130px -40px;	
}

div#nav ul li#testimonials {
	background-position:-260px -40px;	
}

div#nav ul li#contact {
	margin-right:0 !important;
	background-position:-390px -40px;	
}

div#nav ul li#home:hover {
	background-position:0px 0px;
}

div#nav ul li#gallery:hover {
	background-position:-130px 0px;	
}

div#nav ul li#testimonials:hover {
	background-position:-260px 0px;	
}

div#nav ul li#contact:hover {
	background-position:-390px 0px;	
}

div#banner-links {
	position:absolute;
	right:0;
	top:0px;
	width:250px;
	height:60px;
	
}
div#banner-links p {
	margin:0;
	color:#59636d;
	font-weight:500;	
	font-size:15px;
}

div#banner-links p a {
	color:#59636d;
	text-decoration:none;	
}

div#banner-links p a:hover {
	text-decoration:underline;
}

span.letter {
	color:#728243;
}

div.main-right {
	width:548px;
	border:1px solid #432434;
	height:410px;
	position:absolute;
	right:30px;
	top:158px;
	
}

div.main-left {
	width:260px;
	border:1px solid #432434;
	height:370px;
	position:absolute;
	left:30px;
	top:158px;
	padding:20px;
	overflow:scroll;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #c6c7c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c7c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c6c7c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#c6c7c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#c6c7c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#c6c7c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c7c9',GradientType=0 ); /* IE6-9 */
}

div.main-left p {
	margin:0;
	font-size:15px;	
}

div.slides_container {
	height:410px;
}

div#footer-links {
	position:absolute;;
	bottom:23px;
	left:50%;
	margin-left:-260px;
	width:520px;
	text-align:center;
}

div#footer-links ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}

div#footer-links ul li {
	float:left;	
}

div#footer-links ul li a {
	color:#67811e;
	margin:0 20px 0 20px;
	text-decoration:none;
	font-size:14px;
	font-weight:600;
}

div#footer-links ul li a:hover {
	text-decoration:underline;	
}

span.line {
	float:left;
	color:#66161f;
	font-weight:800;
}

span.testimonial {
	display:block;
	font-style:italic;	
	margin:10px 0;
	text-align:right;
	color:#657e22;
}

input#name, input#number, input#location {
	width:100%;
	height:28px;
	border:1px solid #432434;
	margin-bottom:5px;
	margin-top:3px;
	font-size:16px;
}

form {
	margin-top:10px;
	position:relative;
}

label {
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

input#morning, input#afternoon, input#evening {
	margin-top:7px;	
}

input#submit {
	position:absolute;
	right:0px;
	bottom:5px;
}

div#gallery {
	position:absolute;
	width:879px;
	border:1px solid #432434;
	height:410px;
	top:158px;
	left:30px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #c6c7c9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c7c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c6c7c9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#c6c7c9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#c6c7c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#c6c7c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c7c9',GradientType=0 ); /* IE6-9 */
}

p.intro {
	color:#901623;
	font-size:14px;
	margin:10px 10px;
}

div#gallery-left {
	position:absolute;
	width:440px;
	bottom:0;
	height:370px;
	left:0;
}

div#gallery-right {
	position:absolute;
	width:439px;
	bottom:0;
	height:370px;
	right:0;
}

div#gallery-left div {
	margin-left:80px;
	height:80px;
	width:340px;
	margin-bottom:10px;	
}

div#gallery-right div {
	margin-left:20px;
	height:80px;
	width:340px;
	margin-bottom:10px;	
}

div#gallery div div a {
	float:left;
	margin-right:20px;
}

h3 {
	margin-top:0;
	font-weight:400;
	font-size:22px;
	padding-top:10px;
	margin-bottom:0;
}

div#gallery div div p {
	margin:0;
	color:#901623;
}