/*ELEVATE//TOMTRANDESIGN*/


/*-----------------------------------------------------------------------------------*/
/*	HTML RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, #smoothmenu1, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, #smoothmenu1, section { 
    display:block;
}

#smoothmenu1 ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */

html { overflow-y: scroll; }

/*-----------------------------------------------------------------------------------*/
/*	BODY
/*-----------------------------------------------------------------------------------*/

body {
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,#smoothmenu1,section,summary {
	display: block;
}

a {
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

/*-----------------------------------------------------------------------------------*/
/*	IMAGES
/*-----------------------------------------------------------------------------------*/

img, a img {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
	margin: 0;
	padding: 0;
}

.image-left {
	float: left;
	padding: 11px;
}

.image-right {
	float: right;
	padding: 11px;
}


/*-----------------------------------------------------------------------------------*/
/*	HEADINGS
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{
	font-weight: 100;
}

h1 {
	font-size: 2em;
	line-height: 1.5em;
}

h2 {
	font-size: 1.7em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.6em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.5em;
	line-height: 1.5em;
}

h5 {
	font-size: 1.4em;
	line-height: 1.5em;
}

h6 {
	font-size: 1.3em;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

blockquote, code {
	margin: 18px 0;
	padding: 8px 11px;
	display: block;
}

pre, code, kbd, samp { font-family: monospace, sans-serif; }

code {
	font: 1em 'Courier New', Courier, monospace;
	border: 1px solid #e0e0e0;
	display: inline-block;
	background: #fff;
}

/* LIST ELEMENTS */

ul.disc {
	list-style-type: disc;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}

/*-----------------------------------------------------------------------------------*/
/*	@font-face
/*-----------------------------------------------------------------------------------*/


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('font/League_Gothic-webfont.eot');
    src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/League_Gothic-webfont.woff') format('woff'),
         url('font/League_Gothic-webfont.ttf') format('truetype'),
         url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'HelveticaNeue-Roman';
    src: url('font/helveticaneue-roman.eot');
    src: url('font/helveticaneue-roman.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneue-roman.woff') format('woff'),
         url('font/helveticaneue-roman.ttf') format('truetype'),
         url('font/helveticaneue-roman.svg#helveticaneue-roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('font/helvetica.eot');
    src: url('font/helvetica.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica.woff') format('woff'),
         url('font/helvetica.ttf') format('truetype'),
         url('font/helvetica.svg#helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GothamMediumRegular';
    src: url('font/ufonts.com_gotham-medium-webfont.eot');
    src: url('font/ufonts.com_gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ufonts.com_gotham-medium-webfont.woff') format('woff'),
         url('font/ufonts.com_gotham-medium-webfont.ttf') format('truetype'),
         url('font/ufonts.com_gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AdobeGaramondProRegular';
    src: url('font/adobe_garamond_pro-webfont.eot');
    src: url('font/adobe_garamond_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/adobe_garamond_pro-webfont.woff') format('woff'),
         url('font/adobe_garamond_pro-webfont.ttf') format('truetype'),
         url('font/adobe_garamond_pro-webfont.svg#AdobeGaramondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------------------------------------------------------------------------------*/
/*	BOX LAYOUT
/*-----------------------------------------------------------------------------------*/

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #616161;
    letter-spacing: 0.4px;
}

.box-layout {
	padding: 40px 0;
}

.box-layout .body-wrapper {
	width: 1230px;
	margin: 0 auto;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);
}

/*-----------------------------------------------------------------------------------*/
/*	Header
/*-----------------------------------------------------------------------------------*/

header {	
    height: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	padding: 10px 0;
    width: 100%;
}

header h1#title {
	text-align: left;
	font-size: 3em;
	letter-spacing: 8px; 

}

header h2#slogan {
	font-size: .75em;
	line-height: 1em;
	letter-spacing: 4px;
	padding-bottom: 10px;
}

#fithead {
	float:left;
	display: inline-block;	
	padding-left: 15px;
}

a#logo {
	height: 0px;
    clear: both;
	display: block;
	padding-left: 10px;

}

a#logo img {
	float: left;
    height: 81px;
    width: 180px;
}

