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: 'ostrich_sansmedium';
    
	src: url('fonts/ostrich-regular-webfont.eot');
   
	src: url('fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ostrich-regular-webfont.woff') format('woff'),
 url('fonts/ostrich-regular-webfont.ttf') format('truetype');

	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;
	}



/* 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;}




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

	-webkit-font-smoothing: antialiased;
	}
	


#wrapper
{
	position: relative;
	padding: 0px;
	
	width: 960px;
	
	margin: auto;
	
	overflow: hidden;
}



header
{
	position: relative;

	-webkit-font-smoothing: subpixel-antialiased;

	width: 100%;
	
	border-bottom: 1px solid;
	
	margin-bottom: 40px;

	}



#navwrapper
{
	position: relative;

	z-index: 1000;
	
	border-top: 3px solid;
	
	-webkit-transition: background-color 450ms;
 
	-moz-transition: background-color 450ms;
 
	-ms-transition: background-color 450ms;
 
	-o-transition: background-color 450ms;
 
	transition: background-color 450ms;}



header nav
{
	position: relative;

	text-align: left;
}



header nav > ul
{
    	position: relative;
    }



header nav ul li
{
	display: inline-block;

	position: relative;
	
	padding: 20px 0px 0 0;

	margin-right: 13px;

	border-bottom: 1px solid;

	/*-webkit-transform:translate3d(0,0,0);

	-webkit-perspective: 1000;*/
	}



header nav ul li a
{
	text-transform: uppercase;

	text-decoration: none;
	
	margin: 0px 0px 0px 0px;

	padding: 30px 40px 4px 10px;

	letter-spacing: 0px;

	overflow: visible;

	-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;
	}



header nav ul li:hover 
{
	text-shadow: #fff 0 0 10px, #fff 0 0 25px;
}



