/*
// Glynn Ward Photography
// Dark Colour // Highlight Colour */

html{
min-height: 101%;
overflow-x: hidden;
}

*{
padding: 0;
margin: 0;
border: 0;
list-style-type: none;
font-size: 100%;
background: transparent;
}

body{
position: relative;
padding: 8px 0px;
text-align: center;
font-family: Arial,Verdana,Tahoma,sans-serif;
background: url(../images/background.jpg) no-repeat center top;
color: #4b4b4b;
overflow-x: hidden;
}

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

a:hover{
color: #a5a5a5;
}

h1{
margin: 0 0 20px 0;
font: normal 1.4em Arial,Verdana,Tahoma,sans-serif;
color: #887861;
}

h2{
margin: 4px 0px;
padding: 0 0 0 0;
font: normal 1.3em Arial,Verdana,Tahoma,sans-serif;
color: #887861;
}

img{
border: none;
}


#container{
width: 1000px;
text-align: left;
margin: 0px auto;
}

#content-wrapper{
width: 1000px; 
position: relative;
}


#column-left{
float: left;
width: 320px;
height: 570px;
overflow: hidden;
}

#column-right{
float: left;
width: 680px;
display: block;
overflow: hidden;
}


#header-wrapper{
border-top: 1px solid #887861;
margin-top: 30px;
}

#header{
width: 1000px;
height: 50px;
margin: 0 auto;
position: relative;
text-align: left;
}

#logo{
position: absolute;
top: 20px;
left: 10px;
}

#contact{
color: #887861;
position: absolute;
top: 30px;
font-size: 0.9em;
right: 0px;
}

#contact a{
color: #887861;
}

#contact a:hover{
color: #000;
}

#contact span{
font-weight: bold;
color: #0B5D97;
}

#navigation-wrapper {
float: right;
font-size: 0.9em;
position: relative;
width: 720px;
heighT: 50px;
z-index: 999999999999999;
}

.navigation  {
position: absolute;
top: -85px;
left: -80px;
width: 900px;
}

.navigation  li {
position:relative;
float:left;
}

.navigation  li a {
display:block;
text-decoration:none;
color: #666;
font-family: 'PT Sans',Arial,Verdana,Tahoma,sans-serif;
margin-left: 5px;
border: 0;
padding: 7px 5px 7px 5px;
overflow: visible;
}

.navigation  a:hover{
color:#0B5D97;
}

.navigation  a.current {
color:#0B5D97;
}

.navigation  ul{
text-align: left;
border: 0;
background: #fff url(../images/navigation.png) no-repeat top left;
border-bottom: 1px solid #666;
border-top: 0;
list-style-type: none;
visibility:hidden;
position:absolute;
top: 23px;
left: 20px;
}

.navigation  ul li {
float:left;
margin: 0;
border-top: 1px solid #666;
}

.navigation  ul li.top {
margin-top: 7px;
border-top: 0;
}

.navigation  ul li a {
float:left;
position: relative;
margin: 0;
border: 0;
border-left: 1px solid #666;
border-right: 1px solid #666;
color: #666;
padding: 10px 10px 5px 10px;
width: 180px;
}

.navigation  ul a:hover, .navigation ul a.current{
color:#0B5D97;
border-bottom: 0;
border-top: 0;
}

.navigation   li:hover ul,.navigation a:hover ul{
visibility:visible;
}

.navigation :hover ul ul{
visibility:hidden;
}

.navigation  :hover ul :hover ul{
visibility:visible;
}

#gallery{
width: 690px;
display: block;
height: 688px;
}

#gallery img{
float: left;
margin-right: 10px;
margin-bottom: 10px;
cursor: url(../images/magnify.cur),url(images/magnify.cur),pointer;
}


.banner {
width: 680px; 
height: 530px; 
position: relative; 
clear: both; 
overflow: hidden;
}

.banner .coda-slider {
width: 680px; 
height: 488px; 
position: absolute; 
top: 0px; 
left: 0; 
overflow: hidden;
}

.banner .coda-slider .panel {
width: 680px; 
height: 488px; 
overflow: hidden; 
position: relative;  
display: block; 
float: left;  
}

.banner .coda-slider .panel IMG {
position: absolute; 
top: 0px; 
left: 0px; 
}  

.banner .coda-slider .panel SMALL {
display: none;
} 

.banner .coda-nav-left A {
position: absolute; 
top: 200px; 
left: 0; 
background: url(../images/previous.png) top left;  
height: 75px; 
width: 75px; 
z-index: 999; 
display: block;
}

