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,header nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}

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

h1,h2,h3,h4,h5,h6{font-weight: normal;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.2em;}

a{
	color: #fff;
	text-decoration: none;
	}

strong, b{
	font-weight: bolder;
	}

em, i{
	font-style: italic;
	}

p{
	padding: 10px 0;
	}

ul, ol {
    margin-bottom: 0px;
	}

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

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

blockquote{
	font-family: georgia, sarif;
	font-style: italic;
	}

code{
    margin: 18px 0;
    padding: 13px 18px;
    display: block;
	}

code{
    font: 12px 'Courier New', Courier, monospace;
    background: rgba(0,0,0,0.3);
    padding: 10px;
	}

.clear{
	clear: both;
	}

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

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

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

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

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

/* LIST ELEMENTS */

ul.disc { list-style-type: disc; padding-left: 20px;}
ul.circle{ list-style-type: circle; padding-left: 20px;}
ul.square{ list-style-type: square; padding-left: 20px;}
ol.arabic-numbers{ list-style-type: decimal; padding-left: 20px;}
ol.upper-alpha{ list-style-type: upper-alpha; padding-left: 20px;}
ol.lower-alpha{ list-style-type: lower-alpha; padding-left: 20px;}
ol.upper-roman{ list-style-type: upper-roman; padding-left: 20px;}
ol.lower-roman{ list-style-type: lower-roman; padding-left: 20px;}

/* @end */

body{
	font: normal 14px/22px Arial, Helvetica, Geneva, sans-serif; 
	-webkit-font-smoothing: antialiased;
	}

#wrapper{
	position: relative;
	padding: 0px;
	width: 1140px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 50px;
	overflow: hidden;
	border-radius: 1px;
	}

#border{
	margin: 40px;
	}

header{
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased;
	width: 100%;
	border-bottom: 1px solid;
	border-top: 1px solid;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#navwrapper{
	position: absolute;
	z-index: 1000;
	width: 560px;
	left: 287px;
	top: 250px;
	border: 1px solid rgba(255, 255, 255, .15);
	background-color: rgba(255, 255, 255, .75);
	text-align: center;
	display: none;
	box-shadow: 0px 3px 55px #fff;
	-webkit-transition: background-color 450ms; 
	-moz-transition: background-color 450ms; 
	-ms-transition: background-color 450ms; 
	-o-transition: background-color 450ms; 
	transition: background-color 450ms;
	}

nav{
	position: relative;
	width: 425px;
	margin: 25px auto 25px auto;
	}

nav > ul > li {
	margin: 15px 0px 15px 0px;
	}

nav ul li{
	 list-style: none;
	-webkit-transform:translate3d(0,0,0);
	-webkit-perspective: 1000;
	-webkit-transition: text-shadow 450ms; 
	-moz-transition: text-shadow 450ms;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

nav ul li a{
	text-transform: uppercase;
	text-decoration: none;
	overflow: visible;
	font-size: 16px;
	padding: 15px 10px 15px 10px;
	
	text-align: center;
	display: block;
	-webkit-transition: text-shadow 450ms; 
	-moz-transition: text-shadow 450ms;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}
	
nav ul ul {
    position: relative;
  	display: none;
    list-style: none;
    }

nav ul li ul li a{
	margin: 0;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	}
/*
nav li li {
    padding: 0;
    margin: 0;
    line-height: 0px;
    position: relative;
  
	}

nav li li a{
    display: block;
    font-size: 14px;
   	padding: 5px 0px 3px 0px;
	width: 425px;
	text-align: center;
	line-height: 20px;
	
  	}

nav li li li a {
	font-size: 12px;
	}*/

nav ul li ul li ul li {
	display: none;
	}
/* Drop Down */


nav > ul > li > ul {
 	top: 0px;
	}

nav li:hover li ul{
    top: -999em;
	}

nav li:hover ul.nojs{
    display: block;
	}

 nav li li:hover ul {
    left: 0px;
    top: 0px;
	}

nav li li:hover li ul{
    top: -999em;
	}

nav li li li:hover ul{
    left: 0px;
    top: 0px;
    }

 nav li li li:hover li ul{
    top: -999em;
	}

 nav li li li li:hover ul{
	left: 0px;
   	top: 0px;
   	}

nav li li li li:hover li ul{
	top: -999em;
    }

nav li li li li li:hover ul{
	left: 0px;
    top: 0px;
	}

nav li li li li{
	display: none;
	}

/* @end */

#topwrapper{
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 25px;
	padding-bottom: 13px;
	display: inline-block;
	width: 100%;
	}