header nav ul li ul li:hover 
{
	text-shadow: #fff 0 0 10px, #fff 0 0 25px;}



header nav ul ul 
{
    	position: absolute;

  	display: none;

    	list-style: none;

    	width: 180px;
    }



header nav li li 
{
    	padding: 0;
	margin: 0;
	line-height: 0px;
 
	position: relative;}



header nav li li a
{
	display: block;
	font-size: 12px;

   	padding: 15px 10px 5px 30px;

	width: 140px;

	line-height: 20px;}



header nav li li li
{
	border-left: 1px solid;
	 }




/* Drop Down */


header nav > ul > li > ul 
{
 	top: 43px;
	}



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



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



header nav li li:hover ul 	
{
    	left: 180px;

	top: 0px;
	}



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



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



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



header nav li li li li:hover ul
{
	left: 180px;

   	top: 0px;	}



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



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



header nav li li li li
{
	display: none;
	}



nav span
{
	font-size: 10px;

	letter-spacing: 0px;

	padding-right: 37px;

	position: absolute;

	top: 5px;

	left: 10px;

	display: none;
	}



nav ul ul span
{
	display: none;
	}



/* @end */


#titlelogo
{
	position: relative;

	padding-top: 75px;
	}



#logo
{
	position: relative;
	}



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



#titlelogo h1 
{
	position: relative;

	padding-bottom: 15px;

	text-transform: uppercase;
	}



#titlelogo h2
{
	font-size: 16px;

	letter-spacing: 1px;

	padding-bottom: 5px;

	text-transform: uppercase;}



#socialicons
{
	float: right;

	position: relative;

	display: inline-block;

	-webkit-transition: text-shadow 450ms;
 
	-moz-transition: text-shadow 450ms;
	}



a.social
{
	font-family: 'SocialicoRegular';

	line-height: normal;

	font-size: 28px;

	letter-spacing: 20px;	}



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



a.social:hover
{}




/*slogan and social*/

.tshead
{
	padding-bottom: 25px;
	}



.tlsocial
{
	top: 0;

	position: relative;
	}



.slogansocial
{
	float: left;

	clear: both;

	bottom: 5px!important;
	}



.tssocial
{
	bottom: 2px!important;
	}




/*title and social*/

.tsocial
{
	bottom: 32px;
	}



.titlesocial
{

	}



/*end*/


.imageStyle 
{
	max-width: 100%;

	height: auto;

	padding-top: 20px;

	padding-bottom: 20px;
	}



.ie8 .imageStyle
{
	width: auto;
	}



.ie8 #stacks_in_260_page11 img
{
	width: auto!important;
	}



#menuBtn
{
	position: absolute;

	right: 0px;

	top: 4px;

	display: none;
	}



#menuBtn:before
{
	content: "+";

	color: #fff;

	font-size: 30px;

	letter-spacing: 2px;

	margin-right: 17px;

	padding: 0 15px 1px 15px;

	text-shadow: rgba(0,0,0,0.7) 0 0 2px;
	}



#menuBtn.show:before
{
	content: '-';

	letter-spacing: 2px;

	margin-right: 17px;

	padding-right: 19px;

	padding-left: 19px;
	}



/*  Banner  */

#feature
{
	position: relative;

	background:  url('./images/tutorial.jpg') no-repeat left top;
	}



#feature.bghide
{
	background-image: none;}



#featureImg
{
	width:99.6%;

	height: auto;

	float: left;

	padding: 1px;

	border: 1px solid;
	}



.fImg
{
	display: none;
	}



.fnav
{
	-webkit-transform:translate3d(0,0,0);

	-webkit-perspective: 1000;
	}



.sfec
{
	left: 0!important;
	}



/* @end */


#container
{
	line-height: 26px;
	}



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


#container a:hover
{
	text-shadow: #fff 0 0 1px, #fff 0 0 1px;
	}
	


.clear
{
	clear: both;
	}



section
{
	width: 660px;

	float: right;
	}



section #padding
{
	padding: 45px 0px 0px 0px;

	margin-top: 40px;

	margin-bottom: 35px;

	margin-left: 35px;

	overflow: hidden;

	border-top: 1px solid;
	}



aside
{
	width: 300px;

	float: right;
	}



#sidecontent
{
	padding: 15px 35px 35px 0px;
	}



#sideTitle
{
	margin: 25px 10px 60px 0px;

	padding-top: 50px;

	padding-bottom: 5px;

	border-top: 1px solid;

	border-bottom: 1px solid;

	font-weight: bold;
	}



#myExtraContent2
{
	position: absolute;

	top: 230px;

	left: 2px;

	font-weight: normal;

	padding: 25px 50px 25px 50px;

	white-space:nowrap;

	overflow:hidden;}




#myExtraContent3
{
	padding: 40px 0 0px 0px;

	line-height: 24px;

	clear: both;
	}



#myExtraContent4
{
	padding: 40px 0 20px 0;

	border-top: 1px solid #f0f0f0;

	line-height: 24px;

	margin-bottom: 20px;
	}



footer
{
	position: relative;

	padding-top: 30px;

	padding-bottom: 20px;

	overflow: hidden;

	border-top: 1px solid #f0f0f0;
	}



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



#breadcrumb 
{
	display: inline;

	position: relative;
}



ul#breadcrumb
{
	font-size: 13px;

	float: left;

	display: inline-block;

	width: 400px;
	}



ul#breadcrumb li
{
	display: inline;	}



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

	padding-left: 5px;
	}



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



#footer
{
	font-size: 13px;

	display: inline-block;

	float: right;

	position: relative;

	width: 500px;

	text-align: right;
	}



#rw_email_contact:before
{
	content: 'I';

	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
{
	padding: 10px 0px 0px 0px;

	border-top: 1px solid #f0f0f0;

	margin-top: 20px;

	margin-bottom: 40px;

	-webkit-transition: all 450ms; 

	-moz-transition: all 450ms; 

	-ms-transition: all 450ms;
 
	-o-transition: all 450ms;
 
	transition: all 450ms;
	}



.blog-entry:hover
{	}



.blog-entry:first-child
{
	margin-top: -53px;

	border-top: none;
	}	



.blog-entry:last-child

{
	margin-bottom: 0;

	padding-bottom: 0;}



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

	font-weight:bold;

	margin-bottom: -5px;

	padding-top: 20px;

	margin-top: 40px;
	}



