/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{
	font-size: 2em;
	margin-bottom: 0em;
	margin-left: 0;
	margin-right: 0;
	margin-top: .67em;
}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}



@font-face {
 font-family: BELL;
 src: url("../fonts/BELL.eot") /* EOT file for IE */
 src: url("../fonts/BELL.TTF") /* TTF file for CSS3 browsers */
}



@charset "utf-8";
/* CSS Document */

*{
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0px;
	/* [disabled]margin-bottom: 0; */
	/* [disabled]margin-top: 0; */
	/* [disabled]margin-right: 0px; */
	/* [disabled]margin-left: 0px; */
	padding-top: 0px;
}

img, fieldset {
 padding:0 0 0 0;
    margin:0 0 0 0;
	display:block
}
 :focus {outline:none}
body {
	background-color: #CCC
}
.wrapper{
	/* [disabled]background-color: #EFEFEF; */
	width: 940px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
.Header { background-color:#FFF; width:100%; background:#e2e7ea; min-width:940px}

.textbox {
	line-height:normal;
    background-color: #FFF;
	font-size: 17px;
	width: 940px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: #FFF;
	font-family: "Bell MT";
	color: #333;
	display: block;
	text-align: center;
}

.textbox p {font:"Bell MT";
line-height:normal;
padding-left:14%;
padding-right:14%}

nav{ position:relative; z-index:2; width:100%; background-color:#FFF; alignment-adjust:central;
text-align:center}
nav a {display:block;}
ul {
	display:inline-block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	list-style: none;
	
}
nav ul {
    margin: 0 auto; alignment-adjust:central
}
nav ul li {
    margin: 0 auto; alignment-adjust:central
}

ul li {
	font: 14px "Bell MT";
	display: inline-block;
	position: relative;
	background: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding-bottom: 3px;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 3px;
	alignment-adjust:central
}
ul li:hover {
	background: #838077;
	color:#FFF
}
ul li ul {
  padding: 0;
  position: absolute;
  
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li {
	background: #838077;
	display: block;
	color: #FFF;
	text-align:center
}
ul li ul li:hover { background: #838077; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  color:#000
}

ul li ul li a {color:#FFF}

slide { position:relative;z-index:1}

a {
	color: #000;
}
a:link {
	text-decoration: none;
}

a:hover { color:#000;
}
a:active {
	text-decoration: none;
	color: #EAEAEA;
}

.block {

    float:left;
	background-color:#FFF;
	text-align: left;
	width: 25%;
	display: inline-block;
}

.block img {max-width:100%}
 
h1{
	font-size: 1.5em;
	font-family: "Bell MT";
	letter-spacing: 0.03em;
	color: #83807B;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
	margin-top: 0;
	padding-top: 0.5em;
}
h1 span{
  display: block;
  font-family: "Bell MT";
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-shadow: none;
}
h2{
  font-size: 1.em;
  font-family: "Bell MT";
  letter-spacing: 0.0em;
  color: #83807B;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
  text-align:center}
  h4{
  font-size: 1.em;
	font-family: "Bell MT";
	letter-spacing: 0.0em;
	color: #83807B;
	text-align: center
}

foot { line-height:normal;
    background-color: #FFF;
	font-size: 17px;
	width: 940px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: #FFF;
	font-family: "Bell MT";
	color: #333;
	display: block;
	text-align: center;}


a img:hover {
    opacity: 0.7;
}

text span {font:"Bell MT";}

.one-half {
    width: 48.717948717948715%;
    float: left;
    margin-left: 2.564102564102564%;
}
.first {
    clear: both;
    margin-left: 0;
}

.container {
    overflow: hidden;
}
DETAILS {float:left;
text-align:left;
background-color:#FFF}

form {padding:0;margin:0;}

Gallery { alignment-adjust:central
text-align:central}
.textbox a img{ display:inline-block; width:24.5%; height: auto}
	
	#mainwrapper .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}


/** Caption 1: Simple **/
#mainwrapper .box .simple-caption {
	height: 30px;
	width: 200px;
	display: block;
	bottom: -30px;
	line-height: 25pt;
	text-align: center;
}

/** Caption 2: Full Width & Height **/
#mainwrapper .box .full-caption {
	width: 170px;
	height: 170px;	
	top: -200px;
	text-align: left;
	padding: 15px;
}

/** Caption 3: Fade **/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 170px;
	height: 170px;
	text-align: left;
	padding: 15px;
}

/** Caption 4: Slide **/
#mainwrapper .box .slide-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	left: 200px;
}

/** Caption 5: Rotate **/
#mainwrapper #box-5.box .rotate-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	top: 200px;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#mainwrapper .box .rotate {
	width: 200px;
	height: 400px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/** Caption 6: Scale **/
#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p {
	position: relative;
	left: -200px;
	width: 170px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

/** Simple Caption :hover Behaviour **/
#mainwrapper .box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/** Full Caption :hover Behaviour **/
#mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
#mainwrapper .box:hover .slide-caption {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);
}
#mainwrapper .box:hover img#image-4 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
}

/** Rotate Caption :hover Behaviour **/
#mainwrapper .box:hover .rotate {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/** Scale Caption :hover Behaviour **/
#mainwrapper .box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}