/*-----------------------------------------------------------------------------------*/
/*	REGULAR NAVIGATION
/*-----------------------------------------------------------------------------------*/


#next {
    float: right;
    padding-top: 14px;
}

nav a.current, #navcontainer #current {
	
}

nav {
	z-index: 10;
	position: relative;
	text-align: left;
	background: none !important;
}

nav ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

nav li a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

nav ul li {
	position: relative;
	display: inline;
	float: left;
}

nav ul li a{
	display: block;
	padding: 14px 22px;
	text-decoration: none;
}

nav ul li a:before {
     content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 25px;
    left: 0px;
    /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

nav ul li ul {
    margin-left: 25px;
    padding-top: 19px;
}


nav ul li:first-child a:before,
nav ul ul li a:before {
   display: none;
}

nav ul li ul:before {
    border-bottom: 6px solid #FF6760;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    content: "";
    display: block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 0;
    width: 0;
}

nav ul li ul li:first-child {
    border-top: 2px solid #0FC;
	border-bottom-color: none !important;
	border-left-color: none !important; 
	border-right-color: none !important; 
	
}

nav li ul li{
	font-size: 1em;
	line-height: 30px;
	background: #ffffff;
	opacity: ;
	filter: Alpha(opacity=95);
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0px;
}

nav li ul li a{padding: 8px 16px;}

/* @group Suckerfish CSS */

nav li ul { 
	position: absolute;
	width: 170px;
	top: 0;
	left: -999em;
}

nav li ul { 
	position: absolute;
	width: 170px;
	top: -26px;
	left: -999em;
	margin-top: 63px;
    padding-top: 0;
	
}

nav li ul ul { 
	position: absolute;
	width: 170px;
	top: -2px;
	left: -999em;
	margin-top: 63px;
    padding-top: 0;
	
}

nav li ul ul { margin: 0 0 0 170px;padding:0;}

nav li:hover ul ul, 
nav li:hover ul ul ul, 
nav li:hover ul ul ul ul, 
nav li:hover ul ul ul ul ul, 
nav li.sfhover ul ul, 
nav li.sfhover ul ul ul,
nav li.sfhover ul ul ul ul, 
nav li.sfhover ul ul ul ul ul {left: -999em;}

nav li:hover ul, 
nav li li:hover ul, 
nav li li li:hover ul, 
nav li li li li:hover ul, 
nav li li li li li:hover ul, 
nav li li li li li li:hover ul,
nav li.sfhover ul, 
nav li li.sfhover ul, 
nav li li li.sfhover ul,
nav li li li li.sfhover ul,
nav li li li li li.sfhover ul
nav li li li li lili.sfhover ul {left:auto;}

nav ul ul span.sf-sub-indicator { display: none;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/*-----------------------------------------------------------------------------------*/
/*	EXTRACONTENT
/*-----------------------------------------------------------------------------------*/

#myExtraContent1,
#myExtraContent2,
#myExtraContent3, 
#myExtraContent4 {
	display: none;
}

#extraContainer1 #myExtraContent1,
#extraContainer2 #myExtraContent2,
#extraContainer3 #myExtraContent3,
#extraContainer4 #myExtraContent4 {
	display: block;
}

#extraContainer1 {
	z-index: -10;
}

#extraContainer1 #myExtraContent1{
	display: block;
	z-index: 1;
}

#content2, #content3, #content4 {
	width: 100%;	
}

/*-----------------------------------------------------------------------------------*/
/*	BANNER IMAGE
/*-----------------------------------------------------------------------------------*/

#banner {
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

/*-----------------------------------------------------------------------------------*/
/*	SECTION
/*-----------------------------------------------------------------------------------*/

section {
}

section .wrapper a:hover {
}

section .wrapper ul,
section .wrapper ol {
	padding: 10px 15px;
}

section li {
}

#content {
}

#main.right{
	float: right;
}

#main {
	padding-top: 10px;	
}


#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4 {
	display: none;
}

#myExtraContent3 {
	clear: both;
}

.container .four.columns {
	background: none repeat scroll 0 0 #FFFFFF;
    outline: thin solid #ECECEC;
}

/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/

