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

/* START Myer Style Reset */

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END Myer Style Reset */

/* START Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* END Clearfix */

/* START Centring Container */

#container{
margin: 0 auto;
width: 1000px;
background-color:#fff;
/*-moz-box-shadow: 0 0 3px 3px #999;
-webkit-box-shadow: 0 0 3px 3px #999;
box-shadow: 0 0 3px 3px #999;*/
}

/* END Centring Container */

/* START Headers */

#header{
position:relative;
width:1000px;
/*height:70px;*/
}

#header img{
float:left;
margin:1.5em 0 0 20px;
}

#headerimg{
margin:0;
position:relative;
left:80px;
}

div#socials{
float:right;
margin:50px 1.5em 0 0;
width:500px;
}

div#socials p{
float:right;
clear:right;
font-size:70%;
text-transform:uppercase;
color:#777;
text-align:right;
height:20px;
}

div#socials img.socialicon{
float:right;
position:relative;
top:-21px;
}

/* END Headers */

body{
font-family: Arial, Helvetica, sans-serif;
/*background: #222826 url(../grafix/body-bgd.jpg) 0 0 no-repeat;*/
}

/* START Home Page Modules */

div#offers{
float:left;
width:443px;
height:268px;
border:1px solid #d3bb93;
padding:0 10px 10px 20px;
margin:10px 0 0 5px;
}

div#offers h2{
font-weight:normal;
font-family: "Times New Roman", Georgia, Serif;
/*color:#595959;*/
color:#cdb089;
font-size:1.8em;
margin:20px 0 0 0;
}



div#offers h3{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#404040;
font-size:0.8em;
margin:15px 0 0 0;
line-height:120%;
}

div#offers p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:normal;
color:#404040;
font-size:0.6em !important;
margin:5px 0 0 0;
line-height:120%;
}

div#offers p a:link,
div#offers p a:visited{
display:inline;
font-style:italic;
color:#d75a40;
text-decoration:none;
}

div#offers p a:hover{
display:inline;
font-style:italic;
color:#444;
}

div#offers h3 a:link,
div#offers h3 a:visited{
display:inline;
font-style:italic;
color:#d75a40;
text-decoration:none;
}

a.goldlink:link,
a.goldlink:visited{
color:#cdb089;
text-decoration:none;
border-bottom:1px dotted #cdb089;
}

a.goldlink:hover{
color:#cdb089;
text-decoration:none;
border-bottom:1px solid #cdb089;
}

div#offers h3 a:hover{
display:inline;
font-style:italic;
color:#444;
}

#fronthalfbanner{
margin:10px 5px 0 0;
float:right;
}

#logobanner{
clear:both;
width:1000px;
height:120px;
margin:30px 0 0 3px;
padding-top:30px;
}

img.logoimg{
/*-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;*/
margin-left:40px;
}

img.logoimg.first{
margin:0;
}

div#creditfooter{
display:none;
}

/* END Home Page Modules */

/* START Footer */

#footer{
width:969px;
padding:5px 10px;
color:#fff;
font-weight:normal;
background-color:#4f4f4f;
margin:50px 0 5px 5px;
text-align:center;
}

#footer p.footerstrands{
font-family: Times, "Times New Roman", Georgia, serif;
color:#fff;
font-size:0.8em;
text-transform:uppercase;
margin:1em auto 0 auto;
}

p#address{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
margin:1em auto 0 auto;
}

p#disclaimer{
font-family: Arial, Helvetica, sans-serif;
font-size:0.6em;
margin:5px 0 0 0;
font-weight:normal;
color:#ccc;
margin:1em auto 1em auto;
}

#footer a:link,
h3.fullwidthbanner a:visited{
color:#fff;
text-decoration:none;
}

#footer a:hover{
color:#d3bb93;
text-decoration:none;
}

/* END Footer */

/* START Content styling */

#content{
position:relative;
color:#555;
line-height:1.6em;
padding:0px 340px 0 30px;
font-size:0.9em;
/*border-top:5px solid #c03;*/
min-height:600px;
}