@-moz-document url-prefix() { 
  #topwrapper {
   display: block;
  }
}

@-moz-document url-prefix() { 
  .mb {
  	bottom: 0px!important;
  	}
}

.ie9 #topwrapper {
	 display: block;
	}

.ie8 #topwrapper {
	 display: block;
	}

.ie9 .mb {
	bottom: 0px!important;
	}

.ie8 .mb {
	bottom: 0px!important;
	}

#menuBtn{
	position: relative;
	display: inline-block;
	}

#linet{
	width: 60px;
	height: 7px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}
	
#linem{
	width: 60px;
	height: 7px;
	margin-top: 7px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

#lineb{
	width: 60px;
	height: 7px;
	margin-top: 7px;
	margin-bottom: 5px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

#menuBtn:after{
	content: "MENU";
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
	letter-spacing: 6.98px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

#close{
	width: 20px;
	height: 20px;
	margin: auto;
	right: 5px;
	top: 5px;
	padding-bottom: 2px;
	position: absolute;
	display: none;
	z-index: 2000;
	}
	
#close:before{
	content: 'X';
	font-size: 12px;
	color: #fff;
	}

#olay {
	position: absolute;
	background-color: rgba(0, 0, 0, .50);
	width: 102%;
	height: 8000px;
	display: none;
	z-index: 1000;
	left: -20px;
	top: -20px;
	display: none;
	}

#titlelogo {
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
	width: 86%;
	text-align: center;
	}

#logo{
	position: relative;
	width: 100%;
	height: auto;
	}

#logo img{
	padding-bottom: 10px;
	}

#titlelogo h1 {
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	}

#titlelogo h2 {
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	}

#socialicons{
	position: relative;
	display: inline-block;
	float: right;
	-webkit-transition: text-shadow 450ms; 
	-moz-transition: text-shadow 450ms;
	}
		
a.social{
	font-family: 'SocialicoRegular';
	line-height: normal;
	font-size: 30px;
	letter-spacing: 20px;
	}

a.social:last-child {
	letter-spacing: 0;
	}

/*slogan and social*/

.slogansocial {
	margin-bottom: -46px;
	}

.mb {
	bottom: -30px;
	}
	
.tssocial{
	bottom: -4px!important;
	}

@-moz-document url-prefix() { 	
  .tssocial{
  	bottom: 15px!important;
  	position: absolute!important;
  	right: 0!important;
  	}
}

.ie9 .tssocial{
	bottom: 10px!important;
	position: absolute!important;
	right: 0!important;
	}

.ie8 .tssocial{
	bottom: 16px!important;
	position: absolute!important;
	right: 0!important;
	}

/*title and social*/

.tsocial{
	bottom: 10px;
	}

@-moz-document url-prefix() { 	
  .tsocial {
  	bottom: 35px!important;
  	}
}

.ie9 .tsocial {
	bottom: 25px!important;
	}

.ie8 .tsocial {
	bottom: 25px!important;
	}
	
.mb1 {
	bottom: -30px!important;
	}

@-moz-document url-prefix() { 	
  .mb1 {
  	bottom: -10px!important;
  	}
}

.ie9 .mb1 {
	bottom: -15px!important;
	}
	
.ie8 .mb1 {
	bottom: -15px!important;
	}
	
.titlesocial{
	bottom: -30px!important;
	}

@-moz-document url-prefix() { 	
  .titlesocial {
  	bottom: -10px!important;
  	}
}

.ie9 .titlesocial {
	bottom: -15px!important;
	}
	
.ie8 .titlesocial {
	bottom: -15px!important;
	}
	
.topwr {
	padding-top: 20px!important;
	}

/*logo only*/

.logob {
	margin-bottom: -23px;
	padding-bottom: 0px!important;
	}
	