aside, #main {
	list-style-position: inside;
	list-style-image: url(images/bullet.png);
}

aside{
	margin: 0;
    padding: 15px;
}

.four.columns {
	margin-top: 10px;	
}

span#asideTitle{
	display: block;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.5em;
	background: #FBFBFB;
	padding: 10px 0 10px 0px;
	text-align: center;
	background-image: url("images/pat1.png");
    background-repeat: repeat;

}

div#asidePlug {

}

.sb_hide{display: none;}
.sidebar.left{
	float: left;
	margin-left: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

footer{
	padding: 13px 0 0;
	line-height: 1.6em !important;
}

footer .container a {
}

footer .container {
	
}

footer p,	
footer ul,
footer ol{
	font-size: 1em;
	line-height: normal;
}

.eight.columns {
	font-size: 1em;
    padding: 0px 0 15px 30px;
}

.eight.columns a {

}

.breadcrumbcontainer{ 
	padding: 0; 
	line-height: normal;
	}
.breadcrumbcontainer ul a {text-decoration: none; margin: 0; padding: 0; }
.breadcrumbcontainer ul{ list-style-type: none;}
.breadcrumbcontainer li{
	list-style-type: none;
	margin-top: -12px;
	display: inline-block;
	
}
.breadcrumblist span{}

#extraContainer4 {
}

#content4 {
	width: 100%;	
}


#extraContainer4 a {
}

/*-----------------------------------------------------------------------------------*/
/*	BLOG PAGE
/*-----------------------------------------------------------------------------------*/

.blog-entry {
	margin: 0 10px 30px;
	padding: 0 40px 20px;
	background: #fff;
	outline: solid thin #ececec;
	font-size: 1em;
}

h1.blog-entry-title {
	font-weight: normal;
	font-size: 2.2em;
	line-height: .8em;
	padding: 30px 0 11px;
}

h1.blog-entry-title a{
}

.blog-entry-date {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 1em;
}


.blog-entry-category a:link, 
.blog-entry-category a:visited {
	padding: 0px 6px;
	margin: 0 4px;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
}

.blog-read-more {
	
}

.blog-entry-body {
	padding-bottom: 10px;
	overflow: hidden;
}

.blog-entry-body img {
	height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
	vertical-align: middle;
}

.blog-entry-body a img {
	transition: opacity 0.1s linear 0s;
}

.blog-entry-body img:hover {
	opacity: 0.6;
}

a.blog-comment-link {
	margin-top: 1.0em;
	padding: 5px 0px 8px 50px;
	display: inline-block;
}

p.blog-entry-tags {
	margin-top: 1em;
	font-style: italic;
	font-size: .8em;
}

p.blog-entry-tags a {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E4E4E2;
    border-radius: 3px 3px 3px 3px;
    color: #989899;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    line-height: inherit;
    padding: 2px 8px 3px;
    text-decoration: none;
	margin-left: 9px;
}

p.blog-entry-tags a:hover {
	text-decoration: underline;	
}

#blog-categories:before,
#blog-archives:before,
ul.blog-tag-cloud:before,
#blog-rss-feeds:before {
	display: block;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
}


/* Categories */

#blog-categories,
#blog-archives {
	padding-top: 12px;
	line-height: 2.5em;
}

#blog-categories br,
#blog-archives br {
	display: none;
}

#blog-categories:before {
	content: "Categories";
	text-transform: uppercase;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
}

.blog-category-link-enabled,
.blog-archive-link-enabled {
	display: block;
	border-bottom: 1px dashed;
	margin-bottom: 10px;
	
}

.blog-category-link-enabled:before {
		content: "\f067";	
		position: relative;
		font-family: FontAwesome;
		font-size: 13px;
		padding-right: 8px;
}

.blog-archive-link-enabled {	
	padding: 0 11px 0 0px;
}


.blog-archive-link-enabled:before {
	content: "\f073";
	font-family: FontAwesome;
	font-size: 15px;
	padding-right: 8px;
}

.blog-category-link-enabled {
	padding: 1px 11px 0 0px;
	margin: 0;
}

.blog-category-link-enabled:hover,
.blog-archive-link-enabled:hover {

}