h1.blog-entry-title a
{
	-webkit-transition: all 450ms;
 
	-moz-transition: all 450ms;
 
	-ms-transition: all 450ms; 

	-o-transition: all 450ms;
 
	transition: all 450ms;
	}



h1.blog-entry-title a:hover
{
	text-shadow: #fff 0 0 10px, #fff 0 0 25px;

	color: #fff;
	}



.blog-entry-date
{
	font-size:0.85em;
	}



.blog-entry-category
{	padding-left: 10px;}


.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
{
	padding: 5px;

	border: 1px solid;

	margin-bottom: 20px;

	/*width: 613px;*/
	}



.blog-entry-body img
{
	}



.blog-entry-comments
{
	font-size:0.8em;

	text-align:right;}



p.blog-entry-tags
{
	font-size:0.9em;

	margin: 10px 0 40px 0px;

	background-color: whitesmoke;

	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;
 
 	font-weight: bold;

 	padding-bottom: 5px;
	}



.album-description 
{
   	border-bottom: 1px solid;

    	width: 30%;

    	margin-top: -10px;

 	padding-bottom: 5px;
	margin-bottom: 30px;
	}



.album-wrapper 
{
    	width: 100%;
  	}



.thumbnail-wrap 
{
    	display: block;
	float: left;

  	margin: 40px 90px 12px 0;
	}



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



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



.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: 175px;

	height: 175px;
	}



.thumbnail-frame img:hover
{	}



.thumbnail-caption 
{
	opacity: 0;

 	text-align: center;

 	color: #959595;

 	font-size: 16px;

 	text-transform: uppercase;

	top: -130px;

 	position: relative;

 	left: 20px;

 	-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;
 	}
 
 

.ie8 .thumbnail-wrap 
{
 	margin-bottom: 90px;
 }
 


.thumbnail-frame:hover img
{
 	opacity: .15;
 	}
 


.thumbnail-frame:hover .thumbnail-caption 
{
 	opacity: 1;
 	}
   


/* @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
{
	/*background: url('./images/adown.png')no-repeat;

	background-position: 50% 75%;*/
	}



.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-style: italic;

    	font-family: arial;

    	text-align: center;
   }



p.photo-caption 
{
	display: none;
	}



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-weight: bold;

	letter-spacing: 0px;

	width: 30%;
	}



.movie-page-description 
{
    	margin: -10px 0 30px 0;

    	padding-bottom: 5px;
	width: 30%;
	border-bottom: 1px solid #f0f0f0;
   }



.movie-thumbnail-frame
{
   	float: left;
	margin: 40px 45px 50px 0px;
	font-size: 10px;

    	width: 275px;

    	height: 185px;

   	padding: 0px 0px 20px 0;
    }



.movie-thumbnail-frame img
{
	width: 275px;

	height: 185px;

	padding: 5px;

	border: 1px solid;
	}



.movie-thumbnail-caption
{
	font-size: 14px;

	padding: 20px 0px 20px 10px;

	margin-top: 0px;

	line-height: 0px;

	margin-right: -10px;
	}



.movie-thumbnail-caption span
{
	color: #ccc;

	position: absolute;

	margin-top: -15px;

	font-size: 10px;}



.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
{
	display: block;
	}



.movie-thumbnail-frame:hover
{
	background: url('./images/play2.png')no-repeat;

	background-position: 50% 45%;
	}



.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: 30px;

	font-style: normal;

	line-height: 1.9em;

	font-size: 20px;

	letter-spacing: 0px;

	border-bottom: 1px solid #f0f0f0;

	font-weight: bold;

	width: 30%;
	}



.filesharing-item
{
	border: 1px solid #f0f0f0;

	width: 260px;

	margin: 40px 48px 30px 0;

	padding: 5px;

	float: left;

	line-height: 1.3em;

	background: url('./images/plus1.png')no-repeat;

	background-position: 50% 40%;

	-webkit-transition: all 450ms;
 
	-moz-transition: all 450ms;
 
	-ms-transition: all 450ms; 

	-o-transition: all 450ms;
 
	transition: all 450ms;
	}



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