.logosi {
	margin-bottom: -53px;
	padding-bottom: 0px!important;
	}

.logosia {
	bottom: 5px!important;
	}



/*end*/


.ie8 #navwrapper {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)";
	  }

.ie8 #olay 
	{
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)";
	}

/*  Banner  */

#feature{
	position: relative;
	background:  url('./images/mtutorial.jpg') no-repeat left top;
	width: 680px;
	height: 440px;
	display: inline-block;
	float: left;
	}
	
/*
#feature.bghide{
	background-image: none;	
	}

#featureImg{
	height: auto;
	float: left;
	padding: 1px;
	border: 1px solid;
	}

.fImg{
	display: none;
	}*/

#myExtraContent2{
	position: relative;
	display: inline-block;
	width: 370px;
	height: 215px;
	float: left;
	margin-left: 10px;
	background-repeat: no-repeat;
	}

#myExtraContent3{
	width: 170px;
	margin-left: 10px;
	margin-top: 10px;
	height: 215px;
	display: inline-block;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	}

#myExtraContent4{
	display: inline-block;
	width: 190px;
	height: 215px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	}
	
#myExtraContent5 {
	line-height: 24px;
	padding: 40px 0 0px 0px;
	margin-bottom: 20px;
	}

#myExtraContent6 {
	line-height: 24px;
	padding: 40px 0 20px 0;
	margin-bottom: 20px;
	}

/* @end */

#breadcrumb {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 25px;
	}

ul#breadcrumb{
	font-size: 11px;
	}
		
ul#breadcrumb li{
	display: inline;
	}

ul#breadcrumb li a{
	padding-right: 5px;
	padding-left: 5px;
	}

ul#breadcrumb li:first-child a{
	padding-left: 0px;
	}

#borderc{
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-top: 0px;
	}

#container{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 26px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	}

#container a{
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}
		
section{
	width: 670px;
	float: right;
	}

section #padding{
	padding: 20px 0px 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 35px;
	overflow: hidden;
	}
	
aside{
	width: 390px;
	float: right;
	margin-top: 20px;
	}
		
#sidecontent{
	padding: 5px 35px 35px 0px;
	}

#sideTitle{
	margin: 10px 10px 10px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	}

footer{
	position: relative;
	padding-top: 10px;
	padding-bottom: 0px;
	overflow: hidden;
	}

footer a{
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

#footer{
	font-size: 13px;
	display: inline-block;
	float: right;
	position: relative;
	width: 500px;
	text-align: right;
	}

#footer #breadcrumb {
	display: none;
	}

#rw_email_contact:before{
	content: '/';
	padding-right: 7px;
	}
		
#rw_email_contact{
	padding-left: 7px;
	}

.hasheader nav{
	padding: 10px 30px 30px;
	}

video {
  width: 100%    !important;
  height: auto   !important;
	}

	
	/* @group Blog */
/* @group Archive Page */

.blog-archive-background{}
.blog-entry-summary{}
.blog-archive-headings-wrapper{display: none;}
.blog-archive-entries-wrapper{}
.blog-archive-entries-wrapper .blog-entry{}
.blog-archive-month{}
.blog-archive-link{}
.blog-archive-link a:link,.blog-archive-link a:visited{}

/* @end */

.blog-entry{
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-top: 5px;
	width: 90%;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.blog-entry:first-child{
	padding-top: 0;
	margin-top: -5px;
	border-top: none;
	}	

.blog-entry:last-child{
	border-bottom: none;
	}

h1.blog-entry-title{
	font-size: 18px;
	}

h1.blog-entry-title a{
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}
		
.blog-entry-date{
	font-size:0.95em;
	}

.blog-entry-category{}
.blog-entry-category a:link,.blog-entry-category a:visited{}
.blog-read-more{}

.blog-entry-body{
	overflow: hidden;
	padding-top: 25px;
	margin-top: -5px;
	padding-right: 12px;
	}
	
.blog-entry-body .imageStyle{
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	}

.blog-entry-comments{
	font-size:0.8em;
	text-align:right;
	}

p.blog-entry-tags{
	font-size:0.9em;
	margin: 10px 0 20px 0px;
	padding: 0px 0px 0px 5px; 
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

/* @group blog sidebar */

.plugin_sidebar{}

/* Blog sidebar */

#blog-categories{
	margin:1em 0 0;
	margin-top: 35px;
	padding:1em 0 0;
	}
	
#blog-categories a{
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}
	