.blog-category-link-disabled,
.blog-archive-link-disabled {
	display: none;
}

/* Archives */

#blog-archives {
	margin-top: 16px;
}

#blog-archives:before {
	content: "Archives";
	text-transform: uppercase;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
	
}

/* Tag Cloud */

section .wrapper ul.blog-tag-cloud {
	margin: 16px 0 0;
	padding: 16px 0 0;
}

ul.blog-tag-cloud:before {
	content: "blog tag";
	padding: 16px 0 0 0;
	text-transform: uppercase;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
	margin-top: 28px;
}

ul.blog-tag-cloud li {
	display: inline-block;
}

ul.blog-tag-cloud li a {
	margin-bottom: 3px;
	background: none repeat scroll 0 0 #424242;
   	border-bottom: 5px solid #717171;
    display: inline-block;
    line-height: inherit;
    padding: 2px 8px 3px;
    text-decoration: none;
	padding:4px 15px 3px;
	color: #fff;
}

ul.blog-tag-cloud li a:hover {
	border-bottom: 5px solid #D9D9D9;
}

.blog-tag-size-1 {
	font-size: 12px;
}

.blog-tag-size-2 {
	font-size: 12px;
}

.blog-tag-size-3 {
	font-size: 12px;
}

.blog-tag-size-4 {
	font-size: 12px;
}

.blog-tag-size-5 {
	font-size: 12px;
}

.blog-tag-size-6 {
	font-size: 12px;
}

.blog-tag-size-7 {
	font-size: 12px;
}

.blog-tag-size-8 {
	font-size: 12px;
}

.blog-tag-size-9 {
	font-size: 12px;
}

.blog-tag-size-10 {
	font-size: 12px;
}

.blog-tag-size-11 {
	font-size: 12px;
}

.blog-tag-size-12 {
	font-size: 12px;
}

.blog-tag-size-13 {
	font-size: 12px;
}

.blog-tag-size-14 {
	font-size: 12px;
}

.blog-tag-size-15 {
	font-size: 12px;
}

.blog-tag-size-16 {
	font-size: 12px;
}

.blog-tag-size-17 {
	font-size: 1.6em;
}

.blog-tag-size-18 {
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {
	font-size: 1.75em;
}

/* Styles the blog RSS feeds in the blog sidebar */

#blog-rss-feeds {
	margin-top: 15px;
	padding-top: 15px;
}

#blog-rss-feeds:before {
	content: "Feeds";
	text-transform: uppercase;
	font-size: 1em;
	padding: 0 0 0 0px;
	border-bottom: 1px solid #cacaca;
}

.blog-rss-link:before {
	content: "\f09e";
	font-family: FontAwesome;
	font-size: 15px;
	padding-right: 8px;
}


.blog-rss-link {
	padding: 3px 11px 0 0px;
	margin: 0;
	display: inline-block;
}

.blog-rss-link a:hover {
	
}

.blog-comments-rss-link {
	background-repeat: no-repeat;
	background-image: url(images/rss_icon.gif);
	background-position: left center;
	padding-left: 19px;
}

.blog-comments-rss-link a:hover {

}

/*-----------------------------------------------------------------------------------*/
/*	FILE SHARING
/*-----------------------------------------------------------------------------------*/

.filesharing-item-title a{
	font-size: 1em;
	display: inline-block;
	width: auto;

}

.filesharing-item-title a:hover {
	text-decoration: underline;
}

.filesharing-item-title {
	padding: 11px 0 7px 0;
	width: auto;
}

.filesharing-item-title a:link {
	background: none repeat scroll 0 0 #E8E8E8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    display: block;
    font-size: 1.1em;
    letter-spacing: 1px;
    margin-bottom: 5px;
    padding: 15px 5px;
    text-decoration: none;
}


.filesharing-description {
	background: none repeat scroll 0 0 #F9F9F9;
    font-size: 2em;
    line-height: 1em;
    padding: 24px 26px;
}

.filesharing-item {
	padding: 0;
	margin: 30px;
}


/*-----------------------------------------------------------------------------------*/
/*	PHOTO ALBUM
/*-----------------------------------------------------------------------------------*/