#content h1{
clear:both;
margin:0 0 1em 0;
font-weight:normal;
font-family: "Times New Roman", Georgia, Serif;
color:#666;
font-size:1.8em;
}

#content h2{
clear:left;
font-weight:normal;
color:#b58c53;
font-size:1.3em;
margin:0 0 0.5em 0;
}

#content h3{
font-weight:bold;
color:#b58c53;
font-size:1em;
margin:0 0 0.5em 0;
}

#content img{
float:right !important;
clear:right !important;
margin:5px -260px 10px 0;
/*-webkit-box-shadow:  3px 3px 3px #888;
-moz-box-shadow:  3px 3px 3px #888;
box-shadow:  3px 3px 3px #888;
-webkit-border-radius: 0px 15px 15px 15px;
-moz-border-radius: 0px 15px 15px 15px;
border-radius: 0px 15px 15px 15px;*/
}

#content img.noborder{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

#content img.noshadow{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

#content img.fleft{
clear:left;
float:left;
margin:0.5em 0 1.5em 1.5em;
}

#content img.fveryleft{
margin:0;
float:none !important;
}

#content a.noborder{
border:0 !important;
}

#content strong{
font-weight:bold;
}

#content p,
#content ul,
#content ol{
margin:0 0 1em 0;
}

#content ul,
#content ol{
margin-left:2em;
list-style-type:circle;
}

#content p.picredit{
font-size:0.7em;
color:#999;
float:right;
clear:right;
margin:10px -260px 0 0;
width:200px;
text-align:right;
line-height:1em;
padding:0 0 10px 0;
}

#content p.link{
padding-left:15px;
background:#fff url(../grafix/linkarrow.png) 0 5px no-repeat;
}

#content ul.linklist{
margin:0.5em;
}

#content ul.linklist li{
padding-left:15px;
background:#fff url(../grafix/linkarrow.png) 0 5px no-repeat;
list-style-type: none;
}

#content a:link,
#content a:visited{
color:#555;
text-decoration:none;
border-bottom:1px dotted #999;
}

#content a:hover{
color:#000;
text-decoration:none;
border-bottom:1px solid #000;
}

#content h6{
border-top:1px solid #ddd;
padding-top:10px;
text-align:right;
font-style:italic;
color:#c03;
}

table{
border-collapse:collapse;
border:0;
width:100%;
margin:0 0 1em 0;
}

table thead th{
background-color:#ddd;
color:#000;
text-align:left;
font-weight:bold;
padding:3px 5px;
}

table thead td{
background-color:#ddd;
color:#000;
text-align:right;
font-weight:bold;
padding:3px 5px;
}

table tbody th{
background-color:#fff;
color:#555;
border-bottom:1px solid #ddd;
text-align:left;
vertical-align:middle;
padding:3px 5px;
}

table tbody td{
background-color:#fff;
color:#555;
border-bottom:1px solid #ddd;
text-align:right;
vertical-align:middle;
padding:3px 5px;
}

/* END Content styling */

/* START rightmenu styling */

#rightmenu{
position:absolute;
top:38px;
right:0px;
width:220px;
}

#rightmenu h2{
margin:0 0 1em 0;
font-weight:normal;
font-family: "Times New Roman", Georgia, Serif;
color:#595959;
font-size:1.8em;
}

#rightmenu p{
margin:0;
}

div#rightmenu p a:link,
div#rightmenu p a:visited{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#404040;
font-size:0.8em;
text-decoration:none !important;
border:0;
}

div#rightmenu p a:hover{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#d3bb93;
font-size:0.8em;
margin:1em 0 0.4em 0;
border:0;
}

/* END rightmenu styling */

/* START LightBox style */

#content #lightboxer{
float:left;
margin:1em 0 100px 100px;
display:block;
}

#content #lightboxer img{
margin:0;
}

/* END LightBox style */

/* START FreetoBook Widget */

#f2b-widget{
position:absolute;
top:20px;
right:120px;
}

#f2b-widget.inpage{
position:relative;
top:0;
left:-5px;
}

#content #f2b-widget h2#bookaroom,
#content #f2b-widget.inpage h2#bookaroom{
margin:0;
padding:0;
}