#blog-categories a:hover{
	text-shadow: #fff 0 0 10px, #fff 0 0 25px;
	color: #fff;
	}
	
#blog-categories:before{
	content:"Categories";
	display:block;
	font-size:1.2em;
	margin-bottom:0.25em;
	letter-spacing: 0px;
	margin-top: 10px;
	border-bottom: 1px solid;
	}

.blog-category-link-enabled:before{
	content: "-";
	font-size: 16px;
	}

.blog-category-link-enabled{}
.blog-category-link-disabled{}

/* styles the archives in the blog sidebar */

#blog-archives{
	margin:1em 0 0;
	padding:1em 0 0;
	}

#blog-archives:before{
	content:"Archives";
	display:block;
	font-size:1.2em;
	margin-bottom:0.25em;
	letter-spacing: 0px;
	border-bottom: 1px solid; 
	}

#blog-archives br{display:none;}
.blog-archive-link-enabled:after{content:", ";}
.blog-archive-link-enabled{}
.blog-archive-link-disabled:after{content:", ";}
.blog-archive-link-disabled{display:inline;margin-right:5px;}

/* styles the Tag Cloud in the sidebar */

ul.blog-tag-cloud{
	margin:1em 0 0;
	padding:1em 0 0;
	}
	
ul.blog-tag-cloud:before{content:"Tag cloud";
	display:block;
	font-size:1.2em;
	margin-bottom:0.25em;
	letter-spacing: 0px;
	border-bottom: 1px solid;
	}
	
ul.blog-tag-cloud li{display:inline;margin:0 5px 0 0;padding:0;}
ul.blog-tag-cloud li a:after{content:",";}
ul.blog-tag-cloud li a{
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;}

ul.blog-tag-cloud li a:hover{
	text-shadow: #fff 0 0 10px, #fff 0 0 25px;
	color: #fff;}

.blog-tag-size-1{font-size:0.8em;}
.blog-tag-size-2{font-size:0.85em;}
.blog-tag-size-3{font-size:0.9em;}
.blog-tag-size-4{font-size:0.95em;}
.blog-tag-size-5{font-size:1em;}
.blog-tag-size-6{font-size:1.05em;}
.blog-tag-size-7{font-size:1.1em;}
.blog-tag-size-8{font-size:1.15em;}
.blog-tag-size-9{font-size:1.2em;}
.blog-tag-size-10{font-size:1.25em;}
.blog-tag-size-11{font-size:1.3em;}
.blog-tag-size-12{font-size:1.35em;}
.blog-tag-size-13{font-size:1.4em;}
.blog-tag-size-14{font-size:1.45em;}
.blog-tag-size-15{font-size:1.5em;}
.blog-tag-size-16{font-size:1.55em;}
.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:1em 0 0;
	padding:1em 0 0;
	}
	
#blog-rss-feeds:before{
	content:"Feeds";
	display:block;
	font-size:1.2em;
	margin-bottom: .25em;
	letter-spacing: 0px; 
	border-bottom: 1px solid;
	}

.blog-rss-link{
	background: url('images/rss-icon.png') no-repeat;
	background-position: 0 2px;
	display: inline-block; 
	padding-left: 23px;
	width: 100%;
	}
	
.blog-comments-rss-link{}

/* @end */
/* @end */


/* @group Photo Album */

.album-title {
    font-size: 20px;
 	padding-bottom: 5px;
 	letter-spacing: 1px;
 	font-family: 'Karla', sans-serif;
	}

.album-description {}

.album-wrapper {
    width: 100%;
  	}

.thumbnail-wrap {
    display: block;
    float: left;
  	margin: 40px 68px 12px 0;
	}

.thumbnail-wrap {
	margin-bottom: 50px;
	}

.thumbnail-wrap:last-child{
	margin-bottom: 80px;
	margin-right: 0;
	}

.thumbnail-wrap:hover{}

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