.album-title {
	background-image: url("images/pat1.png");
    background-repeat: repeat;
	background: none repeat scroll 0 0 #F9F9F9;
    font-size: 2em;
    line-height: 1em;
    padding: 24px 26px;
}

.album-description {
	margin: 10px 0 20px 0;
	font-family: sans-serif;
}


.album-wrapper {
	width: 100%;
}

.thumbnail-caption {
	font-size: 3em;
	padding: 30px;	
}

.thumbnail-wrap {
	display: block;
	float: left;
	height: auto;
	padding: 0 7px;
	margin: 1%;
}

.thumbnail-frame {
	float: left;
	position: relative;
}

.thumbnail-frame:hover {
	
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame a img {
  	border: 11px solid white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	
}

.thumbnail-frame a img:hover {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

.thumbnail-caption {
	display: none;
}
	
/* @end */

/* @group Single Page (Photo view) */

.photo-background {
	text-align: center;
	max-width: 980px;
	margin: 0 auto;
	background-image: url(images/bg5.jpg);
	background-repeat: repeat;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.17);	
}
.photo-background img {
	width: 100%;
	max-height: auto;
}

.photo-background p {
	text-align: left;
	margin: 0;
	color: #ffffff;
}

.photo-navigation {
	width: 96%;
	margin: 20px auto 0 auto;
	padding: 20px;
	border-top: none;
	height: 111px;
	position: relative;
	text-align: left;
	font-size: 2.5em;
}

.photo-links {
	position: absolute;
	top: 100px;
	font-size: 1em;
}

.photo-navigation a:link, .photo-navigation a:visited {
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 18px;
	font-size: .8em;
}

.photo-navigation a:hover {
	text-decoration: none;
	color: #878787;
}

.photo-frame{
	margin-top: 11px;
}

.photo-background p.photo-title {
	padding-bottom: 7px;
	line-height: 26px;
	font-size: 1em;
}

.photo-background p.photo-caption {
	font-size: .5em;
	line-height: 16px;
	font-style: italic;
	font-family: Times New Roman, Times;
	margin: 21px 0 0 0;
}

}
img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    visibility: hidden;
    width: 100%;
    height: auto;
}

img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    top: 10px;
    width: 100%;
}

/* @end */

/* @group EXIF data */
/* Data wrapper */
.exif-data {
}

.exif-data p {
}

/* p tag classes for all exif data */
p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {
}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}

.movie-description {
}
	
/*-----------------------------------------------------------------------------------*/
/*	MOVIE PAGE
/*-----------------------------------------------------------------------------------*/

.movie-page-description {
    margin-bottom: 15px;
	margin-top: 15px;
    display: block;
	width: 98%;
	font-style:italic;
}
.movie-thumbnail-frame {
	display: inline-block;
    margin-left: 3%;
    position: relative;
    width: 29%;
}
.movie-thumbnail-frame:hover {
}
.lastMov {
    margin-bottom: 5px;
}
.movie-thumbnail-frame img {
    height: auto !important;
    width: 99% !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.movie-thumbnail-caption {
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 11px 20px;
    text-shadow: none;
    visibility: hidden;
    width: auto;
}
#movieAlbum .movie-thumbnail-caption {
    visibility: visible;
}
.movie-thumbnail-frame a:before {
    cursor: pointer;
    position: absolute;
}
.movie-thumbnail-frame a:hover:before {
    opacity: 0.4;
}
.movie-background {
    background-color: #000000;
    height: 438px;
    overflow: hidden;
    padding: 30px 0 0;
    text-align: center;
    width: 100%;
}
.movie-title {
    color: #ececec;
    font-size: 1.375em;
    padding: 16px 0 0;
}
.movie-page-title {
   	background: none repeat scroll 0 0 #F9F9F9;
    font-size: 2em;
    line-height: 1em;
    padding: 24px 26px;
}
.album-title {
    font-size: 2em;
    line-height: 3em;
    padding: 0 0 0px 30px;
}
.album-description {
    display: none;
}
.thumbnail-frame {
    float: left;
    position: relative;
}
.thumbnail-wrap {
    display: inline-block;
    float: none;
    height: auto !important;
    margin: 2%;
}
.thumbnail-caption {
    display: none;
}
.thumbnail-frame img {
}
.thumbnail-frame img:active, .thumbnail-frame img:hover {
}
.thumbnail-frame {
}


