/* CSS Document */

html { 
margin:0 auto;
padding:0px;
}

body {
text-align:center;
max-width: 862px;
margin:0 auto;
padding:0px;
background-color:#3a3d36;
font-family:Verdana, Arial, Helvetica, sans-serif;}

a {
color:#000000;
text-decoration:none;
}

a:hover {
color:#424635;
}

#pageholder{
margin:0 auto;
padding:0px;
width: 862px;
height:inherit;
text-align:center;
background-image:url(images/bg.gif);
background-repeat:repeat-y;
}

#pageholder img{
float:left;}

html>body #pageholder{
float:left;
height:auto;
}

.seo
{
margin: 0px auto;
padding: 0px;

width: 900px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align: bottom center;
color:#ffffff;

}

HTML>body .seo {
float: left;}

#navbar{
float:left;
width:862px;
height:30px; 
margin:0px;
padding:0px;
list-style:none;
}

img.navbar {
float:left;}

#navbar ul {
float:left;
height:auto;
margin:0;
padding:0px;
list-style: none;
list-style-type:none;
border:0px;
}
 
#navbar ul li {
float:left;
margin:0px;
padding:0px;
list-style:inherit;
display: inline;

}

#navbar ul li a{
float:left;
display: block;
margin:0;
padding:0;
width:auto;}


#navbar ul li a.home{
background-image:url(images/home_btn.gif);
width:55px;
height:30px;
display:block;
float:none;
}

#navbar ul li a.about{
background-image:url(images/about_btn.gif);
width:81px;
height:30px;
display:block;
float:none;}

#navbar ul li a.portraits{
background-image:url(images/portraits_btn.gif);
width:88px;
height:30px;
display:block;
float:none;}

#navbar ul li a.test{
background-image:url(images/test_btn.gif);
width:84px;
height:30px;
display:block;
float:none;}

#navbar ul li a.offers{
background-image:url(images/offers_btn.gif);
width:122px;
height:30px;
display:block;
float:none;}

#navbar ul li a.booking{
background-image:url(images/booking_btn.gif);
width:111px;
height:30px;
display:block;
float:none;}

#navbar ul li a.session{
background-image:url(images/session_btn.gif);
width:113px;
height:30px;
display:block;
float:none;}

#navbar ul li a.contact{
background-image:url(images/contact_btn.gif);
width:76px;
height:30px;
display:block;
float:none;}

#navbar ul li a.links{
background-image:url(images/links_btn.gif);
width:43px;
height:30px;
display:block;
float:none;}

#navbar ul li a.login{
background-image:url(images/login_btn.gif);
width:89px;
height:30px;
display:block;
float:none;}



#navbar ul li a.home:hover{
background-position:-55px;}

#navbar ul li a.about:hover{
background-position:-81px;}

#navbar ul li a.portraits:hover{
background-position:-88px;}

#navbar ul li a.test:hover{
background-position:-84px;}

#navbar ul li a.offers:hover{
background-position:-122px;}

#navbar ul li a.booking:hover{
background-position:-111px;}

#navbar ul li a.session:hover{
background-position:-113px;}

#navbar ul li a.contact:hover{
background-position:-76px;}

#navbar ul li a.links:hover{
background-position:-43px;}

#navbar ul li a.login:hover{
background-position:-89px;}





#navbar ul li.active a.home{
background-position:-55px;}

#navbar ul li.active a.about{
background-position:-81px;}

#navbar ul li.active a.portraits{
background-position:-88px;}

#navbar ul li.active a.test{
background-position:-84px;}

#navbar ul li.active a.offers{
background-position:-122px;}

#navbar ul li.active a.booking{
background-position:-111px;}

#navbar ul li.active a.session{
background-position:-113px;}

#navbar ul li.active a.contact{
background-position:-76px;}

#navbar ul li.active a.links{
background-position:-43px;}

#navbar ul li.active a.login{
background-position:-89px;}



#navbar ul li a img{
float:left;
border:0;
height:30px;}


#navbar li ul { /* second-level lists */

	position: absolute;
	margin:0px;
	padding:0 0 0 0;	
	width:300px;
	left: -100em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	position:absolute;
}

/* first level */

#navbar li a:link, #navbar li a:visited{
width:auto;
height:30px;
text-align:center;
display:block;
margin-left:0px;
padding: 0 0 0 0;
text-decoration:none;
text-align:left;
color:#a9a99c;
font-size:12px;
font-family:Arial, sans-serif;

}

/* second level */
#navbar li ul a:link, #navbar li ul a:visited{

width:200px;
height:20px;
margin:0px;
padding-left:4px;
padding-top:10px;
display:block;
text-decoration:none;
text-align:left;
vertical-align:middle;
text-indent:5px;
font-size:12px;
background-color:#e5f087;
border-top: 1px #cbc87b solid;
}

/* hover states */
#navbar li a.active:link, #navbar li a.active:visited {
float:left;
background-position:0px 0px; 
}

/* first level */
#navbar li a:hover{
background-position:0px 0px;
background-color: #cbc87b;
}

/* second level */
#navbar li ul a:hover{
background-image:none;
background-color:#cbc87b;
color:#3a3d36;
}

#navbar li:hover {
background-position: 0 0
}

#content_wrapper {
float:left;
border:0px;
padding: 52px 22px 45px 16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:862px;
}

#homepage_wrapper {
float:left;
border:0px;
padding: 0px 0px 0px 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:862px;
}

#homepage_wrapper p{
margin:6px 0 4px 0;}

#normal_wrapper 
{
   float:left;
    border:0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    width:862px; 
}