.thumbnail-frame:hover {
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.thumbnail-frame a {}

.thumbnail-frame a:hover {}

.thumbnail-frame a img {
 	border: 1px solid;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	padding: 5px;
	width: 165px;
	height: 165px;
	}

.thumbnail-frame img:hover{}

.thumbnail-caption {
	opacity: 0;
 	text-align: center;
 	color: #fff;
 	background-color: rgba(0, 0, 0, .40);
 	font-size: 16px;
 	text-transform: uppercase;
	top: -51px;
	width: 165px;
	left:5px;
 	position: relative;
 	font-family: 'Karla', sans-serif;
 	-webkit-transition: all 450ms; 
 	-moz-transition: all 450ms; 
 	-ms-transition: all 450ms; 
 	-o-transition: all 450ms; 
 	transition: all 450ms;
 	line-height: 18px;
 	}
 
 .ie8 .thumbnail-caption {
 /*top: 0;
 line-height: 18px;
 text-align: left;
 left: 0;*/
 	display: none;
 	}
 
.thumbnail-frame:hover .thumbnail-caption {
 	opacity: 1;
	height: 47px;
 	top: -80px;
 	}
 
 .ie8 .thumbnail-frame:hover .thumbnail-caption {
 	height: 46px;
  	top: 0px;
  	}
   
/* @end */

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

.photo-background {
    text-align: center;
    background-color: black;
    margin: 0 auto;
	}

.photo-background p {
    text-align: center;
    margin: 0;
    color: #fff;
	}

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

.photo-navigation{}

.photo-navigation:hover p.photo-links {
	opacity: 1;
	}

p.photo-links {}

.photo-links {
   	bottom: 0px;
    font-size: 1em;
    -webkit-transition: all 450ms; 
    -moz-transition: all 450ms; 
    -ms-transition: all 450ms; 
    -o-transition: all 450ms; 
    transition: all 450ms;
   	}

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

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

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

.photo-background p.photo-title {
    line-height: 20px;
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 40px;
   	font-weight: bold;
   	}

.photo-background p.photo-caption {
    font-size: .5em;
    line-height: 16px;
    font-family: arial;
    text-align: center;
   }

p.photo-caption {
	font-size: 14px!important;
	}

img.photo-frame {
    clear: both;
    height: auto;
    max-width: 100%;
    position: relative;
    top: -15px;
    padding: 5px;
    border: 1px solid;
	}

/* @end */


/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	font-size: 20px;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-family: 'Karla', sans-serif;
	}

.movie-page-description {
   	padding-bottom: 5px;
    }

.movie-thumbnail-frame {
   	float: left;
   	font-size: 10px;
    width: 197px;
    height: 185px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 5px;
    }

.movie-thumbnail-frame:last-child{
	margin-right: 0px;
	} 