#content #f2b-widget form#f2b_search_form{
margin:0;
padding:0;
position:relative;
top:-20px;
}

#content #f2b-widget.inpage form#f2b_search_form{
margin:0;
padding:0;
position:relative;
top:-100px;
}

/* END FreetoBook Widget */

/* START Forms styling */

form{
margin:1em 0 1em 0;
}

legend{
font-weight:bold;
color:#c03;
font-size:1em;
margin:0 0 0.5em 0;
}

label{
float:left;
display:inline-block;
width:140px;
text-align:right;
padding-right:10px;
font-weight:normal;
}

input,
textarea{
width:300px;
border:1px solid #f89;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#fff;
padding:3px;
margin-bottom:3px;
}

input:focus{
background-color:#eee;
}

input.button{
width:auto;
margin:10px 0 0.5em 150px;
background-color:#c03;
padding:3px 5px;
color:#fff;
font-weight:bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
}

input.radiocheck{
width:auto;
margin:0;
position:relative;
top:2px;
}

p.right{
display:inline;
padding:0 0 0 8px;
}

p.formpara{
padding-left:150px;
line-height:1.2em;
}

input.radiocheck{
margin:0;
}

p.formpara{
margin:0;
padding:10px 0 0 150px;
}


/* START Validation Bubble styling */

/*
 *  STEP 1: change the bubble so background is white and text is green.
 */

/* Webkit */

input::-webkit-validation-bubble-message {
color: red !important;
font-weight:bold;
background: white !important;
border: 1px solid black;
padding: 18px;	
}

/* Polyfill styles to do the same as above */

.wf2_errorMsg {
color: red !important;
font-weight:bold;
background: white !important;
}

/* Removes the icon that appears in Webkit browsers by default */

input::-webkit-validation-bubble-icon {
display: none;
}

/* Needed for IE to get rid of gradient background, or to replace it with another gradient */

.wf2_errorMsg {
filter: none !important;
color: red !important;
font-weight:bold;
background:none;
background-color: white !important;
}

/* Step 2: The arrow */

input::-webkit-validation-bubble-arrow {
background: white !important;
border: solid black 1px;
}

/* Polyfill */

.wf2_errorMsg:before {
/* By default, the image is 29x15, but you can change it and position it with CSS */
background: url('../grafix/generic/formbubblearrow.png') !important;
}

/* END Validation Bubble styling */

/* END Forms styling */

/* validity checks */

input.wf2_invalid, 
textarea.wf2_invalid {
 background-color: #F0DDDD;
}

/* required checks */

input.fix_required, 
textarea.fix_required {
 border: 2px solid blue !important;
}

div.mediathumbs{
height:200px;
width:100px;
float:left;
margin:0 20px 20px 0;
display:inline-block;
}

div.mediathumbs img{
/*float:none !important;*/
position:relative;
left:-260px;
}

div.mediathumbs a{
border:0 !important;
}

div.mediathumbs p{
clear:both;
text-align:center;
font-size:0.8em;
width:100px;
}

div#compgallcontainer{
float:left;
margin:0;
margin-left:-260px;
width:700px;
}

div#compgallcontainer div.compgallery{
width:150px;
height:150px;
margin:0 20px 20px 0;
float:left;
}

/*div#logobanner{
margin: 0 0 1em 0;
width:1000px;
}*/

/*div#logobanner div.logobox{
display:inline-block;
margin:1em 0 1em 20px;
height:125px;
text-align:center;
position:relative;
right:300px;
width:240px;
}

div#logobanner div.logobox p{
color:#888;
font-size:0.8em;
font-weight:bold;
text-align:center;
padding-top:10px;
}*/

/*img.logoimg{
margin-left:34px;
}*/

#bookatablediv{
float:right;
margin-right:-260px;
margin-left:2em;
}

#bookatablediv p{
margin-top:5px;
text-align:right;
width: 300px;
font-size:0.8em;
color:#ccc;
line-height:1.2em;
}