html>body #content_wrapper{
margin:0px 0px 0px 20px;
}


#content_wrapper2 {
float:left;
border:0px;
padding-left:0px;
padding-right:0px;
padding-top:14px;
padding-bottom:45px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:862px;
}

#content_wrapper3 {
float:left;
border:0px;
padding: 32px 22px 45px 45px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
width:862px;
}

#copy_wrapper {
float:left;
border:0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
border:#f5f9c5 solid 1px;
width:820px;
margin: 0px 0px 20px 10px;
}

html>body #copy_wrapper{
margin:0px 0px 20px 20px;
}

.leftmarg{
float:left;
margin-top:10px;
}

#leftmarg{
float:left;
width:355px;
height:auto;
text-align:left;
font-size:14px;
}

#offers-copy{
float:right;
width:355px;
height:auto;
text-align:left;
font-size:14px;
padding:20px 20px 20px 20px;
border:2px #f5f9c5 solid;
}


#rightmarg{
float:left;
width:472px;
background-color:#000000;
height:450px;
}

#copy {
padding-left:0px;
padding-right:30px;
padding-bottom:20px;
padding-top:55px;
width:319px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
float:left;
background-image:url(images/small_images.gif);
background-repeat:no-repeat;
background-position:bottom left;
height:350px;
}


#copy2 {
padding-left:23px;
padding-right:30px;
padding-top:20px;
width:550px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
float:left;
height:auto;
}

#copy2b {
padding-left:23px;
padding-right:30px;
padding-top:20px;
width:478px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:left;
float:left;
height:auto;
}

#copy3 {
padding-left:10px;
padding-right:30px;
width:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
float:left;
height:auto;
margin-right:35px;
vertical-align:top;
margin-top:40px;
padding-top:0px;
}

#copy4 {
padding: 10px 0px 0px 10px;
width:800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
float:left;
height:auto;
vertical-align:top;
margin:0px;
}

#copySlideShow {
padding-left:10px;
padding-right:30px;
width:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
float:left;
height:auto;
margin-right:35px;
vertical-align:top;
margin-top:40px;
padding-top:0px;
}

.leftmarg2{
float:left;
margin-left:23px;
margin-top:15px;
}

#footer {
background-image:url(images/footer_bg.gif);
background-repeat:no-repeat;
width:862px;
text-align:center;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
float:left;
padding-top:7px;
height:20px;
margin-right:-3px;
}

#gallery{
float:left;
width:842px;
height:auto; 
margin:0px;
padding-left:10px;
padding-right:10px;
list-style:none;
}

img.gallery {
float:left;
}

#gallery ul {
float:left;
height:auto;
margin:0px;
padding:0px;
list-style: none;
list-style-type:none;
border:0px;
}
 
#gallery ul li {
float:left;
margin-left:20px;
margin-right:25px;
margin-top:20px;
margin-bottom:0px;
list-style:inherit;
display: inline;
border:solid #dfe87a 2px;
}

#gallery ul li img {
padding:10px;
display:block;
}

#gallery ul li a{	
display: block;
margin:0px;
padding:0px;
width:auto;
}

#gallery ul li a:hover{	
margin:0;
padding:0;
width:auto;
float:left;
}

h2 {
color:#c9d921;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:0px;
padding:0px;
}


h3 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#gallery2{
background-color:#FFFFFF;
float:left;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding: 10px;
width:800px;
border:0px;
}

html>body #gallery2 {
margin-left:0px;
margin-right:0px;}

#gallery2 ul {
background-color:#FFFFFF;
float:left;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0px;
border:0px;
}

#gallery2 ul li {
background-color:#FFFFFF;
display:inline;
float:left;
padding:0px;
border:solid #dfe87a 2px;
margin: 20px 0px 0px 20px;
}


#gallery2 ul li a{
float:left;}

#gallery2 ul li a img{
float:left;
padding:5px;
display:block;
}

.bigtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
text-indent:4px;
}

#address {
padding-left:23px;
padding-right:30px;
width:250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
float:left;
height:auto;
}

#address-rhs {
width:550px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
height:auto;
padding:0px;
padding-top:20px;
text-align:right
}

.big{
font-size:14px;
}

.small 
{
 font-size: 8px;   
}

#portraits-nav{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
padding-bottom:10px;
padding-left:35px;
}

#portraits-nav a{
color:#999999;
text-decoration:none;
}

#portraits-nav a:hover{
color:#000000;
}

.portraits-nav-active{
color:#000000;
}

/*Standard tags - added by Brendan */
h1 {
color:#c9d921;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
margin:0px;
padding:0px;
}
fieldset 
{
    /*background-color: whitesmoke; */
    /*border: solid 1px silver;  */
    border: none;
}
fieldset legend 
{
    font-weight:bold;   
    color:#c9d921;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
}
fieldset table 
{
    width: 100%;    
}
fieldset td *
{
  vertical-align: middle;  
}
fieldset label.required
{
    font-weight: bold;
    float:right;
}
fieldset label
{
    float:right;
}
fieldset span label 
{
    float:none;   
}

/*page specific styles*/

.msg {
    width:100%;
    border: none;
}

/*messages */
.infoMsg, .errorMsg, .checkMsg 
{
  background-position: 2px 2px;
  background-repeat: no-repeat;
  /*background-color: #f3f3f3;*/
  padding-left: 40px;
  padding-top: 3px;
  padding-bottom: 3px; 
  padding-right: 5px; 
  border: gray 1px solid;
  min-height: 30px;
  vertical-align:middle;
  text-align: left;
}

.errorMsg
{
  background-image: url(images/error.png);
}