/* 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%;}
p.shorter {margin:0;}

.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:#3399CC;}
a:hover {text-decoration:none; color:#ffffff;}


/* Site Navigation
-------------------------------------------------------------*/
#navigation {
  font-weight:bold; 
  list-style:none; 
  padding:30px 0 30px 0; 
  float:left; 
  font-size:14px; 
  color:fff; 
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#navigation a:link {text-decoration:none; color:#fff;}
#navigation a:visited {text-decoration:none; color:#fff;}
#navigation a:hover{text-decoration:none; color:#0178a2;}
#navigation a:active {text-decoration:none; color:#fff;}
#navigation ul li { }


/* Site Navigation b
-------------------------------------------------------------*/
#navigationb {
  font-weight:bold; 
  list-style:none; 
  padding:30px 0 30px 45px;
  float:left; 
  font-size:14px; 
  color:#fff; 
  font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#navigationb a:link {text-decoration:none; color:#fff;}
#navigationb a:visited {text-decoration:none; color:#fff;}
#navigationb a:hover {text-decoration:none; color:#0178a2;}
#navigationb a:active {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:36px; color:#0178a2; font-weight:normal; letter-spacing:-1px; padding-bottom:14px}
h2.gallery {font-size:36px; color:#0178a2; font-weight:normal; letter-spacing:-1px; padding-bottom:14px}
h3 {font-size:24px; color:#0178a2; font-weight:normal; letter-spacing:-1px; padding:17px 0 5px 0; width:300px;}
h4 {font-size:24px; color:#0178a2; 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 26px 0 15px; float:left; background:url(../Images/Backgrounds/homeSubContent.jpg) no-repeat;}
#subContent p {padding-right:12px;}
#subContent ul { list-style:none;}
#subContent ul li {padding-top:2px;}

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

#footer {clear:both; height:32px; background:url(../Images/Backgrounds/footer.jpg) no-repeat; padding:10px 25px 0 0; text-align:right}
#footer ul {display:inline;}
#footer ul li {margin:0; padding:0 5px 0 9px; list-style:none; display:inline;}
#footer a {color:#000; text-decoration:none;}

/* Gallery Page */
#gallery {padding-top:20px;}
#gallery ul li {padding:0 9px 9px 0; list-style:none; display:inline; float:left;}
#gallery ul li a {display:block; border:5px solid #0178a2;}
#gallery ul li a:hover {border:5px solid #0296cb;}
#gallery a:hover {background:none;}
#gallery img { margin-bottom: -3px; }

#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 #0178a2;}

#galleryInformation {width:182px; float:left; font-size:12px; padding:50px 10px 0 10px;}
#galleryInformation h4 {color:#0178a2; font-size:16px; border-bottom:1px solid #fff; margin-bottom:3px; padding-bottom:2px;}
#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}
.centre-text { text-align:center;}

ul#basewords { width:920px; margin:auto; text-align:center }
ul#basewords li { list-style:none; display:inline; margin:0 8px; color:#999 }