.filesharing-item:hover .filesharing-item-title 
{
	opacity: 0.4;
	}



.filesharing-item:hover 
{
	background-color: #fff;
	}



.filesharing-item-title 
{
	padding: 30px 10px 50px 10px;

	background-color: #959595;

	font-weight: bold;

	-webkit-transition: all 450ms;
 
	-moz-transition: all 450ms;
 
	-ms-transition: all 450ms;
 
	-o-transition: all 450ms;
 
	transition: all 450ms;
	}



.filesharing-item-title a
{
	color: #fff!important;

	padding: 40px 200px 100px 0px;

	font-weight: bold;
	}



.filesharing-item-description 
{
	padding: 0px 10px 30px 10px;

	color: #eee!important;

	position: relative;

	background-color: #959595;

	-webkit-transition: all 450ms;
 
	-moz-transition: all 450ms; 

	-ms-transition: all 450ms;
 
	-o-transition: all 450ms;
 
	transition: all 450ms;
	}



.filesharing-item span
{
	color: #ccc;

	position: absolute;

	margin-top: -15px;

	font-size: 10px;
	}




/* @end */




/* @group Contact Form */

#padding .message-text
{
	font-size: 20px;

	letter-spacing: 0px;

	font-weight: bold;

	margin-top: 5px;

	margin-bottom: 40px;

	padding-bottom: 5px;

	border-bottom: 1px solid;
	}



.cline
{
	border: none!important;
	}



.message-text
{
	width: 40%;
	}



form div label 
{
	font-size: 13px;

	letter-spacing: 0px;

	padding-top: 0px;
	}



.form-input-field 
{
	width: 95%;

	border: 1px solid #f0f0f0;

  	padding: 10px 0px 10px 20px;

    	color: #959595!important;

    	outline-color: #959595!important;

    	outline-width: 1px;

    	font-size: 14px;

   	margin: 5px 5px 5px 0px;

	-webkit-transition: all 450ms;
 
    	-moz-transition: all 450ms;
 
    	-ms-transition: all 450ms;
 
    	-o-transition: all 450ms;
 
    	transition: all 450ms;
    }


.form-input-field:hover	
{
   	background-color: #fff!important;
   	} 
 

.form-input-field:last-child
{
    	margin-bottom: 10px!important;
    }
    
 

input.form-input-field:focus 
{
 	outline-color: #959595;

 	outline-width: 0px;
 	}
 
  

textarea.form-input-field
{
  	margin-bottom: 10px;
  	}
 
 

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: #fff;

    	border: 1px solid rgba(255, 255, 255, 0.02);

    	-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;

    	border: 1px solid rgba(255, 255, 255, 0.02);
 	}



.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: 959px) 
{	}

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

#wrapper
{
	width: 100%;

	margin: 0;
		}

#logo img
{
	margin-left: 35px;	}
	
	

#menuBtn
{	display: block;
		}
	
	

#menuBtn .show:before
{	content: '-';
	color: #fff;
	font-size: 30px;
	letter-spacing: 2px;
	margin-right: 17px;
	padding-right: 19px;

	padding-left: 19px;

	text-shadow: rgba(0,0,0,0.7) 0 0 2px;	}
	
	

.show
{
	display: block;	}
	
	

header nav
{	position: relative;

	display: none;
	padding-left: 35px;
	width: 40%;
	}

	

header nav > ul
{
    	position: relative;
    	}



header nav ul li
{	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;}
	
	

header nav ul li:first-child
{	padding-bottom: 0;}
	
	

header nav ul li:hover 
{	background: none!important;
}
	
	

/*
	header nav ul li:hover a, header nav ul li ul li a, header nav ul li ul li ul li a
{
	background-color: #FC99C9;}

*/
	header nav ul li ul li a
{
	}
	
	

