/*##### ICONS #####*/
div.icon {
    height: 32px;
    width: 32px;
    position:absolute;
    bottom:12px;
    left:15px;
    margin: 0px;
    overflow: hidden;
    display: inline-block; 
}
/* Search */
div.icon div.search {
    height: 13px;
    width: 13px;
    background: transparent;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 4px solid #3A4F20;
}

div.icon div.search:after {
    content: '';
    width: 4px;
    height: 15px;
    background: #3A4F20;
    position: absolute;
    bottom: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}
/* Search Hover */
div.icon:hover div.search {
    height: 13px;
    width: 13px;
    background: transparent;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 4px solid #fff;
}

div.icon:hover div.search:after {
    content: '';
    width: 4px;
    height: 15px;
    background: #fff;
    position: absolute;
    bottom: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}


/*------------------------------
	BODY
------------------------------*/
body {
	font-family:telluralregular;
	background-color:#eee;
	margin:0;
	padding:0;
}
a:link, a:visited {
	text-decoration:none;
}

/*------------------------------
	NAV
------------------------------*/
nav div ul li {
	margin-right:30px;
}

nav div ul li:last-child {
	margin:0;
}

nav div ul li ul li, nav div ul li ul li a {
	margin:0;
}

nav div ul li ul {
	margin-top:30px;
}

nav {
	
	float:none;
	
	width: 100%;
	text-align: center;
	/* background-color: #fff;
	border-bottom:1px solid lightgray; */
	z-index:10000;
	top:0px;
}
nav h1 {
	font-family:Japan;
	font-size:58pt;
	text-shadow: 1px 1px 1px #4a6d1c, -1px -1px 0px #fff; 
	padding:20px 0 20px 0;
	color:#9fda38;
}

nav div {
	margin-left: 50%;
	position:relative;
	left:-480px;
	width:960px;
}

nav ul {
	-webkit-font-smoothing:antialiased;
	text-shadow:0 1px 0 #FFF;
    list-style: none;
    padding: 0;
}
nav li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    min-width:260px;
}
nav a {
    background: #fff;
    color: #444;
    display: block;
    font-family:telluralregular;
	font-weight:bold;
	line-height:50px;
	margin-top: ;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
/** nav .dropdown:after {
    content: ' ?';
}
nav .dropdown:hover:after{
	content:'\25bc'
} **/
nav li:hover a {
    border-color: #9fda38;
	border-width:1px 1px 0px 1px;
	border-style:solid;
}

nav .ddlist ul {
    border-color: #9fda38;
	border-width: 0px 1px 0px 1px;
	border-style:dashed;
}

nav .ddlist ul a:last-child  {
    border-color: #9fda38;
	border-width: 0px 1px 1px 1px;
	border-style:solid;
}

nav ul li li:hover a {
    border-color: #9fda38;
}

nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: ;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    top: 20px;
    visibility: visible;
}
nav li ul li {
    float: none;
    width: 100%;
}


/* Clearfix */

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}?



/*------------------------------
	HEADER
------------------------------*/
header { 
	background-color:white;
	
	width: 100%;
}
header ul {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:center;
}


header ul li {
	margin-right:50px;
	padding:0;
}

header ul li:last-child {
	margin-right:0px;
}

header ul li img:hover {
	background-color:#ebebeb; 
	margin:0;
	padding:0;
}
header li {
    display: inline-block;
	list-style-type:none;
}


/*------------------------------
	STRUCTURE
------------------------------*/
#structure {
	text-align:center;
	padding:20px 0 0 0;
}
#structure ul {
	width:960px;
	margin:0 auto;
	padding:0;
}
#structure ul li {
	display:inline-block;
	width:200px;
	height:280px;
	padding:10px;
	background-color:white;
	border:1px solid lightgray;
	margin: 0 20px 20px 0;
}
#structure ul li:nth-child(4n+4) {
	margin:0 0 20px 0;
}  
#structure h1 {
	font-family:Japan;
	font-size:46pt;
	line-height:32pt;
	text-shadow: 1px 1px 1px #4a6d1c, -1px -1px 0px #fff;
	margin:5px 0 5px 0;
	color:#9fda38;
	padding:0;
}


