/* basic structure */
@font-face {
    font-family: 'GentiumBasicRegular';
    src: url('GenBasR-webfont.eot');
    src: url('GenBasR-webfont.eot?#iefix') format('eot'),
         url('GenBasR-webfont.woff') format('woff'),
         url('GenBasR-webfont.ttf') format('truetype'),
         url('GenBasR-webfont.svg#webfontLblSsz1O') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
    height:100%;
}
body {
    margin:0;
    padding:0;
background-color:#333;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    height:100%;
    }
    
.wrapper {
    float:none;
    margin:0 auto;
    
    width:910px;
    height:100%;
}

/* header */
header {
    /*width:990px;*/
    float:left;
    /*height: 70px;*/
    background:url('/img/bg-header03.png') scroll no-repeat 0 0 transparent;
    height: 105px;
    margin: 0px 0 0;
    padding: 0;
    width: 906px;
    
}
.logo {
    float:left;
  /*  width:990px;*/
  margin: 0 0 0 20px;
}
.logo h1 {font: 56px/58px 'GentiumBasicRegular', Arial, sans-serif;letter-spacing: 0;color: #fff/*#9B3D17/*#131313*/;margin:0;padding:0;text-transform:uppercase;}
/*.logo h1 {
    color:#fff;
    font-size:52px;
    font-family:georgia, times, serif;
    font-weight:normal;
    margin:0;
    padding:0;
}
*/
.logo h1 small {
    font-size:20px;
}
.logo h2 {
    font-size:16px;
    line-height:0px;
    color:/*#131313*//*#9B3D17*/#fff;
    font-style: italic;
    font-family:georgia, times, serif;
    font-weight:normal;
    margin:0;
    padding:0;
}
.logo a {
    color:/*#131313*//*#9B3D17*/#fff;
    text-decoration:none;
}
.logo a:hover {
    color:#eee;
}
.homeTxt {
    float:left;
    position:relative;
    top:0;
    bottom:0;
    margin:0px 0 0 0;
    width:880px;
    padding:10px;
}
.homeTxt h2 {
    font-size:30px;
    font-weight:normal;
    font-family:georgia, times, serif;
    color:#fff;
}
.homeTxt p {
    color:#fff;
    font-size:14px;
    font-family:georgia, times, serif;
    font-weight:normal;
    line-height:21px;
}
.homeTxt a {
    color:#eee;
    font-size:14px;
    font-family:georgia, times, serif;
    font-weight:normal;
    text-decoration:underline;
}
.homeTxt a:hover {
    color:#ccc;
    text-decoration:none;
}
.homeTxt ul {
    margin:0px 2px 0px 30px;
    padding:0;
}
.homeTxt li {
    font-size:14px;
    color:#fff;
    font-weight:normal;
    font-family:georgia, times, serif;
}
.galleryTxt {
    float:left;
    position:relative;
    top:0;
    bottom:0;
    margin:20px 0 0 0;
    width:900px;

}
.galleryTxt h2 {
    font-size:30px;
    font-weight:normal;
    font-family:georgia, times, serif;
    color:#fff;
}
.galleryTxt p {
    color:#fff;
    font-size:14px;
    font-family:georgia, times, serif;
    font-weight:normal;
    line-height:21px;
}
.galleryTxt ul {
    margin:0px 2px 0px 30px;
    padding:0;
}
.galleryTxt li {
    font-size:14px;
    color:#fff;
    font-weight:normal;
    font-family:georgia, times, serif;
}
.middlePic {
    float:left;
    width:970px;
    margin:10px 0 10px 0;
}
.pageCont {
    float:left;
    width:970px;

    min-height:310px;
    display:block;
}
.textCont {
    float:right;
    width:650px;
    margin:20px 20px 0 0;
}
.textCont h1 {
    font-size:24px;
    letter-spacing:-2px;
    color:#222;
}
.textCont h2 {
    font-size:20px;
    letter-spacing:-2px;
    color:#222;
}
.textCont h3 {
    font-size:18px;
    color:#222;
}
.textCont p {
    font-size:13px;
    color:#555;
    line-height:27px;
}
.textCont li {
    font-size:13px;
    color:#555;
}
.textCont a {
    color:#131313;
    font-size:13px;
}
.textCont a:hover {
    color:#555;
    text-decoration:none;
}





/* contact */
.contact {
    float:left;
    margin:160px 0 0 50px;
}
.contact h1 {
    font-size:20px;
    color:#131313;
}
.contact p {
    font-size: 12px;
    color:#999;
}
.contact a {
    color:#555;
}
.contact a:hover {
    text-decoration:none;
    color:#131313;
}
/* footer */
.footer {
    width:910px;
    padding:10px;
    float:left;
}
.footer p {
    font-size:12px;
    color: #fefefe;
}
.footer a {
    color:#ccc;
}
.footer a:hover {
    color:#999;
    text-decoration:none;
}
/* background thumbnails */
.picsHome {
    margin:-40px 0 0 260px;
    float:left;    
    width:390px;
    
}
.pics {
    margin:20px 0 0 0;
}
.pics ul {
    margin:0;
    padding:0;
    
} 
.pics li {
    background:url(/img/bg-tn02.png) scroll no-repeat 0 0;
    display:block;
    float:left;
    list-style:none;
    width:121px;
    height:121px;
    padding:19px 0 0 19px;
}
/* NIVO style */
#slider {
	/*position:relative;*/
    float:left;    
    /*width:482px;*/
    /*height:300px;*/
	background:url(/img/loading.gif) no-repeat 50% 50%;
    margin:-40px 0 0 140px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:870px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(/img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


#enquiry {
    float:right;
    width:300px;
}
input {
	border:none;
background: #ededed; /* old browsers */

background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 47%, #ffffff 98%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(47%,#f6f6f6), color-stop(98%,#ffffff)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* ie */
	padding:3px;
	color:#131313;
	width:179px;
	margin:2px 9px 10px 0px;
	font-size:14px;
    padding:5px;
    border:1px solid #ccc;
    -moz-border-radius: 3px;
    border-radius: 3px; 
	font-family:arial, geneva, sans-serif;
	}
input:focus {
background-color:#f0f0f0;
-webkit-box-shadow: 0px 0px 5px #336699;
-moz-box-shadow: 0px 0px 5px #336699;
box-shadow: 0px 0px 5px #336699; 
}    
textarea{
	border:none;
	background: #ededed; /* old browsers */

background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 47%, #ffffff 98%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(47%,#f6f6f6), color-stop(98%,#ffffff)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* ie */
border:1px solid #ccc;
    -moz-border-radius: 3px;
    border-radius: 3px; 
	padding:5px;
	color:#131313;
	width:179px;
	margin:2px 9px 10px 0px;
	font-size:12px;
	font-family:arial, geneva, sans-serif;
	}
textarea:focus {
    background-color:#f0f0f0;
    -webkit-box-shadow: 0px 0px 5px #336699;
    -moz-box-shadow: 0px 0px 5px #336699;
    box-shadow: 0px 0px 5px #336699;
}    
label.error {
    color:red;
    font-size:11px;
    
    width:200px;
    display:block;
}
.categories ul {
    margin:0;
    padding:0;
    list-style:none;
}
.categories li a {
    background-color:#E0DCCC;
    padding:5px 10px;
    -moz-border-radius:5px;
    border-radius:5px;    
    -webkit-box-shadow: inset 1px 2px 1px #524a39;
    -moz-box-shadow: inset 1px 2px 1px #524a39;
    box-shadow: inset 1px 2px 1px #524a39;
    float:left;
    margin:10px 15px 0 0;
    font-weight:bold;
    text-decoration:none; 
}
.categories li a:hover {
    background-color:#777;
    color:#eee;
}
/*** isotope ***/

#container {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 20px;
}