/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM
/*-----------------------------------------------------------------------------------*/

.message-text {
	background-image: url("images/pat1.png");
    background-repeat: repeat;
	background: none repeat scroll 0 0 #F9F9F9;
    font-size: 2em;
    line-height: 1em;
    padding: 24px 26px;
}

form label {
    float: left !important;
    font-size: 0.9em;
    margin-left: 27px;
    padding: 11px 5px;
    text-transform: uppercase;
    width: 96% !important;
}

.required-text {
	letter-spacing: 1px;
} 

.form-input-field {
	width: 70%;
	margin: 0px 28px;
	
} 

.form-input-field:hover {
	box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.70);
}

form > div textarea.form-input-field, form > div input.form-input-field[type="text"] {
	background-color: rgba(255, 255, 255, 0.5);
	outline: none;
	border: 1px solid #D6D6D6;
	padding: 7px 0;
	color: white;
}

.form-input-button {
	background: none repeat scroll 0 0 white;
    border: 1px solid #D6D6D6;
    color: #959595;
    height: 40px;
    letter-spacing: 1px;
    margin-left: 30px;
    margin-right: -16px;
    text-transform: uppercase;
    width: 70px;
}

.form-input-button:hover {
	color: #2b2b2b;	
	background: #EFEFEF;
}

/*-----------------------------------------------------------------------------------*/
/*	SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/

.social {
    padding: 4px 30px 0 17px;
    font-size: 15px;
	float: right;
}
.social li {
    display: inline-block;
    font-family: 'fontello-social';
    margin-left: 3px;
    margin-bottom: 6px;
}
.social.team li {
    margin: 0 3px 0 0
}
.social a i {
    color: #FFF;
    width: 33px;
    height: 29px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    padding-top: 4px;
    padding-left: 1px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    opacity: 1;
}
.social a:hover i {
    
}
/* WEBKIT FIX */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.social a i {
	    padding-left: 0
	}
}
.social .icon-s-rss {
    padding-top: 3px
}

.social .icon-s-pinterest {
    background-color: #c53942
}

.social a:hover .icon-s-pinterest {
    background-color: white;
	color: #c53942
}

.social .icon-s-rss {
    background-color: #e86f04
}

.social a:hover .icon-s-rss {
    background-color: white;
	color: #e86f04
}

.social .icon-s-facebook {
    background-color: #4470cf
}

.social a:hover .icon-s-facebook {
    color: #4470cf;
	background: white
}

.social .icon-s-twitter {
    background-color: #5daed5
}

.social a:hover .icon-s-twitter {
    background-color: white;
	color: #5daed5
}

.social .icon-s-flickr {
    background-color: #ff0088
}

.social a:hover .icon-s-flickr {
    background-color: white;
	color: #ff0088
}

.social .icon-s-dribbble {
    background-color: #d07ead
}

.social a:hover .icon-s-dribbble {
    background-color: white;
	color: #d07ead
}

.social .icon-s-behance {
    background-color: #098ffa
}

.social a:hover .icon-s-behance {
	background-color: white;
	color: #098ffa
}

.social .icon-s-linkedin {
    background-color: #3393c1
}

.social a:hover .icon-s-linkedin {
    background-color: white;
	color: #3393c1
}

.social .icon-s-vimeo {
    background-color: #099fc7
}

.social a:hover .icon-s-vimeo {
    background-color: white;
	color: #099fc7
}

.social .icon-s-youtube {
    background-color: #c8312b
}

.social a:hover .icon-s-youtube {
    background-color: white
	color: #c8312b
}

.social .icon-s-skype {
    background-color: #2ebbf0
}

.social a:hover .icon-s-skype {
    background-color: white
	color: #2ebbf0
}

.social .icon-s-tumblr {
    background-color: #5d82a4
}

.social a:hover .icon-s-tumblr {
    background-color: white
	color: #5d82a4
}

.social .icon-s-delicious {
    background-color: #3274d1
}