header nav ul li
{	border-bottom: 1px solid #f0f0f0!;
	margin-right: 25px;
}


header nav ul li a
{	padding-top: 25px;}
	
	

header nav li li:last-child 
{	border-bottom: none!important;	}

header nav li li li:last-child 
{	border-bottom: none;	}

header nav li li
{
	background: none!important;
}


header nav li li li:hover a
{	}
	
	

header nav ul li 
{	border: none;
	}

header nav > ul > li > ul 
{ 	left: 20px;
 	top: 44px;}
	
	

header nav > ul > li > ul > li > ul > li 
{ 	left: 20px;
 	top: 0px;
	 	}
	
	

header nav li li a 
{	padding-left: 30px;
		}
	

header nav li li li a
{ 	padding-left: 30px;
	 	}
	 
	

header nav li li li 
{	border: none;	}

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

header nav > ul > li 
{
	position: relative;	}

	

header nav > ul > li a
{	padding-bottom: 5px;	}	

	

header nav ul ul 
{
    	position: relative;
	display: none;

    	list-style: none;
    	}
	
	

header nav > ul > li > ul 
{	top: 1px!important;
		}
	
	

#titlelogo h1, #titlelogo h2 
{	margin-left: 35px;
		}


#socialicons
{
	padding-right: 35px;
		}


.altec2
{
	top: 200px;
		}
	


#myExtraContent2
{
	top: 200px;

	white-space:normal;

	overflow:visible;
		}
	

#myExtraContent3, #myExtraContent4
{
	margin-right: 35px;

	margin-left: 35px;
	}
	


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


section #padding
{	margin-right: 35px;	}


section #padding
{	margin-left: 35px!important;
	}

#sidecontent 
{
	padding: 0px 35px 35px 35px;	}

#sideTitle
{	padding-top: 35px;	}

footer
{	margin-left: 35px!important;

	margin-right: 35px!important;
		}

#footer
{
	width: 275px;
	}


.blog-entry
{	width: 95%;
		}
	

