* {
 margin: 0; 
 padding: 0;
}

body {
 font: 11px Tahoma, Arial, Helvetica, sans-serif;
 color: #fff;
 background: #000 url('../gfx/bg-10.gif') repeat-x 50% 0 fixed;
 background-repeat:repeat-y
 
 text-align: center;
 margin: 0;
 padding: 50px 0 50px 0;
}

div {text-align: left;}

h1, h2, 
h3, h4, h5 {
 font-weight: normal; 
 color: #fff;
}

h1 {display: none;}

h2 {
 height: 89px;
 margin: 0 0 20px 0;
}

h3 {font-size: 16px;}
h4 {font-size: 14px;}
h6 {font-size: 12px; font-weight:bold; color:#F76BD8}


li {list-style: none;}

a {
 text-decoration: none;
 color: #BC9B54;
}
a.active {color: #fff;}
a:hover { color:#FFFFFF; text-decoration:none} 

fieldset {border: 0 solid transparent;}
legend, label {display: none;}

input, textarea {
 font: 12px Tahoma, Arial, Helvetica, sans-serif;
 padding: 2px;
 margin: 3px 0 0 0;
 border: 3px solid #333;  
 overflow: auto;
 background: #fff url('../gfx/bg-form-field.gif') repeat-x 0 0;
}

input:focus, 
textarea:focus, 
.error {border: 3px solid #ffcc00;}

.err {
 font-weight: bold; 
 color: #ffcc00;
}

input.small {
 width: 210px;
 width/**/: 180px !important;
 padding: 2px;
}

input.large, 
textarea {
 width: 396px;
 width/**/: 386px !important;
 padding: 2px;
}

p {
 margin-top: 15px;
 line-height: 16px;
}

strong {color: #fff;}

/*--------------------------------------------------------------------------
Body Classes
--------------------------------------------------------------------------*/

body.home h2 {background: #000 url('../gfx/h2-home.gif') no-repeat 0 0;}
body.accommodation h2 {background: #000 url('../gfx/h2-accommodation.gif') no-repeat 0 0;}
body.thingstodo h2 {background: #000 url('../gfx/h2-thingstodo.gif') no-repeat 0 0;}
body.tariffs h2 {background: #000 url('../gfx/h2-tariffs.gif') no-repeat 0 0;}
body.location h2 {background: #000 url('../gfx/h2-location.gif') no-repeat 0 0;}
body.bookings h2 {background: #000 url('../gfx/h2-bookings.gif') no-repeat 0 0;}
body.gallery h2 {background: #000 url('../gfx/h2-gallery.gif') no-repeat 0 0;}
body.contact h2 {background: #000 url('../gfx/h2-contact.gif') no-repeat 0 0;}
body.privacy h2 {background: #000 url('../gfx/h2-privacy.gif') no-repeat 0 0;}
body.disclaimer h2 {background: #000 url('../gfx/h2-disclaimer.gif') no-repeat 0 0;}
body.cancellation h2 {background: #000 url('../gfx/h2-cancellation.gif') no-repeat 0 0;}
body.oops h2 {background: #000 url('../gfx/h2-oops.gif') no-repeat 0 0;}
body.thanks h2 {background: #000 url('../gfx/h2-thanks.gif') no-repeat 0 0;}

body.home #navigation li a#home,
body.accommodation #navigation li a#accommodation,
body.thingstodo #navigation li a#thingstodo,
body.tariffs #navigation li a#tariffs,
body.location #navigation li a#location,
body.bookings #navigation li a#bookings,
body.gallery #navigation li a#gallery,
body.contact #navigation li a#contact

 {
 height: 31px;
 background: #B49148 none !important;
 background: #B49148;
 margin: 0 5px 0 0;
 color: #000;
}

/*--------------------------------------------------------------------------
General Class
--------------------------------------------------------------------------*/

.left {float: left;}
.right {float: right;}
.hide, #accessibility {display: none;}
.required {color: #ffcc00;}

.submit {
 width: 50px;
 height: 24px;
 font: 11px Tahoma, Arial, Helvetica, sans-serif;
 border: 0 none;
 cursor: pointer;
 display: block;
 color: #fff;
 background: #2b2b2b url('../gfx/btn-submit.gif') no-repeat 0 0;
}

/*Submit Buttons Specific*/
.misplaced { 
 margin: 34px 0 0 10px;
 float: left;
}

.client {   
 margin: 4px 0 0 6px;
 float: right;
}

.logout { 
 width: 54px;
 margin: 15px 0 0 0; 
 background: #2b2b2b url('../gfx/btn-logout.gif') no-repeat 0 0;
 float: left;
}

.general { 
 margin: 15px 0 0 0;
 float: left;
}

/*--------------------------------------------------------------------------
Container ID's
--------------------------------------------------------------------------*/

#container {
 width: 950px; 
 margin: 0 auto;
}

#wrapper {
 background: #000 url('../gfx/img-house4.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content {width: 525px;}


/*--------------------------------------------------------------------------
Container2 ID's 
--------------------------------------------------------------------------*/

#container2 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper2 {
 background: #000 url('../gfx/img-house2.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content2 {width: 525px;}

/*--------------------------------------------------------------------------
Container3 ID's 
--------------------------------------------------------------------------*/

#container3 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper3 {
 background: #000 url('../gfx/img-doorway3.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content3 {width: 525px;}


/*--------------------------------------------------------------------------
Container4 ID's 
--------------------------------------------------------------------------*/

#container4 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper4 {
 background: #000 url('../gfx/img-dahlia1.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content4 {width: 575px;}


/*--------------------------------------------------------------------------
Container5 ID's 
--------------------------------------------------------------------------*/

#container5 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper5 {
 background: #000 url('../gfx/img-location.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content5 {width: 525px;}

/*--------------------------------------------------------------------------
Container6 ID's 
--------------------------------------------------------------------------*/

#container6 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper6 {
 background: #000 url('../gfx/img-fred.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content6 {width: 650px;}

/*--------------------------------------------------------------------------
Container7 ID's 
--------------------------------------------------------------------------*/

#container7 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper7 {
 background: #000 url('../gfx/img-house1.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content7 {width: 525px;}


/*--------------------------------------------------------------------------
Container8 ID's 
--------------------------------------------------------------------------*/

#container8 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper8 {
 background: #000 url('../gfx/img-clematis1.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content8 {width: 800px;}


/*--------------------------------------------------------------------------
Container9 ID's 
--------------------------------------------------------------------------*/

#container9 {
 width: 950px; 
 margin: 0 auto;
}

#wrapper9 {
 background: #000 url('../gfx/img-pansy1.jpg') no-repeat 100% 100%;
 padding: 30px;
 margin: 15px 0 15px 0;
}

#content9 {width: 525px;}



/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/

#navigation {
 width: 950px;
 height: 31px;
 border-bottom: 10px solid #B49148;
}

#navigation li {display: inline;}

#navigation li a {
 height: 28px;
 line-height: 28px;
 font-size: 13px;
 float: left;
 display: block;
 color: #fff;
 padding: 0 21px;
 background: transparent url('../gfx/bg-a-opaque.png') repeat 0 0 !important;
 background: #2c2c2c;
 margin: 0 5px 3px 0;
}

#navigation li a:hover {
 background: transparent url('../gfx/bg-ahover-opaque.png') repeat 0 0 !important; 
 background: #B49148;
 color:#fff;
}

/*--------------------------------------------------------------------------
Sub Navigation
--------------------------------------------------------------------------*/

#subnavigation {
 width: 950px; 
 height: 25px;
 width/**/: 930px !important;
 background: #BC9B54;
 padding-left: 20px;
}

#subnavigation li {display: inline;}

#subnavigation li a {
 float: left;
 display: block;
 padding-left: 10px;
 padding-right: 15px;
 background: url('../gfx/bg-li.gif') no-repeat 0 50%;
 color: #000;
}

#subnavigation li a:hover,
#subnavigation li a.active {color: #fff;}

/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/

#header {
 height: 113px;
 background: transparent url('../gfx/bg-header2.gif') no-repeat 0 0 !important;
 
 margin: 15px 0 0 0;
}

#header ul {
 /*width: 400px;*/
 padding: 20px 0 0 90px;
 float: left;
}

#header ul li {float:left;}

#header ul li a {
 width: 600px;
 height: 100px;
 display: block;
 background: transparent url('../gfx/a-logo7.png') !important;
 background: transparent url('../gfx/a-logo.gif');
}

/*--------------------------------------------------------------------------
Content
--------------------------------------------------------------------------*/

#content li {
 font-size: 11px;
 color: #fff;
 margin: 5px 0;
 padding-left: 15px;
 background: transparent url('../gfx/bg-li.gif') no-repeat 0 60%;
}

/*--------------------------------------------------------------------------
Involvement
--------------------------------------------------------------------------*/

#involvement {margin: 15px 0 0 0;}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/

#footer {
 height: 113px;
 background: transparent url('../gfx/bg-footer.png') no-repeat 0 0 !important;
 background: #000;
}

#footer ul {
 width: 660px;
 margin: 18px 0 0 30px;
 float: left;
 display: inline;
}

#footer li {
 background: transparent url('../gfx/a-divider.gif') no-repeat 0 50%;
 padding: 5px 12px 5px 14px;
 float: left;
}

#footer li.first {
 padding-left: 0; 
 background: none;
}

#footer li a {font-size: 12px;}

#footer p {
 width: 670px;
 margin: 5px 0 0 30px;
 float: left;
 display: inline;
}

/*--------------------------------------------------------------------------
Address
--------------------------------------------------------------------------*/

address { 
 font-size: 12px;
 font-style: normal;
 color: #fff;
 float: right;
 padding: 23px 20px 0 0;
}

address a {color: #BC9B54;}
address a:hover {color: #fff;}

/*--------------------------------------------------------------------------
Client Login
--------------------------------------------------------------------------*/

#client {
 width: 460px;
 margin: 20px 30px 0 0;
 float: right;
 display: inline;
}

#client h3 {
 font-size: 15px; 
 margin: 0 0 3px 0;
}

#client p.col {
 width: 189px; 
 margin: 0 0 5px 0;
}

#client p {margin: 0; float: left;}

#client a {color: #BC9B54;}
#client a:hover {color: #fff;}

#client span {
 font-size: 14px; 
 color: #fff;
}