/*------------------------------
	THUMBNAILS
------------------------------*/
.view h2 {
   font-family:telluralregular; 
   font-weight:normal;
   color: #555; /* 3A4F20 91c635 */
   text-align: center;
   font-size: 14pt;
   
   height:55px;
   width:201px;
   
   text-shadow: 1px 1px 1px #9f9f9f;
   display:table-cell; 
   vertical-align:middle;
   
   background-color: #fff;
   border-top:1px solid #7a9c61;
   border-bottom:1px solid #7a9c61;  /* 7a9c61 */
   padding:0 10px;
}
.view p {
   font-family: telluralregular;
   font-weight:normal;
   line-height:13pt;
   font-size: 9.5pt;

   position: relative;
   color: #3A4F20;
   padding: 5px 15px 0 15px;
   margin:0;
   text-align:left;
}

.view p:nth-child(2) {
   padding: 10px 15px 0 15px;
} 

.view p:nth-child(3) {
   padding: 15px 25px 0 15px;
   font-family:telluralregular_italic;
   font-size:8.5pt;
   line-height:12pt;
} 

.view p:nth-child(4) {
   position:absolute;
   bottom:15px;
} 
.zoom {
	display: inline-block;
	height:46px;
	width:46px;
	background: url('../images/zoom.png') no-repeat;
}
.zoom:hover {
	-webkit-transition: background-image .2s ease-in-out;
	-moz-transition: background-image .2s ease-in-out;
	-o-transition: background-image .2s ease-in-out;
	transition: background-image .2s ease-in-out;
	background-image:url(../images/zoom2.png);
}
.view {
	width: 200px;
	height: 280px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	margin:0;
	padding:0;
}
.view .mask,.view .content {
	width: 201px;
	height: 280px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	margin:0;
	padding:0;
}
.view img {
	display: block;
	position: relative;
}
.view-fifth img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
	padding:20px 0 0 0;
	height:260px;
	background-color: #9fda38;  /* 8cc24a */
	-webkit-transform: translateX(-201px);
	-moz-transform: translateX(-201px);
	-o-transform: translateX(-201px);
	-ms-transform: translateX(-201px);
	transform: translateX(-201px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.view-fifth p {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.view-fifth:hover .mask {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.view-fifth:hover img {
	-webkit-transform: translateX(201px);
	-moz-transform: translateX(201px);
	-o-transform: translateX(201px);
	-ms-transform: translateX(201px);
	transform: translateX(201px);
}


/*------------------------------
	CONTENT
------------------------------*/
#profile {
	text-align:left;
	display:inline-block;
	width:960px;
	position:relative;
	right:0;
	vertical-align: text-top;
	color:#555;
}
#profile p {
	font-family:telluralregular;
	font-size:12pt;
	line-height:18pt;
	margin:0 0 20px 0;
	font-weight:normal;
}
#profile span {
	font-family:telluralregular;
	font-size:16pt;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 1px #9f9f9f;
	display:inline;
}
.panel {
	padding:20px 20px 0 20px;
	border:1px solid lightgray;
	background-color:white;
	margin-bottom:20px;
	font-weight:normal;
}
#social {
	text-align:left;
	vertical-align: text-top;
	margin:0px 0 0 20px;
	padding:0;
	display:inline-block;
}
#social ul {
	margin:0px;
	width:191px;
}
#social ul li {
	height:32px;
	width:32px;
        display: inline-block;
	list-style-type:none;
	padding:0 17px 0px 0;
	margin:0;
	border:0;
}
#social ul li:nth-child(4n+4) {
	padding-right:0;
}


/*------------------------------
	Footer
------------------------------*/
footer { 
	margin-top:20px;
	padding:20px 0 20px 0;
	background-color:#9fda38;
	text-align:center;
}