.movie-thumbnail-frame img{
	width: 197px;
	height: 155px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.movie-thumbnail-caption{
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -2px;
	border: 1px solid #f0f0f0;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.movie-thumbnail-frame img:hover{
	opacity: 0.2;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.movie-thumbnail-frame:hover .movie-thumbnail-caption{
	opacity: .2;
	}

.movie-thumbnail-frame:hover{
	background: url('./images/play1.png')no-repeat;
	background-position: 50% 40%;
	z-index: 100;
	}

.movie-background {
    padding: 24px;
    text-align: center;
	}

.movie-title {
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0;
	}

.movie-frame {
    margin-bottom: 10px;
	} 
    
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
    margin: 0;
    padding: 24px;
    text-align: center;
	}

.movie-title {
    font-size: 1em;
    line-height: 1.1em;
    margin: 20px 0;
	}

.movie-frame {
    margin-bottom: 10px;
	}


/* @end */


/* @end */

/* @group File Sharing */

.filesharing-description {
	margin-bottom: 50px;
	font-style: normal;
	font-size: 20px;
	font-family: 'Karla', sans-serif;
	}

.filesharing-item {
	display: inline-block;
	position: relative;
	margin: 20px 50px 20px 0px;
	width: 225px;
	float: left;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.filesharing-item:last-child {
	margin-right: 0;
	}

.filesharing-item-title {
	display: inline-block;
	height: 25px;
	width: 223px;
	padding-bottom: 10px;
	line-height: 1.9em;
	background-color: #3dc6df;
	font-size: 13px;
	letter-spacing: 1px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

.filesharing-item-title a {
	padding: 6px 20px 2px 10px;
	position: absolute;
	}

.filesharing-item:hover .filesharing-item-title a {
	top: -35px;
	padding-top: 10px;
	}

.ie8 .filesharing-item:hover .filesharing-item-title a {
	top: 0px!important;
	padding-top: 0px!important;
	}

.filesharing-item:hover .filesharing-item-title {
	height: 10px;
	}

.ie8.filesharing-item:hover .filesharing-item-title {
	height: 25px!important;
	}

.filesharing-item:hover .filesharing-item-description {
	opacity: 0.8;
	}

.filesharing-item-description {
	position: relative;
	top: -8px;
	background: #686767;
	font-size: 12px;
	min-height: 80px;
	width: 86%;
	padding: 7%;
	line-height: 20px;
	-webkit-transition: all 450ms; 
	-moz-transition: all 450ms; 
	-ms-transition: all 450ms; 
	-o-transition: all 450ms; 
	transition: all 450ms;
	}

/* @end */


/* @group Contact Form */

#padding .message-text{
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-style: normal;
	font-size: 20px;
	font-family: 'Karla', sans-serif;
	}

form div label {
	font-size: 13px;
	}

.form-input-field {
	width: 90%;
  	border: 1px solid #ddd;
  	padding: 10px 0px 10px 20px;
    outline-width: 1px;
    font-size: 14px;
   	margin: 5px 5px 5px 0px;
   	color: #888;
	-webkit-transition: all 450ms; 
    -moz-transition: all 450ms; 
    -ms-transition: all 450ms; 
    -o-transition: all 450ms; 
    transition: all 450ms;
    }
    
input.form-input-field:focus {
 	outline-color: #959595;
 	outline-width: 0px;
 	}

textarea.form-input-field:focus{
 	outline-color: #fff;
 	outline-width: 0px;
 	}
	
.form-input-button {
 	padding: 8px;
    margin-right: 10px;
    font-size: 0.9em;
    font-weight: normal;
    font-family: arial;
    color: #bbb;
    border: 1px solid #ddd!important;
    -webkit-appearance: none;
    -webkit-transition: all 450ms; 
    -moz-transition: all 450ms; 
    -ms-transition: all 450ms; 
    -o-transition: all 450ms; 
    transition: all 450ms;
    } 
    
form > div input.form-input-button[type="submit"],
form > div input.form-input-button[type="reset"] {
    width: auto;
    margin: 0px 15px 0 0;
    padding: 11px 15px;
    cursor: pointer;
    font-size: 0.85em;
    letter-spacing: 1px;
 	}
/*
.ie8 form > div input.form-input-button[type="submit"],
.ie8 form > div input.form-input-button[type="reset"]{
	border: none;
	}*/
	
/*Media Queries*/

	/* Smaller than standard 960 (devices and brorwsers) */
	@media only screen and (max-width: 1140px) {
	
	#wrapper{
		width: 100%;
		margin: 0;
		}
	
	section, aside {
		width: 100%;
		}
		
	section #padding {
		margin-left: 0px;
		}
	
	#feature{
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		}
		
	#ecwrap{
		text-align: center;
		position: relative;
		display: block;
		}
		
	#myExtraContent2{
		margin-left: 0px;
		margin-top: 10px;
		width: 330px;
		height: 215px;
		background-size: 330px 215px;
		}
	
	#myExtraContent3{
		width: 150px;
		height: 215px;
		background-size: 150px 215px;
		}
	
	#myExtraContent4{
		width: 172px;
		height: 215px;
		background-size: 172px 215px;	
		}
	
	#extraContainer2, #extraContainer3, #extraContainer4, #myExtraContent2, #myExtraContent3, #myExtraContent4 {
		float: none;
		display: inline-block;	
		}
	
	.blog-entry:last-child {
		border-bottom: 1px solid #f0f0f0;
		}
		
	}
		

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 1024px) and (max-width: 1024px) {	
	
	body{-webkit-text-size-adjust: none;}

	#navwrapper{
		left: 240px;
		top: 220px;
		}
	
	#olay {
		width: 1044px;
		}

	#feature{
		height: 396px;
		width: 613px;
		background-size: 100% auto;
		float: left;
		display: inline-block;
		}	

	#myExtraContent2 {
		width: 320px;
		height: 185px;
		background-size: 320px 185px;
		float: left;
		margin-top: 0px;
		margin-left: 8px;
		left: 0;
		}
		
	#myExtraContent3 {
		width: 147px;
		height: 200px;
		background-size: 147px 200px;
		float: left;
		margin-top: 0;
		}

	#myExtraContent4 {
		width: 160px;
		height: 200px;
		background-size: 160px 200px;
		float: left;
		margin-left: 7px;
		margin-top: 5px;
		} 

	}	
	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 769px) and (max-width: 959px) {

	#navwrapper{
		left: 140px;
		}
		
	}
				

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 768px) {
	
	body{
		-webkit-text-size-adjust: none;
		}
	
	
	
	#border {
		margin-top: -10px;
		}
		
	#topwrapper {
		padding-bottom: 0px;
	}
	
	
	#olay {
		width: 788px;
		}
	
	#navwrapper{
		width: 450px;
		left: 180px;
		top: 280px;
		}
	
	nav, nav ul ul {
		width: 300px;
		}
		
	#titlelogo {
		width: 728px;
		}

	#titlelogo h1,  #titlelogo h2{
 		display: block;
 		width: 728px;
 		text-align: center;
 		}

