/* Common classes
-------------------------------------------------------------*/
* {margin:0; padding:0;}
body,html {margin:0; padding:0; text-align:left; background:#fff; color:#fff; font:11px Arial, Helvetica, sans-serif;}
img {border:0;}
p {margin:0; padding:0.4em 0 0.4em 0; line-height:160%;}

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


/* Links
-------------------------------------------------------------*/
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#ffffff;}


/* Site Navigation
-------------------------------------------------------------*/
#navigation {
  font-weight:bold; 
  list-style:none; 
  padding:29px 0 30px 0; 
  float:left; 
  font-size:14px; 
  color:#412615; 
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#navigation a {text-decoration:none; color:#333; font-weight:bold;}
#navigation a:hover {text-decoration:none; color:#fff;}
#navigation ul li { padding:0; margin:0; display:block;}


/* Site Navigation b
-------------------------------------------------------------*/
#navigationb {
  font-weight:bold; 
  list-style:none; 
  padding:29px 0 30px 45px;
  float:left; 
  font-size:14px; 
  color:#412615; 
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#navigationb a {text-decoration:none; color:#333;}
#navigationb a:hover {text-decoration:none; color:#fff;}
#navigationb ul li {}


/* Text Styles
-------------------------------------------------------------*/
h1.mainTitle {width:569px; height:124px; background:url("../Images/Logos/siteLogo.jpg") no-repeat; margin:0; padding:0; text-indent:-5000px;}
h2.home {font-size:32px; color:#c6b69f; font-weight:normal; letter-spacing:-1px; padding-bottom:14px}
h2.gallery {font-size:32px; color:#c6b69f; font-weight:normal; letter-spacing:-1px; padding-bottom:14px}
h3 {font-size:24px; color:#c6b69f; font-weight:normal; letter-spacing:-1px; padding:17px 0 5px 0; width:300px;}
h4 {font-size:24px; color:#c6b69f; font-weight:normal; letter-spacing:-1px; padding:10px 0 5px 0; width:300px;}


/* Common layout sections */
#container {width:920px; height:720px; margin:0 auto; padding:14px 0}

#mainContent {width:569px; height:650px; float:left; background:url(../Images/Backgrounds/mainContent.jpg) no-repeat;}

#subContent {
	width:310px;
	height:650px;
	padding:0 20px 0 15px;
	float:left;
	background:url(../Images/Backgrounds/homeSubContent.jpg) no-repeat;
}
#subContent p {padding-right:12px; padding-top:0; padding-bottom:0;}
#subContent ul { list-style:none;}
#subContent ul li {padding-top:2px;}

#contactDetails {clear:both; height:28px; color:#513a22; background:url(../Images/Backgrounds/contactDetails.jpg) no-repeat; font-size:17px; padding:10px 0 0 12px;}
#contactDetails ul {display:inline;}
#contactDetails ul li {margin:0; padding:0 0 0 16px; list-style:none; display:inline;}
#contactDetails ul li.firstLink {margin-left:-9px; border-left:none; list-style:none; display:inline;}
#contactDetails a {color:#513a22; text-decoration:none;}
#contactDetails span {float:right;}

#footer {clear:both; height:32px; background:url(../Images/Backgrounds/footer.jpg) no-repeat; padding:10px 0px 0 0; text-align:center; width:920px;}
#footer ul {display:inline;}
#footer ul li {margin:0; padding:0 2px 0 2px; list-style:none; display:inline;}
#footer a {color:#696969; text-decoration:none;}

#basewords {clear:both; height:32px; padding:10px 25px 0 0; text-align:center; color:#696969; font-size:10px}
#basewords li { list-style:none; display:inline; margin:0 4px; color:#696969}


/* Gallery Page */
#gallery {padding-top:20px;}
#gallery ul li {margin:0 9px 17px 0; list-style:none; display:inline; float:left;}
#gallery ul li a img {display:block; border:5px solid #b39c81;}
#gallery ul li a:hover img {border:5px solid #d6ba9a;}
#gallery a:hover {background:none;}

#galleryDetails {width:549px; height:516px; background:url(../Images/Backgrounds/galleryDetail.jpg) no-repeat; float:right}

#galleryImage {width:323px; float:left; padding:4px 0 0 4px;}
#galleryImage img {border:1px solid #b39c81;}

#galleryInformation {width:182px; float:left; font-size:12px; padding:50px 10px 0 10px;}
#galleryInformation h4 {color:#725132; font-size:16px; border-bottom:1px solid #2e2115; margin-bottom:3px; padding-bottom:2px; width:100px; font-weight:bold;}
#galleryInformation ul {list-style:none; padding-bottom:20px}
#galleryInformation ul li {padding-bottom:0px;}
#colourList { float: left; width: 90px; margin-top:20px }
#colourList2 { float: left; width: 90px; margin-top:-10px }
/* Contact Page */
#formHolder {padding-right:15px}
#formHolder span {color:#ff0000; font-style:italic}
#formHolder legend {font-size:1.4em; color:#fff; font-weight:bold}
#formHolder fieldset {margin-bottom:20px; border:none; padding:0;}
#formHolder fieldset.submit {margin-bottom:20px; border:none; padding:0 20px 0 0; text-align:right}
#formHolder label {width:100px; float:left; text-align:right; display:block; cursor:pointer; padding:9px 10px 0 0;}
#formHolder input.text, #formHolder textarea, #formHolder select {width:170px; margin:5px 0 5px 0; border:1px solid #cecece; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#333}
#formHolder ol {margin:10px 0 0 0; padding:0}
#formHolder ol li {list-style:none; padding:5px 0 5px 0; margin:0; border-bottom:1px solid #513a22}
#formHolder ol li.last {border:0 none}
#formHolder ol li input {margin:0 15px 0 0}
#formHolder ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
#formHolder ol li.chk input {margin:0 0 0 150px; border:0 none}
.clearboth { clear:both;}
.home-img { float:right; margin:5px 15px 10px 0;}
.boarder-img2 a img { border:5px solid #b39c81;}
.boarder-img2 a:hover img { border:5px solid #d6ba9a;}
.boarder-img { float:left; margin-right:5px; margin-bottom:5px;}
.gal-title { margin:5px 0px; color:#b39c81; font-size:1.2em;}