form.paypalform{
margin:0 !important;
padding:0 !important;
padding-bottom:10px !important;
border-bottom:1px solid #ccc;
}
form.paypalform span{
padding:1px 3px;
border:1px solid #a9a9a9;
}
form.paypalform input.paypalbutton{
/*display:block;
clear:left;*/
position:relative;
top:6px;
width:86px;
height:21px;
border:0 !important;
margin:0 !important;
padding:0 !important;
}
form.paypalform p{
margin:0 !important;
padding:0 !important;
}

/*ARTISTS ENLARGED THUMBNAILS START*/

ul#enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}

ul#enlarge li p{
clear:both;
font-size:0.8em;
margin-top:0;
padding-top:0;
position:relative;
top:-10px;
}

ul#enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:0 20px 0 0;
width:130px !important;
height:170px !important;
float:left !important;
}

ul#enlarge img{
/*background-color:#eae9d4;
padding: 3px 3px 0 3px;
-webkit-box-shadow: 0 0 3px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 3px rgba(132, 132, 132, .75);
box-shadow: 0 0 3px rgba(132, 132, 132, .75);*/
/*-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;*/ 
position:relative;
left:-270px;
}

ul#enlarge span{
position:absolute;
left: -9999px;
/*background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;*/
}
ul#enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul#enlarge span img{
padding:2px;
background:#ccc;
}
ul#enlarge li:hover span{
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 200px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/*ul#enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul#enlarge li:hover:nth-child(3) span{
left: -200px; 
}*/
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul#enlarge img, ul.enlarge span{
behavior: url(http://www.broomhillart.co.uk/css/pie/PIE.htc); 
}

/*ARTISTS ENLARGED THUMBNAILS END*/

#puffparas{
position:relative;
top:15px;
text-align:center;
width:1000px;
border:1px solid #cdb089;
padding:5px 0;
}

#puffparas p{
font-family:"Times New Roman",Georgia,Serif !important;
font-weight:bold;
color:#cdb089;
font-size:1.2em;
/*margin-bottom:15px;*/
}

#puffparas p a:link,
#puffparas p a:visited{
font-weight:bold;
color:#cdb089;
font-size:1.2em;
/*margin-bottom:15px;*/
text-decoration: none;
}

#puffparas p a:hover{
font-weight:bold;
color:#900;
font-size:1.2em;
/*margin-bottom:15px;*/
}

#puffstandout{
font-weight:normal !important;
font-size:1.4em !important;
color:#404040 !important;
font-family:"Times New Roman",Georgia,Serif !important;
margin-bottom:10px !important;
}

#latestnews{
position:relative;
background-color:#4f4f4f;
color:#fff;
margin:5px 0 0 5px;
width:949px;
padding:20px;
font-size:0.8em;
text-align:center;
}

#latestnews h3{
font-weight:bold;
margin-bottom:10px;
}

#latestnews p strong{
font-weight:bold;
}

#latestnews a:link,
#latestnews a:visited{
color:#fff;
font-weight:bold;
text-decoration: none;
}

#latestnews a:hover{
color:#cdb089;
font-weight:bold;
text-decoration: none;
}

#photowinners{
position:relative;
}

#photowinners div.winner{
float:left;
width:190px;
height:220px;
margin:0 20px 20px 0;
}

#photowinners div.winner img{
margin:0;
padding:0;
}

#photowinners div.winner p{
margin:10px 0 0 5px;
font-size:0.7em;
color:#777;
}

#arteyewinner{
position:absolute;
top:90px;
left:80px;
}

#textboxfrontpage{
background-color:#003c6d;
color:#ffd055;
text-align:center;
font-weight:bold;
height:35px;
padding:10px 0 5px 0;
width:990px;
margin:10px 0 0 5px;
}

#textboxfrontpage h2{
font-size:1.5em;
font-weight:bold;
color:#d2f7c5;
display:inline-block;
}

#textboxfrontpage p{
display:inline-block;
}

#textboxfrontpage a:link,
#textboxfrontpage a:visited{
text-decoration:none;
color:#ffd055;
}

#textboxfrontpage a:hover{
text-decoration:none;
color:#f0fab1;
}