.social a:hover .icon-s-delicious {
    background-color: white
	color: #3274d1
}

.social .icon-s-500px {
    background-color: #00a6df
}

.social a:hover .icon-s-500px {
    background-color: white;
	color: #00a6df
}

.social .icon-s-grooveshark {
    background-color: #f66c00
}

.social a:hover .icon-s-grooveshark {
    background-color: white
	color: #f66c00
}

.social .icon-s-forrst {
    background-color: #2f7935
}

.social a:hover .icon-s-forrst {
    background-color: white
	color: #2f7935
}

.social .icon-s-digg {
    background-color: #1b5891
}

.social a:hover .icon-s-digg {
    background-color: white;
	color: #1b5891
}

.social .icon-s-blogger {
    background-color: #fc6605
}

.social a:hover .icon-s-blogger {
    background-color: white;
	color: #fc6605
}

.social .icon-s-klout {
    background-color: #d8390f
}

.social a:hover .icon-s-klout {
    background-color: white;
	color: #d8390f
}

.social .icon-s-dropbox {
    background-color: #016aab
}

.social a:hover .icon-s-dropbox {
    background-color: white;
	color: #016aab
}

.social .icon-s-github {
    background-color: #4073a6
}

.social a:hover .icon-s-github {
    background-color: white;
	color: #4073a6
}

.social .icon-s-songkick {
    background-color: #ff0030
}

.social a:hover .icon-s-songkick {
    background-color: white;
	color: #ff0030
}

.social .icon-s-posterous {
    background-color: #eac954
}

.social a:hover .icon-s-posterous {
    background-color: white;
	color: #eac954
}

.social .icon-s-appnet {
    background-color: #0291c9
}

.social a:hover .icon-s-appnet {
    background-color: white;
	color: #0291c9
}

.social .icon-s-gplus {
    background-color: #a84539
}

.social a:hover .icon-s-gplus {
    background-color: white;
	color: #a84539
}

.social .icon-s-stumbleupon {
    background-color: #eb4923
}

.social a:hover .icon-s-stumbleupon {
    background-color: white;
	color: #eb4923
}

.social .icon-s-lastfm {
    background-color: #be0c02
}

.social a:hover .icon-s-lastfm {
    background-color: white;
	color: #be0c02
}

.social .icon-s-spotify {
    background-color: #7cc011
}

.social a:hover .icon-s-spotify {
    background-color: white;
	color: #7cc011
}

.social .icon-s-instagram {
    background-color: #a4765c
}

.social a:hover .icon-s-instagram {
    color: #a4765c;
	background: white
}

.social .icon-s-evernote {
    background-color: #82d15c
}

.social a:hover .icon-s-evernote {
    background-color: white;
	color: #82d15c
}

.social .icon-s-paypal {
    background-color: #2a608e
}

.social a:hover .icon-s-paypal {
    background-color: white;
	color: #2a608e
}

.social .icon-s-picasa {
    background-color: #9864ae
}

.social a:hover .icon-s-picasa {
    background-color: white;
	color: #9864ae
}

.social .icon-s-soundcloud {
    background-color: #ff680d
}

.social a:hover .icon-s-soundcloud {
    background-color: white;
	color: #ff680d
}

/*-----------------------------------------------------------------------------------*/
/*	SOCIAL CSS3
/*-----------------------------------------------------------------------------------*/

.social .icon-s-rss {
	background-position: 0px 0px;
}

.social .icon-s-facebook {
	background-position: 0px 0px;
}

.social li a span{
    width: 100px;
    height: auto;
    line-height: 20px;
    padding: 10px;
    left: 77%;
    margin-left: 0px;
    font-family: 'Alegreya SC', Georgia, serif;
    font-weight: 400;   
    font-style: italic;
    font-size: 14px;
    color: #719DAB;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 4px solid #fff;
    background: rgba(255,255,255,0.3);
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    pointer-events: none;
    bottom: 100px;
    opacity: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}

.social li a span:before,
.social li a span:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);
}

.social li a span:after{
    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #fff;
}

.social li a:hover span{
    opacity: 0.9;
    bottom: 70px;
}

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE NAV
/*-----------------------------------------------------------------------------------*/

