body { font-family: "myriad-pro"; padding: 0; text-align:left; color:#333333; background-image: url("../images/stained-glass.jpg"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; margin: auto; }

.page { width: 1024px; margin: auto; padding-bottom: 40px; text-align: left; top: 0; }
.header { top: 0; height: 155px; width: 1024px; margin: auto; }
.header img { text-align: left; }
.header p { font-size: 150%; text-align: right; font-family: "Advent Pro", sans-serif; }
#logo { text-align: left; position: absolute; top: 15px; left: 0; }
#facebook { position: absolute; right: 60px; bottom: 10px; margin-bottom: 10px; }
#twitter { position: absolute; right: 10px; bottom: 10px; margin-bottom: 10px; }

.navigation { font-family: "garamond-premier-pro-display"; font-size: 100%; background-image: url(../images/nav-bg.gif); background-repeat: repeat-x; width: 100%; height: 46px; clear: both; letter-spacing: 1px;}
.navigation ul li { background-image: url(../images/nav-bg.gif); margin: 0; padding: 0; list-style:none; }
.navigation ul { padding-left: 0; width: 100%; margin: 0; }
.navigation li { color: #eaeaea; line-height: 40px;  float:left; display:inline; }
.navigation a, a:visited { color: #eaeaea; text-decoration:none; padding-right: 24px; padding-left: 24px; border-right: 1px solid #4938a7; display:block; }
.navigation a:visited { color: #eaeaea; text-decoration:none; padding-right: 204px; padding-left: 24px; border-right: 1px solid #4938a7; display:block; }
.navigation a:hover { color:#fffdfd; background-image: url(../images/nav-bg-over.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; }

.container { background-color: #fff; text-align: left; width: 1024px; min-height: 500px; }


.new-line {clear:both; }
.left-column { width: 340px; float: left; padding: 20px 30px 10px 20px; }
.left-column img { border: solid 10px #6593cf; }
.left-column h1 {margin:0 0 10px; font-size:140%; font-weight:normal; color:#362880; }
.left-column p { color: #444; font-size: 100%; margin: 0 0 10px; padding: 0 0 5px; }
.left-column h2 { font-size:110%; color:#362880;}
.left-column a { color: #362880; text-decoration: none; }
.left-column a:hover { color: #362880; text-decoration: none; }

.wide-column { width: 85%; float: left; margin-top: 20px; margin-left: 20px; padding-right: 30px; padding-bottom: 10px; }
.wide-column img { border: solid 10px white; }
.wide-column h1 {margin:0 0 10px; font-size:140%; font-weight:normal; color:#362880; }
.wide-column p { color: #444; font-size: 100%; font-weight: 400; margin: 0 0 10px; padding: 0 0 5px; }
.wide-column h2 { font-size:110%; color:#362880;}
.wide-column a { color: #362880; text-decoration: none; }
.wide-column a:hover { color: #362880; text-decoration: underline; }


.right-column { width: 600px; float: left; margin-top: 20px; font-family: "myriad-pro",sans-serif;}
.right-column h1 {font-size:160%; font-weight:normal; color:#4a4a4a; }
.right-column h2 {font-size:130%; font-weight:normal; color:#4a4a4a; }
.right-column a { color: #362880; text-decoration: none; }
.right-column a:hover { color: #362880; text-decoration: none; }
.right-column img { border: solid 10px white; }
.booking-form { background-color: #e7e7e7; width: 800px; margin-bottom: 10px; padding: 20px; }

.home-page-column { width: 280px; float: left; padding-top: 4px; border-top: 1px solid #e5e5e5; font-family: myriad-pro, sans-serif;}
.home-page-column p { padding-right: 10px; }
.home-page-column a, a:visited { color: #6593cf; font-size: 100%; text-align: left; text-decoration: none; }
.home-page-column a:hover { color: #3169b1; }
.home-page-column h1 {font-family: "garamond-premier-pro-display"; }
.home-page-column img { border: solid 5px #6593cf; }


.next { background-color: #e7e7e7; width: 320px; height: 240px; margin-bottom: 10px; }
.next img { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; border: solid 10px #fff; }
.image { margin: 10px; border: solid 10px #fff; }
.book { background-color: #e7e7e7; width: 320px; height: 240px; margin-bottom: 10px; }
.book img { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; border: solid 10px #fff; }
.team { background-color: #e7e7e7; background-image: url(../images/team.jpg); background-repeat: no-repeat; background-position: center; width: 290px; height: 210px; margin-bottom: 10px; padding: 10px 20px 20px; }
.team img { border: solid 10px #fff; }
.team p { margin-top: 70px; margin-left: 30px; }
.design { background-color: #e7e7e7; background-image: url(../images/design.jpg); background-repeat: no-repeat; background-position: center; width: 290px; height: 210px; margin-bottom: 10px; padding: 10px 20px 20px; }
.design img { border: solid 10px #fff; }
.design p { margin-top: 70px; margin-left: 30px; }
.footer { clear: both; padding: 20px 10px 20px 20px; font-family: "myriad-pro",sans-serif;}
.footer p { font-size:90%; }
.footer a { color: #3169b1; text-decoration: none; }
.footer a:hover { color: #255492; text-decoration: underline; }

.full-column { width: 95%; float: left; margin-top: 20px; margin-left: 20px; padding-right: 30px; padding-bottom: 10px; }
.full-column h1 {margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #d0d0d0; font-size:140%; font-weight:normal; color:#7f2f7f; }
.full-column img { margin-right: 5px; margin-bottom: 5px; border: solid 5px #fff; }
iframe { margin-right: 5px; margin-bottom: 5px; border: solid 5px #fff; }

.media-page { width: 95%; float: left; margin-top: 20px; margin-left: 20px; padding-right: 30px; padding-bottom: 10px; }
.media-page h1 {margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #d0d0d0; font-size:140%; font-weight:normal; color:#7f2f7f; }
#fadeshow1 { margin-bottom: 20px; border: solid 10px white; }
.twitter-feed { font-size: 85%; background-color: #d1cdcd; background-image: url(../images/twitter_grey.gif); background-repeat: no-repeat; background-position: 10px 10px; width: 90%; padding: 10px 10px 10px 50px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.twitter-feed li { color: #543f3f; font-size: 90%; text-decoration: none; margin-bottom: 6px; list-style-type: none; list-style-image: none; }
.twitter-feed a { color: #636; text-decoration: none; }
.twitter-feed a:hover { color: #636; text-decoration: underline; }
.twitter-feed h2 { color: #636; font-size: 110%; text-decoration: none; margin-left: 20px; }

.floatright { float: right; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
.shop { background-color: white; }
.credit a { color: #9d9d9d; font-size: 50%; text-decoration: none; float: right; }
.credit a:hover { color: #828785; font-size: 50%; text-decoration: underline; }
.floatleft { margin-right: 10px; float: left; }

.thumb { margin-right: 5px; float: left; border: solid 4px #fff; }
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:#ededed url('(EmptyReference!)');
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:solid 1px #dcdcdc;
	display:inline-block;
	color:#362880;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.print { float: left; margin-right: 10px; }
.button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:#d4d2d2 url('(EmptyReference!)'); text-decoration: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); }.button:active {
	position:relative;
	top:1px;
}
.half-width-left { width: 480px; float: left; clear: left; }
.half-width-right { width: 480px; float: right; clear: right; }

input.btn, select.btn, textarea.btn { color:#585858; font-size: 100%; border-color: #888686 #585858 #585858 #888686; border-style: solid; border-width: 1px; }

input.btnhov{ border: solid 1px #362880; }

input.btn1{
	color:#050;
 font: bold small 'trebuchet ms',helvetica,sans-serif;
}

input.btn2{
	color:#050;
 font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}

input.btn3{
	color:#585858;
 font: bold 84% "trebuchet ms", helvetica, sans-serif;
	background-color:#e1e0e0;
}

input.btn4{ color:#585858; font: bold 84% "trebuchet ms", helvetica, sans-serif; background-color:#e1e0e0; border-color: #696 #363 #363 #696; border-style: solid; border-width: 1px;}