/*.blog-entry-body img
{	width: 100%;
	height: auto;
		}
*/
	}
	


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


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 768px) 
{
	
	
	

body
{
	-webkit-text-size-adjust: none;
	}


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

	

#logo img
{	margin-left: 35px;

	width: 100%;
	height: auto;
		}

	

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

#menuBtn
{	display: block;
	margin-right: 18px;
		}
	
	

.show
{	display: block;
}

	

#menuBtn .show:before
{	content: '-';
		
	color: #fff;

	font-size: 30px;

	letter-spacing: 2px;
	margin-right: 17px;
	padding-right: 19px;
	padding-left: 19px;
	text-shadow: rgba(0,0,0,0.7) 0 0 2px;
		}

	

#navwrapper
{	position: relative;

	z-index: 1000;
	border-top: 3px solid #e37014;

	-webkit-transition: background-color 450ms;
	-moz-transition: background-color 450ms; 
	-ms-transition: background-color 450ms; 
	-o-transition: background-color 450ms; 

	transition: background-color 450ms;
}
	
	

header nav
{
	position: relative;
	display: none;
	padding-left: 35px;
	width: 45%;
		}

	

header nav > ul
{
    	position: relative;
    	width: 100%;   	}

	

header nav ul li
{	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;}

	

header nav ul li:hover 
{	background: none!important;
}

	

header nav ul li
{	border-bottom: 1px solid #f0f0f0!important;
	margin-right: 25px;}
		
	

header nav ul li a
{	padding-top: 25px;	}
	
	

header nav li li:last-child 
{	border-bottom: none!important;	}


header nav li li li:last-child 
{	border-bottom: none;
		}

header nav li li
{	background: none!important;}
	
	

header nav ul li 
{	border: none;	}
	
	

header nav > ul > li > ul 
{ 	left: 20px;
 	top: 1px!important;
}
	
	

header nav > ul > li > ul > li > ul > li 
{ 	left: 20px;
 	top: 0px;
	 }
	
	

header nav li li a 
{	padding-left: 30px;
	}
	
	

header nav li li li a
{
 	padding-left: 30px; 	}
	 
	

header nav li li li 
{
	border: none;	}
	
	

header nav ul li:hover
{
	background: none;	}
	
	

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

header nav > ul > li 
{	position: relative;
		}

	

header nav > ul > li a
{	padding-bottom: 5px;	}	

	

header nav ul ul 
{
    	position: relative;

 	display: none;
   	list-style: none;
    	}
	
	

#titlelogo h1, #titlelogo h2 
{	margin-left: 35px;
	}
		
	

#socialicons
{
	padding-right: 35px;
	}
	
	

.altec2
{
	top: 180px;	}
	
	

#featureImg
{	padding-left: 0;

	padding-right: 0;
	border-left: none;
	border-right: none;
	width: 100%;	}
	
	

#myExtraContent2
{	top: 180px;

	padding-left: 35px;
	white-space:normal;

	overflow:visible;
	left: 0!important;
	}
	
	
	

#myExtraContent3, #myExtraContent4
{	margin-right: 35px;
	margin-left: 35px;
	}
	
	

section #padding
{	padding-right: 35px;
	}
	
	

section #padding
{	margin-left: 35px!important;
	margin-right: 35px;
	}
	
	

#sidecontent 
{	padding: 0px 35px 35px 35px;
		}
	
	

#sideTitle
{	padding-top: 35px;	}
		
	

footer
{	margin-left: 35px!important;

	margin-right: 35px!important;	}
		
	

#footer
{
	width: 275px;
	}
	
	

.album-description
{	width: 50%;
	line-height: 16px;
	padding-top: 5px;
	}
	


.thumbnail-wrap 
{
  	margin: 40px 75px 50px 0;
	}
	
	

.photo-header navigation a:link, .photo-header navigation a:visited 
{
	color: #959595;
		}
	
	

/*	
	

.blog-entry-body img
{	width: 98.3%!important;
	
	height: auto;	}
	

*/
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) 
{
	body

{
	-webkit-text-size-adjust: none;
	}
	
	

#titlelogo h1
{	display: block;
		}

	

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

	

header
{
	padding-bottom: 20px;
		}

	

#socialicons
{	display: block;
	
	padding-top: 50px;
	padding-left: 35px;
	text-align: left;
	float: left;	}



/*slogan and social*/

	.tshead
{
	border: none;
		}

	

.tlsocial
{
	top: 0;
	
	position: relative;
	display: block;	}

	

.slogansocial
{	float: left;
	clear: both;
	width: 100%;
		}

	

.tssocial
{	margin-top: 15px;
	bottom: 35px!important;

	border-bottom: 1px solid;

	width: 100%;
		}


	

/*title and social*/

	.tsocial
{
	margin-top: 5px;

	bottom: 35px!important;
	border-bottom: 1px solid;
	width: 100%;
		}

	

.titlesocial
{
	}

	

.headerb
{	border: none;
	}
	


/*end*/
	
	
	
	footer
{	margin-left: 35px!important;
	margin-right: 35px!important;
		}
		
	

#footer
{	float: left;
	text-align: left;
	width: 375px;
		}
		
	
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 680px) 
{



.altec2
{
	top: 160px;

	font-size: 14px!important;

	padding: 20px 40px 20px 40px;
	}
	


#myExtraContent2
{
	top: 160px;

	font-size: 14px!important;

	padding: 20px 40px 20px 40px;
	}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 580px) 
{



.altec2
{
	top: 140px;

	font-size: 14px!important;

	padding: 20px 40px 20px 40px;
	}



#myExtraContent2
{
	top: 140px;

	font-size: 14px!important;

	padding: 20px 40px 20px 40px;
	}
	}
	

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
	
	

body
{
	-webkit-text-size-adjust: none;
	}
	
	

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

	

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

section #padding
{
	padding-right: 10px;
	}
	
	

#menuBtn
{	display: block;
		}
	
	