.banner .coda-nav-left A:hover,.banner .coda-nav-left A:focus,.banner .coda-nav-left A:active{
background: url(../images/previous.png) bottom left;
}

.banner .coda-nav-right A {
position: absolute; 
top: 200px; 
right: 0;
 background: url(../images/next.png) top left; 
 z-index: 999; 
 height: 75px; 
 width: 75px; 
 display: block;
 }
 
.banner .coda-nav-right A:hover, .banner .coda-nav-right A:focus,.banner .coda-nav-right A:active {
 background:  url(../images/next.png) bottom left;
 }
 
.banner .coda-nav UL {
position: absolute; 
bottom: 0px; 
left: 0px; 
z-index: 999 
height: 30px; 
width: 900px; 
display: block;
}

.banner .coda-nav UL LI {
display: inline; 
float: left;
}

.banner .coda-nav UL LI A {
background: #887861; 
color: #fff; 
display: block; 
float: left; 
margin-right: 3px; 
padding: 2px; 
text-decoration: none; 
font-weight: lighter;
}

.banner .coda-nav UL LI A.current,.banner .coda-nav UL LI A:hover,.banner .coda-nav UL LI A:active,.banner .coda-nav UL LI A:focus {
background: #0B5D97;
}


#content{
margin: 0 10px 0 10px;

text-align: left;
font-size: 12px;
line-height: 150%;
color: #4b4b4b;
}

#content p{
margin: 5px 0px 15px 0px;
}

#content ul{
margin: 10px;
}

#content ul li{
background: url(../images/bullet.png) no-repeat center left;
padding-left: 17px;
}


#footer{
width: 1000px;
height: 50px;
border-top: 1px solid #887861;
color: #887861;
margin-top: 30px;
position: relative;
font: normal 10px "Trebuchet MS", Tahoma, Verdana;
}

#footer a{
color: #887861;
font-size: 10px;
}

#footer a:hover{
color: #2A5774;
}

#footer-left{
position: absolute;
top: 10px;
left: 0;
}

#footer-right{
position: absolute;
top: 10px;
right: 0;
}



#contact-left{
float: left;
width: 350px;
margin-right: 50px;
margin-left: 50px;
margin-top: 30px;
text-align: center;
}

#contact-right{
float: right;
width: 350px;
margin-top: 30px;
}


form.contact-form{
overflow: hidden;
padding: 0px 20px 20px 20px; 
}


form.contact-form input,form.contact-form textarea, select {
width:98%; 
height:19px; 
font:normal 1em/19px arial; 
padding:2px; 
color:#887861;
background: #ffffff url(../images/form.jpg) repeat-x bottom left;
border: 1px solid #cccccc;
}

form.contact-form select{
height:25px; 
width:100%; 
font:normal 1em arial; 
border: 0;
border: 1px solid #cccccc;
}

form.contact-form input.textbox-honey {
display: none;
}

form.contact-form label {
color: #4b4b4b;
font:normal 1em/25px arial; 
margin: 3px 0;
cursor: pointer;
}

form.contact-form textarea {
height:100px; 
overflow:auto;
}

form.contact-form input.contact-submit{
width:auto; 
cursor:pointer; 
float:right; 
color:#ffffff; 
margin-top: 10px;
padding: 10px;
height: 35px; 
border: 0;
overflow: visible; 
background: #887861;
}


#panel{
width: 1000px;
margin: 6px auto;
border: 1px solid #2ecc1e;
background-color: #b7e5b0;
color: #218416;
padding: 15px;
font-weight: bold;
}


#side-tab-container{
position: absolute;
top: 40px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
font-size: 11px;
}


.side-tab img{
border: 0;
text-decoration: none;
}

a.side-tab:hover{
color: #888888;
}


.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
}

.left{ float: left; }
.right{ float: right; }

.validated-form label.error{
color: red;
}

div.warningbox,div.infobox,div.confirmbox{
min-height: 40px;
padding: 4px 8px 4px 50px;
margin-bottom: 5px;
background-repeat: no-repeat;
background-position: 6px center;
font-size: 0.9em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.warningbox{
background-color: #f1d7d7;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/warning.png);
border: 3px double #d4322a;
color: #d4322a;
}

div.infobox{
background-color: #cbd5eb;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/info.png);
border: 3px double #3960af;
color: #3960af;
}

div.confirmbox{
background-color: #c3e5bf;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/confirm.png);
border: 3px double #38972e;
color: #38972e;
}