/* styles for desktop */
.tinynav { display: none }
#example {
	display: none;	
}

/* styles for mobile */
@media screen and (max-width: 768px) {
.js .tinynav { 
	display: block;
	display: table;
    margin: 0 auto 35px;
    width: 75%;
	padding: 2px;
}

.tinynav {
  -webkit-appearance:none;
  background-color:#EBEBEB;
  background-image:url(images/dropdown-arrow.png);
  background-position:100% 50%;
  background-repeat:no-repeat no-repeat;
  background-size:30px 28px;
  border:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  display:none;
  line-height:20px;
  margin:0 auto;
  max-width:100%;
  padding:7px 10px !important;
  width:280px;
  font-family: 'GothamMediumRegular';
}

    .js #nav { display: none }
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { 
	.tinynav {
	    background-image: url(images/dropdown-arrow2.png)
	}
}


/*-----------------------------------------------------------------------------------*/
/*	FIXED NAV
/*-----------------------------------------------------------------------------------*/

#fixedbar { 
  display: none;
  position: fixed;
  top: 0;
  padding: 2px 0;
  width: 100%;
  height: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  opacity: .95;
  filter:alpha(opacity=95); /* For IE8 and earlier */
}

#fixednav { 
    display: block;
    margin: 0 auto;
    text-align: center !important;
    width: 1230px;

}

#fixednav ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

#fixednav li a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

#fixednav ul li {
	position: relative;
	display: inline;
	float: left;
}

#fixednav ul li a{
	display: block;
	padding: 28px 22px;
	text-decoration: none;
}

#fixednav ul li a:before {
     content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 40px;
    left: 0px;
    /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

#fixednav ul li ul {
    margin-left: 25px;
    padding-top: 25px;
}


#fixednav ul li:first-child a:before,
#fixednav ul ul li a:before {
   display: none;
}

#fixednav ul li ul:before {
    border-bottom: 6px solid;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    content: "";
    display: block;
    height: 19px;
    left: 13px;
    position: absolute;
    top: 0;
    width: 0;
}

#fixednav ul li ul li:first-child {
    border-top: 2px solid;
	border-bottom-color: none !important;
	border-left-color: none !important; 
	border-right-color: none !important; 
	
}

#fixednav li ul li{
	font-size: 1em;
	line-height: 30px;
	filter: Alpha(opacity=95);
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0px;
}

#fixednav li ul li a{padding: 8px 16px;}

/* @group Suckerfish CSS */

#fixednav li ul { 
	position: absolute;
	width: 170px;
	top: 0;
	left: -999em;
}

#fixednav li ul { 
	position: absolute;
	width: 170px;
	top: -26px;
	left: -999em;
	margin-top: 63px;
    padding-top: 0;
	
}

#fixednav li ul ul { 
	position: absolute;
	width: 170px;
	top: -1px;
	left: -999em;
	margin-top: 63px;
    padding-top: 0;
	
}

#fixednav li ul ul { margin: 0 0 0 170px;padding:0;}

#fixednav li:hover ul ul, 
#fixednav li:hover ul ul ul, 
#fixednav li:hover ul ul ul ul, 
#fixednav li:hover ul ul ul ul ul, 
#fixednav li.sfhover ul ul, 
#fixednav li.sfhover ul ul ul,
#fixednav li.sfhover ul ul ul ul, 
#fixednav li.sfhover ul ul ul ul ul {left: -999em;}

#fixednav li:hover ul, 
#fixednav li li:hover ul, 
#fixednav li li li:hover ul, 
#fixednav li li li li:hover ul, 
#fixednav li li li li li:hover ul, 
#fixednav li li li li li li:hover ul,
#fixednav li.sfhover ul, 
#fixednav li li.sfhover ul, 
#fixednav li li li.sfhover ul,
#fixednav li li li li.sfhover ul,
#fixednav li li li li li.sfhover ul
#fixednav li li li li lili.sfhover ul {left:auto;}

#fixednav ul ul span.sf-sub-indicator { display: none;}


/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE SLIDER
/*-----------------------------------------------------------------------------------*/