/*--------------------------------------------------------------------------
Showcase of Work
--------------------------------------------------------------------------*/

#showcase {
 margin: 20px 0 0 0;
 background: #000;
 border: 3px solid #333;
}

#paging {
 margin: 0;
 background: #ddd;
 float: right;
}

#paging li {
 background: none;
 margin: 0;
 padding: 0; 
 float: left;
}

#paging li a, 
#paging li.disabled {
 background: #333;
 padding: 3px 5px;
 margin: 0;
 border: 0 none;
 color: #fff; 
 float: left;
}

#paging li a:hover {
 background: #ffcc00;
 color: #000;
}

#paging li.disabled {
 background: #ffcc00;
 color: #000;
 cursor: default;
}

/*--------------------------------------------------------------------------
Collection of Showcase Work
--------------------------------------------------------------------------*/

#collection .thumb {
 margin: 20px 0 0 0;
 width: 250px;
}

#collection .thumb img {border: 0 none;}
#collection .thumb a {
 margin: 8px 0 0 0;
 border: 3px solid #333;
 background: #000;
 display: block;
}

#collection .thumb a:hover {border: 3px solid #ffcc00;}

/*--------------------------------------------------------------------------
Additional
--------------------------------------------------------------------------*/

#additional {
 width: 525px;
 padding-top: 15px;
 margin-top: 15px;
 float: left; 
 border-top: 1px solid #000;
}