.tlsocial{
	width: 728px!important;
	/*margin-top: 30px;*/
	margin-top: -10px;
	
	text-align: center!important;
	display: block;
	}

	.slogansocial{
		width: 728px!important;
		text-align: center!important;
		display: block;
		}

.ie9 .slogansocial{
	margin-bottom: 30px!important;
		}

@-moz-document url-prefix() { 
  .slogansocial {
  	margin-bottom: 30px!important;
  	}
}

	.tssocial{
		display: block;
		/*padding-top: 50px;*/
		padding-top: 15px;
		bottom: 0!important;
		
		text-align: center;
		float: none;
		width: 728px;
		}

#socialicons{
	display: block;
	/*padding-top: 50px;*/
	padding-top: 40px;
	
	text-align: center;
	float: none;
	width: 728px;
	}

	.mb{
		bottom: 0px;
		position: relative;
		display: block;
		text-align: center;
		width: 728px;
		}
	
	#menuBtn{
		position: relative;
		display: block;
		text-align: center;
		width: 728px;
		
		bottom: 17px;
		}

	#linet, #linem, #lineb{
		margin-left: auto;
		margin-right: auto;
		
		width: 50px;
		}

	#menuBtn:after{
		content: "MENU";
		font-family: 'Questrial', sans-serif;
		color: #fff;
		font-size: 14px;
		/*letter-spacing: 6px;*/
		letter-spacing: 3.6px;
		padding-left: 4.75px;
		
		color: #959595;
		}
	
	#logo img{
		margin-top: 30px;
		}

	section, aside {
		width: 100%!important;
		}

	section #padding{
		padding-right: 0px;
		}
	
	section #padding{
		margin-left: 0px;
		margin-right: 0px;
		}
	
	#sidecontent {
		padding: 0px 0px 35px 0px;
		}
	
	#sideTitle{
		padding-top: 35px;
		}
		
	#footer{
	width: 275px;
		}
	
	.blog-entry {
		width: 100%;
		}
	
	.album-description{
		line-height: 16px;
		padding-top: 5px;
		}
		
	.photo-header navigation a:link, .photo-header navigation a:visited {
	    color: #959595;
		}
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
		
	
	#feature {
		background-size: 100% auto;
		width: 493px;
		height: 319px;
		}
	
	#menuBtn{
		width: 100%!important;
		}
	
	#titlelogo {
		width: 100%;
		}
	
	#titlelogo h1{
		display: block;
		width: 100%;
		text-align: center;
		}

	#titlelogo h2{
		margin-bottom: -20px;
		width: 100%;
		}

	.mb {
		bottom: 30px!important;
		padding-top: 20px;
		}