#menuBtn .show:before
{	content: '-';
	color: #fff;
	font-size: 30px;
	letter-spacing: 2px;
	
	margin-right: 17px;
	padding-right: 19px;

	padding-left: 19px;

	text-shadow: rgba(0,0,0,0.7) 0 0 2px;
		}
	
	

.show
{
	display: block;
		}
	
	

header nav
{	position: relative;
	display: none;
	padding-left: 35px;

	width: 60%;
		}

	

header nav > ul
{
    	position: relative;
   	width: 100%;
    	}

	

header nav ul li
{	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
		}
	
		

header nav ul li:first-child
{	padding-bottom: 0;
		}
	
	
	

header nav ul li:hover 
{	background: none;
	}
	
	

header nav ul li:hover a
{
	}
	
	

header nav ul li ul li a
{
	}
	
	

header nav ul li
{	border-bottom: 1px solid #f0f0f0!important;
	margin-right: 25px;
	}
	

header nav ul li a
{	padding-top: 25px;
	}
	
	

header nav li li:last-child 
{	border-bottom: none!important;
	}
	
	

header nav li li li:last-child 
{
	border-bottom: none;
	}
	
	

header nav li li 
{	background: none!important;
	}
	
	

header nav li li li:hover a
{	}
	
	

header nav ul li 
{	border: none;
	}
	
	

header nav > ul > li > ul 
{ 	left: 20px;

	top: 44px;
	}
	
	

header nav > ul > li > ul > li > ul > li 
{ 	left: 20px;
 	top: 0px;
	 }
	
		

header nav li li a 
{	padding-left: 30px;
	}

header nav li li li a
{ 	padding-left: 30px; 	}
	 
	

header nav li li li 
{	border: none;
		}

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

header nav > ul > li 
{	position: relative;	}

	

header nav > ul > li a
{	padding-bottom: 5px;	}

header nav ul ul 
{
    	position: relative;
	display: none;
   	list-style: none;
    	}
	
	

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

#titlelogo h1, #titlelogo h2 
{	margin-left: 35px;}
	
	

#titlelogo h1
{
	line-height: 40px;
	display: block;
		}
	
	

#titlelogo h2
{	line-height: 24px;

	margin-top: -10px!important;	}
	
	

.slogansocial
{	margin-top: -10px;
}
	
	

#socialicons
{	padding-right: 35px;
	}
		
	

.altec2
{	
top: 115px;
	font-size: 12px!important;
	padding: 15px 30px 15px 30px;	}
	
	

#myExtraContent2
{	top: 140px;
		
	font-size: 13px!important;
	padding: 10px 15px 10px 15px;	}
	
	

section #padding
{	margin-left: 35px!important;
		}
	
	

#sidecontent 
{
	padding: 0px 35px 35px 35px;	}
	
	

#sideTitle
{	padding-top: 35px;
}
		
	

footer
{	margin-left: 35px!important;
	margin-right: 35px!important;
		}
		
	

#footer
{
	float: left;
	width: 100%;
		}
	
	

.album-description, .filesharing-description, .movie-page-title, .movie-page-description, .message-text
{	width: 80%!important;
		}



.thumbnail-caption 
{
	top: 0;
	line-height: 18px;
	text-align: left;
	left: 0;
	opacity: 1;
	}



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

/*
	

.blog-entry-body img
{	width: 96%!important;

	height: auto;
		}
*/
	}
	


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

	

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



#myExtraContent2
{
	top: 85px;
	font-size: 12px!important;
	padding: 5px 15px 5px 15px;
	}

	

#sidecontent
{	width: 80%;
	}	
	
	

ul#breadcrumb
{	width: 100%;
	padding-top: 0px;
}

	

.movie-thumbnail-frame img 
{	width: 85%;
		}
	
	

.filesharing-item
{	width: 95%;
		}



.thumbnail-caption 
{
	top: 0;
	line-height: 18px;
	text-align: left;
	left: 0;

	opacity: 1;
	}



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

	

.movie-thumbnail-frame img:hover
{	opacity: 1;
		}


/*


.blog-entry-body img
{
	width: 94%!important;

	height: auto;
	}*/

}