#additional li {
 background: none;
 margin: 0;
 padding: 0;
}

#additional li a {
 float: left;
 background: #000;
 padding: 3px 5px;
 border: 0 none;
 color: #fff;
}

#additional li a:hover {
 background: #ffcc00;
 color: #000;
}

#additional li.disabled {
 background: #000;
 padding: 3px 5px;
 border: 0 none;
 color: #4b4b4b;
 cursor: default;
}

/*--------------------------------------------------------------------------
Form
--------------------------------------------------------------------------*/

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#CCCCCC;
	line-height: normal;
	padding-left: 10px;
	font-weight: bold;
}

.formlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	background-color:#333333;
	line-height: normal;
	font-weight: normal;
	padding-left: 10px;
}

.headers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
}


/*--------------------------------------------------------------------------
Web Standards
--------------------------------------------------------------------------*/

#standards {
 width: 950px;
 margin-top: 15px; 
}

#standards ul li {
 color: #fff;
 float: left;
 margin-right: 10px;
 margin-top: 3px;
}

#standards ul li a {color: #ffcc00;}
#standards ul li a:hover {color: #fff;}

#standards .top {
 float: right;
 display: block;
 background: #A49668;
 padding: 3px;
 color: #fff;
}

#standards .top:hover {
 background: #BC9B54;
 color: #000;
}

/*--------------------------------------------------------------------------
Skills
--------------------------------------------------------------------------*/

#skills {
 border-top: 1px solid #2b2b2b;
 margin-top: 15px;
 padding-top: 15px;
}

.skill {
 width: 174px;
 float: left;
}

.skill p {
 padding: 0 0 10px 0; 
 color: #fff;
}