/*slogan and social*/

	.tlsocial{
		width: 100%!important;
		margin-right: 50px;
		}

	.slogansocial{
		width: 100%!important;
		margin-bottom: -50px!important;
		}

	.tssocial{
		margin-top: 15px;
		bottom: 0px!important;
		border-bottom: none;
		width: 100%!important;
		}

@-moz-document url-prefix() { 
  .slogansocial {
  	margin-bottom: 30px!important;
  	}
}

	/*title and social*/

	.tsocial{
		margin-top: 5px;
		bottom: 35px!important;
		border-bottom: none;
		width: 100%!important;
		}
		
	.headerb{
		border: none;
		}
	
/*end*/
		
	#footer{
		float: left;
		text-align: left;
		width: 375px;
		}
		
	}


@media only screen and (max-width: 535px) {
	
	#feature {
		background-size: 100% auto;
		width: 330px;
		height: 213px;
		}

	#myExtraContent2 {
		width: 330px;
		height: 145px;
		background-size: 330px 145px;
		margin-top: 7px;
		}

	#myExtraContent3, #myExtraContent4 {
		margin-left: 2px;
		margin-top: 1px;
		left: -1px;
		}

	#myExtraContent4 {
		width: 174px;
		background-size: 174px 215px;	
		}
	
	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 568px) and (max-width: 568px) {
#olay {
	width: 590px!important;
	}
	
	#navwrapper{
		left: 130px!important;
		}
	
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 568px) {
	
	body{
		-webkit-text-size-adjust: none;
		}
	
	#wrapper{
		width: 100%;
		margin: 0;
		}

	#border {
		margin: 20px;
		}

	#navwrapper{
		width: 300px;
		top: 120px;
		left: 87px;
		}
	
	#olay {
		width: 500px;
		}
	
	nav, nav ul ul {
		width: 250px;
		}

	.tlsocial {
		font-size: 25px!important;
		}

	#titlelogo h1{
		line-height: 40px;
		padding-bottom: 7px;
		display: block;
		font-size: 35px!important;
		}
	
	#titlelogo h2{
		line-height: 24px;
		margin-top: -10px!important;
		font-size: 14px;
		}
	
	.slogansocial{
		margin-top: -10px;
		}
	
	#socialicons{
		padding-right: 35px;
		}
		
	.altec2{
		top: 115px;
		font-size: 12px!important;
		padding: 15px 30px 15px 30px;
		}
	
	section, aside {
		width: 100%!important;
		}
		
	#sidecontent {
		padding-bottom: 35px;
		}
	
	#sideTitle{
		padding-top: 35px;
		}
			
	#footer{
		float: left;
		width: 100%;
		}
		
	.thumbnail-wrap {
		margin-right: 55px;
		}
	
	.thumbnail-caption {
		display: none;
		}

	}
	
	
@media only screen and (max-width: 400px) {

	#navwrapper{
		left: 47px;
		top: 320px;
		}

	}
	
@media only screen and (max-width: 320px) {

	#wrapper{
		width: 100%;
		top: 0;
		margin: 0;
		}

	#feature {
		background-size: 100% auto;
		width: 280px;
		height: 180px;
		}

	#myExtraContent2 {
		width: 280px;
		height: 145px;
		background-size: 280px 145px;
		margin-top: 7px;
		}

	#myExtraContent3 {
		width: 120px;
		height: 180px;
		background-size: 120px 180px;
		margin-top: 2px;
		margin-left: 1px!important;
		margin-right: 3px!important;
		}
		
	#myExtraContent4 {
		width: 150px;
		height: 180px;
		background-size: 150px 180px;
		margin-top: 2px;
		}

	#navwrapper{
		left: 37px;
		top: 220px;
		width: 240px;
		}
		
	nav, nav ul ul {
		width: 170px;
		}

	#olay {
		width: 340px;
		}

	ul#breadcrumb{
		width: 100%;
		padding-top: 0px;
		}
	
	.movie-thumbnail-frame:last-child{
		margin-right: 0px;
		margin-bottom: 25px;
		} 
	

}