.pic {
  width: 159px;
  height: 159px;
  margin: 0 30px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-radius: 0.2em;
      -moz-border-radius: 0.2em;
          border-radius: 0.2em;
}



.pic * {
  position: absolute;
  margin: 0;
}

.pic .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.pic.large .symbol {
  font-size: 4.5em;
}

.pic.fake .symbol {
  color: #000;
}

.pic .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
   text-shadow: 0 1px hsla( 0, 0%, 0%, 0.9 );
}

.pic .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.pic .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .pic.width2 { width: 230px; }

.variable-sizes .pic.height2 { height: 230px; }

.variable-sizes .pic.width2.height2 {
  font-size: 2.0em;
}

.pic.large,
.variable-sizes .pic.large,
.variable-sizes .pic.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .pic:hover {
  cursor: pointer;
}

.clickable .pic:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .pic:hover h2 {
  color: white;
}
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* End: Recommended Isotope styles */

/**** Example Options ****/

#options {
  padding-bottom: 1.0em;
}

#options h3 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

#options h4 { 
  font-weight: bold;
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options .floated li {
  float: left;
}

#options li a {
  display: inline-block;
  padding: 0.4em 0.5em;
  /*background-color: #DDD;*/
  color: #ccc;
  font-weight: normal;
  margin-bottom: 0.2em;
 /* text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );*/
/*  background-image: -moz-linear-gradient(-90deg, 
    hsla( 0, 0%, 100%, 0.5 ) , 
    hsla( 0, 0%, 100%, 0.0 ) 
  );
  background-image: -webkit-gradient(linear, 0 top, 0 bottom, 
    from( hsla( 0, 0%, 100%, 0.5 ) ), 
    to(   hsla( 0, 0%, 100%, 0.0 ) )
  );*/
}

#options li a:hover {
/*  background-color: #5BF;*/
color: #eee;
}

#options li a:active {
  /*background-color: #fff;*/
  color:#fff;
  font-weight:bold;
/*  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );*/
}

#options .floated li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options .floated li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options .floated li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options .option-set li a.selected {
  /*background-color: #13F;*/
  text-shadow: none;
  color: white;
  font-weight:bold;
}

/* Combination filter options*/

#options .option-combo {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

#options .option-combo ul {
  margin-right: 20px;
  display: inline-block;
}

#options .option-combo h2,
#options .option-combo h4 {
  line-height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/**** Horizontal ****/

.horizontal #container {
  height: 80%;
}