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,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,nav,section{display:block;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}
h1 {font-size: 1.7em;}
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: 18px;
	}

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

/* 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{
	background: url('images/bgr12.png');	
	font: normal 14px/22px Arial, Helvetica, Geneva, sans-serif; -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;

	}

#border{
	position: relative;
	width: 1050px;
	border: 10px solid;
	margin: 68px auto;
	/*box-shadow: 0px 3px 10px rgba(0,0,0,.5);*/
	box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;

	}

#extraContainer1{
	/*min-height: 400px;*/
}

header{
	position: relative;
	/*height: 485px;*/
	-webkit-font-smoothing: subpixel-antialiased;
	border-bottom: 10px solid #fff;
	}

.headerheight{/*height: 485px;*/}

.bannertest{}

#topwrapper{
	position: absolute;
	z-index: 200;
	width: 1050px;
	}

#border #titlelogo{
	position: relative;
	display: none;
	width: 315px;
	line-height: 40px;
	overflow: hidden;
	}

#wrapper #titlelogo{
	position: relative;
	width: 315px;
	line-height: 40px;
	overflow: hidden;
	display: inline-block;
	
	}

#border #titlelogo a:hover, #titlelogo a:hover{
	text-shadow: #fff 0 0 1px, #fff 0 0 2px;
	color: #fff;
	}

#logo img{
	display: inline-block;
	position: relative;
	margin: 20px 0px 0px 35px;
	}

#border #titlelogo h1, header h1 {
	display: inline-block;
	position: relative;	
	margin: 20px 0px 15px 35px;
	}

#border #titlelogo h1 a, header h1 a{
	text-shadow: rgba(0,0,0,0.7) 0 0 5px;	
	letter-spacing: 3px;
	font-weight: normal;
	position: relative;
	
	}

.nologo{
	display: none!important;
	margin: 0!important;
}

header h2{
	position: absolute;
	right: 0px;
	padding: 15px 50px 15px 15px;
	bottom: 0;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: rgba(0,0,0,0.7) 0 0 2px;
	
	}

#sloganb h2{
	display: none;
	}

header nav{
	position: absolute;
	right: 0px;
	top: 15px;
	z-index: 1000;

	line-height: 50px;
	
	}
	
header nav > ul{
    position: relative;
    
 	}

header nav ul li{
	display: inline-block;
	position: relative;
	padding: 1px;
	}

header nav ul li a{
	padding: 15px 25px 15px 0px;
	text-decoration: none;
	letter-spacing: 1px;
	
	/*-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;

	background-color: none;
	

	}

header nav > ul > li > a{
	background-repeat: no-repeat;
	background-position: right 12px;
	background-image: url('images/colon.png');

	background-color: none;
	}

header nav ul li:last-child a{
	background-image: none;
	}

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

	}

header nav ul ul {
    position: absolute;
    display: none;
    list-style: none;
	left: 0px;
	text-align: left;
	width: 165px;
	line-height: 0;
	box-shadow: inset -1px 0 0 rgba(255,255,255,0.1), inset 0px 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 1px 1px;
	}

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

header nav li li a{
    display: block;
    font-size: 11px;
    line-height: 18px;
    width: 140px;
    padding: 10px 10px 10px 20px;
    text-shadow: none;
  
    }

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

header nav > ul > li > a{
	
	}



/* Drop Down */



header nav > ul > li > ul {
 	top: 50px;
  	padding-top: 5px;
	}

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


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

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

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

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

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

header nav li li li li:hover ul{
    left: 165px;
    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;
	}

/* @end */

	
section nav {
	margin-left: 35px;
	display: none;
	}

section nav:first-child{
	padding-top: 25px;
	}

section nav ul{
	list-style: none;
	}

section nav ul ul{
	display: none;
	}

section nav ul li:hover ul{
	display: block;
	}

section ul.navigation ul li{
	padding-left: 15px;
	font-size: 12px;
	}

#menuBtn{
	position: absolute;
	right: 30px;
	top: 30px;
	display: none;
	}


#menuBtn:before{
	content: "+";
	color: #fff;
	font-size: 30px;
	letter-spacing: 2px;
	margin-right: 17px;
	padding-right: 15px;
	padding-left: 15px;
	text-shadow: rgba(0,0,0,0.7) 0 0 2px;
	box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;
	}

/*  Banner  */

#feature{
	position: relative;
	box-shadow: inset rgba(0,0,0,0.8) 0 0 200px;
	box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;
	background:  url('./images/bis.jpg') no-repeat left top;
	}

#feature.bghide{
	background-image: none;	
	}
/*
#extraContainer1{
	overflow: hidden!important;
}

#myextraContent1{
	overflow: hidden!important;
}
*/
#featureImg{
	width:100%;
	height: auto;
	float: left;
	}
/*
.flexslider img 
	{
	visibility: hidden;
	}*/

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

#socialicons{
	margin: 20px 30px 5px 30px;
	padding: 5px 0px 5px 0px;
	position: relative;
	-webkit-transition: text-shadow 450ms; 
	-moz-transition: text-shadow 450ms;
	text-align: center;
	}	

a.social{
	font-family: 'SocialicoRegular';
	line-height: normal;
	font-size: 27px;
	letter-spacing: 30px;
	padding: 10px 0 10px 25px;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #eee;
	}

a.social:last-child{
	border: none;
}

a.social:hover{
	color: #777;
	}

#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 5px, #fff 0 0 10px;
	color: #fff;
	}
	
.clear{
	clear: both;
	}

section{
	width: 60%;
	min-height: 285px;
	border-left: 10px solid #fff;
	float: left
	}

	
section #padding{
	margin: 20px 30px;
	overflow: hidden;
	color: #fff;
	padding-top: 30px;
	border-top: 1px solid #eee;
	
	
	}

ul#breadcrumb{
	margin: 20px 30px;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #eee;
	padding-top: 25px;
	}
	
ul#breadcrumb li{
	display: inline;
	}
	
#bBelow, #fBelow{
	display: none;
	}
	
#footer{
	font-family: arial;
	font-size: 10px;
	text-transform: uppercase;
	position: relative;
	bottom: 20px;
	text-align: center;
	margin-right: 30px;
	margin-left: 30px;
	width: 92%!important;
	}
	
#rw_email_contact{
	padding-left: 3px;
	}
		
aside{
	width: 31.7%;
	padding: 20px 35px 35px 35px;
	float: left;
	}
	
#sidecontent{
	position: relative;
	/*box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;*/
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.1), inset -1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
	margin-top: -20px;
	min-height: 150px;
	padding: 54px 35px 45px 35px;
	/*margin-top: -110px;*/
	}

#sideTitle{
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*margin: 13px 10px 15px 0px;
	padding-bottom: 45px;*/
	margin: -143px -35px 30px -35px;
	padding: 32px 0 32px 35px;
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2), rgba(0,0,0,0.15) 0 2px 5px;
	height: 25px;

	}

.fImg{
	display: none;
	}

.fnav{
	-webkit-transform:translate3d(0,0,0);
	-webkit-perspective: 1000;
	}
	
.inbmed{
	margin-top: 120px!important;
	}

.hasNav{
	padding: 10px 30px 30px;}


	
	/* @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 rgba(255,255,255,0.12);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	padding: 20px;
	}
	
.blog-entry:first-child{
	border-top: none;
	border-bottom: 1px solid rgba(0,0,0,0.17);
	padding: 0px 20px 20px;
	}	

.blog-entry:last-child{
	border-bottom: none;
	}
	
h1.blog-entry-title{
	font-size: 14px!important;
	font-weight:normal;
	letter-spacing: 1px; 
	padding: 20px 0 5px;

	}
	
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.9em;
	line-height:1.5em; 
	letter-spacing: 1px; 
	padding: 0px 0px 25px 0;
	}

.blog-entry-category{padding-left: 10px;
}
.blog-entry-category a:link,.blog-entry-category a:visited{}
.blog-read-more{}

.blog-entry-body{
	overflow: hidden;
	}

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

p.blog-entry-tags{
	font-size:0.9em;
	margin:10px 0; 
	border-bottom: 0px solid #fff;
	}

/* @group blog sidebar */

.plugin_sidebar{}

/* Styles the blog categories in the blog sidebar */

#blog-categories{
	margin:1em 0 0;
	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: 1px;
	margin-top: 10px;
	}

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

#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: 1px;
	}
	
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: 1px; 
	}

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

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




/* @group Photo Album */

.album-title {
    font-size: 1.0 em;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
	}

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


.album-wrapper {
    width: 100%;
	}

.thumbnail-wrap {
    display: block;
    float: left;
    height: auto;
    padding-right: 28px;
    padding-top: 30px;
	}

.thumbnail-wrap:last-child{
	padding-bottom: 35px;
}

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

.thumbnail-frame:hover {}

.thumbnail-frame a {}

.thumbnail-frame a:hover {}

.thumbnail-frame a img {border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;}

.thumbnail-frame a img:hover {}

.thumbnail-caption {display: none; }
    
/* @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-navigation {
    width: 96%;
    margin: 20px auto 0 auto;
    padding: 20px;
    border-top: none;
    height: 111px;
    position: relative;
    font-size: 2.5em;
    text-align: center;
}

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

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

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

}

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

.photo-background p.photo-title {
    line-height: 20px;
    font-size: .8em;
   
}

.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: 10px;
    border: 10px solid #fff;
}

/* @end */




/* @group File Sharing */

.filesharing-description {
	margin: 3px 0 5px 0;
	padding-bottom: 20px;
	font-style: normal;
	line-height: 1.9em;
	font-size: 13px;
	font-family: arial;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.filesharing-item {
display: inline-block;
position: relative;
margin: 0 20px 40px 0px;
width: 186px;
float: left;
}

 .filesharing-item-title a:hover {
        opacity: 1;
		text-shadow: #fff 0 0 10px, #fff 0 0 25px;
        color: #fff;}

.filesharing-item-title {
font-size: 11px;
display: inline-block;
padding: 0 5%;
margin-left: 10px;
line-height: 1.9em;
background: rgba(255, 255, 255, .05);
border: 1px solid rgba(255,255,255,0.05);
border-bottom: 1px solid rgba(0,0,0,.2);
box-shadow: -1px -1px 1px rgba(0,0,0,.3);
border-radius: 2px 2px 0 0;
}

.filesharing-item-title a:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
}

.filesharing-item-description {
position: relative;
top: -2px;
box-shadow: 0px 3px 10px rgba(0,0,0,.5);
border: 1px solid rgba(255,255,255,0.05);
background: rgba(255,255,255,0.1);
font-size: 11px;
min-height: 80px;
width: 86%;
padding: 7%;
border-radius: 2px;
line-height: 15px;
}

/* @end */

/* @group Quicktime Page */

.movie-description {
}
    
/* @end */

/* @group Quicktime Album */

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

.movie-page-title {
    display: inline;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 1px;
	}

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

.movie-thumbnail-frame {
   
    float: left;
    margin: 10px 50px 90px 0px;
 
    font-size: 10px;
    width: 200px;
    height: 125px;
    border: 0px solid #fff;
    box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;
   }
	
.movie-thumbnail-frame img{
	width: 200px !important;
	height: 125px;
	
	background-color: rgba(255,255,255,0.1);

	}

.movie-thumbnail-caption{
	font-size: 12px;
	padding-top: 15px;
	line-height: 16px;
	margin-left: 0px;
	}

.movie-thumbnail-frame:hover

.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 Contact Form */

#padding .message-text{
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	}

form div label {
	text-transform: uppercase; 
	font-size: 0.8em;
	letter-spacing: 1px;
	}

.form-input-field {
    width: 95%; 
    border: none;
  	padding: 12px;
    background:  #b8b8b8;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
   
    }
    
 input.form-input-field:focus {
 	outline-color: #fff;
 	outline-width: 1px;
 	}
 
 textarea.form-input-field:focus{
 	outline-color: #fff;
 	outline-width: 1px;
 	}
	
.form-input-button {
 	padding: 8px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: normal;
    font-family: arial;
    border: 1px solid rgba(255, 255, 255, 0.15);
      -webkit-appearance: none;
    } 

.form-input-button:hover{
    background: #777;
    }

	
	
/* @end */


/*Media Queries*/

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1050px) {
	
	#border{
		margin: 68px auto;
		width: 95%;
	}
	
	header {
		width: 100%;
		margin: 0;
		}
	
	#topwrapper{
		width: 100%;
		}
	
	section {
		width: 59.8%;
	
		}
	aside{
		width: 31.7%;
	}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 769px) and (max-width: 959px) {
	
	#border{
		margin: 68px auto;
		width: 96%;
	}
	
	header {
		width: 100%;
		margin: 0;
		}
	
	#topwrapper{
		width: 100%;
		}
	
	header{
		box-shadow: none!important;
		}
	
	section, aside {
		width: 100%;
		margin: 0;
		padding: 0;
		}
		
	header nav{
		display: none;
		}
	
	#menuBtn{
			display: block;
			}
		
		#menuBtn.open: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;
			box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;
			}
		
		section nav.open{
			display: block;
			}
		
		section nav{
			display: none;
			margin-left: 30px;
			left: 0px;
			margin-bottom: 25px;
			}
		
		section nav:first-child{
			padding-top: 0;
			}
		
		section nav ul li{
			border-bottom: 1px solid #eee;
			width: 87%;
			padding: 10px 10px 10px 5px;
			}
		
		section nav ul ul li{
			border: none;
		}
		
		section nav ul ul li a{
			background: none;
	
			}
		
		section nav ul ul ul li {
			border: none;
			padding-left: 30px!important;
			margin-bottom: 0;
			padding-bottom: 0;
			}
		
		ul{
			margin-bottom: 0px;
		}
	
	#socialicons{

		}
	
#sidecontent{
	padding-top: 25px!important;
	margin: 25px 35px 0px 35px!important;
	padding-bottom: 25px!important;
	box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;
	}

#sideTitle{
	/*border-top: 1px solid #eee;*/
	margin: 0px 10px 15px 0px!important;
	padding: 35px 0 35px 0px!important;
	height: 0!important;
	background: none!important;
	box-shadow: none;
	}
	
	section ul#breadcrumb, section #footer{
		display: none;
		}
	
	#bBelow{
		display: block;
		margin-left: 0px;
		}
	
	#fBelow{
		display: block;
		}
	
	.blog-entry-body img{
		width: 100%;
		height: auto;
		}
	/*
	
	#sidecontent {
		padding: 0px 35px 45px 65px;
		}
		
	.blog-entry{
		width: 87%;
		}
		
	.blog-entry-body img{
		width: 100%;
		height: auto;
		}
	
	.movie-thumbnail-frame img:hover{
		opacity: 1;
		}
	
	.filesharing-item{
		width: 45%;
		}
	*/
	}
	
		
		
		
	
		
	/*

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	/*@media only screen and (max-width: 768px) {
	
	#border, header, #topwrapper, #socialicons {
		width: 100%;
		margin: 0;
		}
		
	section, aside  {
		width: 100%;
		}
	
	/*	
	header #logo img{
		height: auto;
		width: auto;
		padding-top: 20px;
		}
	
	
	.blog-entry-body img{
		width: 100%;
		height: auto;
		}
	*/
	/*}*/





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

	
	#border, header {
		width: 96.5%;
		margin: 68px auto;
		margin-bottom: 0px;
		box-shadow: none;
		}
	
	header {
		width: 100%;
		margin: 0;
		}
	
	#topwrapper{
		width: 100%;
		}
	
	header{
		box-shadow: none!important;
		}
	
	header nav{
		display: none;
		}
	
	section, aside {
		width: 100%;
		margin: 0;
		padding: 0;
		}
	
	#sidecontent{
		padding-top: 25px!important;
		margin: 25px 35px 0px 35px!important;
		padding-bottom: 25px!important;
			box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px!important;
		}
	
	#sideTitle{
		/*border-top: 1px solid #eee;*/
		margin: 0px 10px 15px 0px!important;
		padding: 35px 0 35px 0px!important;
		height: 0!important;
		background: none!important;
		box-shadow: none;
		}
	
	#menuBtn{
		display: block;
		}
	
	#menuBtn.open: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;
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.5), rgba(0,0,0,0.15) 0 2px 5px;
		}
	
	section nav.open{
		display: block;
		}
	
	section nav{
		display: none;
		margin-left: 30px;
		left: 0px;
		margin-bottom: 25px;
		}
	
	section nav:first-child{
		padding-top: 0;
		}
	
	section nav ul li{
		border-bottom: 1px solid #eee;
		width: 87%;
		padding: 10px 10px 10px 5px;
		}
	
	section nav ul ul li{
		border: none;
	}
	
	section nav ul ul li a{
		background: none;

		}
	
	section nav ul ul ul li {
		border: none;
		padding-left: 30px!important;
		margin-bottom: 0;
		padding-bottom: 0;
		}
	
	ul{
		margin-bottom: 0px;
	}
	
	section nav ul li:hover{
		
		}

	#sidecontent{
		box-shadow: none;
		}
	
	section ul#breadcrumb, section #footer{
		display: none;
		}
	
	#bBelow{
		display: block;
		padding-left: 0px;
		}
	
	#fBelow{
		display: block;
		padding-left: 8px;
		}
	
	.blog-entry-body img{
		width: 100%;
		height: auto;
		}
/*
	header #titlelogo{
		display: none!important;
	}
	
	#titleAlt #titlelogo{
		padding-top: 0!important;
		padding-bottom: 20px;
		}
	
	#titleAlt h1{
		clear: both;
		display: block;
		padding-bottom: 10px;
		line-height: 45px;
		}
	
	header nav{
		display: none;
		}
		
	#navwrapper{
		opacity: 0;
		}
	
	section #menuBtn{
		display: block;
		left: 0px;
		position: relative;
		top: 30px;
		padding: 5px 0 10px 0;
		width: 100%;
		background-color: rgba(225, 255, 255, .02);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
		border-top: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(0,0,0,0.15);
		margin-bottom: 30px;
		/*box-shadow: 0px 2px 5px rgba(0,0,0,.5);
		border: 1px solid rgba(255,255,255,0.05);
		background: rgba(255,255,255,0.05);
		margin-bottom: 20px;
		/*background-color: rgba(225, 255, 255, .04);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;*/
		/*}



	section #menuBtn::before{
		position: relative;
		left: 70px;
		top: 5px;
		
		}

	section #menuBtn::after{
		left: 35px;
		top: 10px;
		content: '';
		width: 25px;
		height: 25px;
		background-color: #fff;
		border-radius: 27px;
		font-family: arial;
		}

	section #closeBtn{
		display: none;
		left: 0px;
		position: relative;
		top: 30px;
		padding: 5px 0 10px 0;
		/*background-color: rgba(225, 255, 255, .04);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;*/
		/*
		width: 100%;
		margin-bottom: -5px;
		background-color: rgba(225, 255, 255, .02);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
		border-top: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(0,0,0,0.15);
		}


	section #closeBtn:before{
		position: relative;
		left: 70px;
		font-size: 20px;
		top: 5px;
		}

	section #closeBtn:after{
		content: '';
		width: 27px;
		height: 27px;
		background-color: #fff;
		border-radius: 27px;
		font-family: arial;
		position: absolute;
		left: 35px;
		top: 10px;
		}
	
	#container nav{
		margin-left: 35px;
		left: 0px;
		margin-top: 45px;
		}
	
	#container nav ul li{
		background-color: rgba(225, 255, 255, .02);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
		border-top: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(0,0,0,0.15);
		width: 87%;
		padding: 10px;
		}
	
	#container nav ul li:hover{
		background-color: rgba(225, 255, 255, .01);
		}
	
	#container ul.navigation ul ul li{
		display: none;
	}

*/
}
	@media only screen and (max-width: 767px) {
	
	
	
	}

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

#border {
	width: 95%;
	margin: 68px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	box-shadow: none;
	}

#border #titlelogo{
	position: relative;
	display: block;
	}

#wrapper #titlelogo{
	display: none;
	}

header {
	width: 100%;
	margin: 0;
	}

#topwrapper {
	width: 100%;
	}

header{
	box-shadow: none!important;
	}

#border #titleAlt{
	position: relative;
	display: block;
	}

#wrapper #titlelogo{
	display: none;
}

section, aside {
	width: 100%;
	margin: 0;
	padding: 0;
	}

#sidecontent{
		box-shadow: none!important;
	}

#titlelogo{
	margin-left: 0;
	}

header h2{
	display: none;
	}

#sloganb h2{
	display: block;
	margin-left: 30px;

	font-size: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	}

#socialicons{
	text-align: left;
	padding-left: 0px;
	}

a.social{
	margin-bottom: 20px;
	}

a.social:first-child{
	padding-left: 28px;
	}


a.social:last-child{
	margin-bottom: 0;
	}
	
#sidecontent{
	box-shadow: none;
	}	


ul#breadcrumb, #footer{
	text-align: left!important;
	padding-left: 0px!important;
	}

#footer{
	margin-left: 22px!important;
}

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


/*

	#wrapper #titleAlt{
		display: block;
		}

	header #titlelogo{
		display: none;
		}
	
	#titlelogo{
		padding-top: 0px!important;
		}
	
	#titleAlt, #title logo{
		padding-top: 0;
		}
		
	#titleAlt #logo img{
		margin-top: 0;
		}	
	
	#titleAlt h1, header h1 {
		font-size: 30px;
		line-height: 25px;
		}
	
	
	#titleAlt h2, header h2 {
		font-size: 18px;
		line-height: 10px;
		padding-bottom: 10px;
		}
	
	header nav{
		display: none;
		}
	
	#navwrapper:hover{
		display: none;
		}

	#navwrapper{
		display: none;
		}


	#navwrapper{
		opacity: 0;
		}

	#menuBtn{
		display: none;
		}
	
	#socialicons{
		display: none;
		}
	
	footer #socialicons{
		display: inline-block;
		text-align: left;
		width: 90%;
		left: 25px;
		top: 0px;
		}
	
	footer a.social{
		font-size: 50px;
		float: left;
		}

	#titlelogo{
		width: auto;
		padding-bottom: 30px;
		}
	#titleAlt h1{
		clear: both;
		display: block;
		padding-bottom: 5px;
		line-height: 45px;
		}
	
	#titleAlt{
		position: static;
		}

	#titleAlt #logo{
		line-height: 10px;
		}

	#logo{
		padding-bottom: 5px;
		}

	section #menuBtn{
		display: block;
		left: 0px;
		position: relative;
		top: 30px;
		padding: 5px 0 10px 0;
		font-size: 25px;
		width: 100%;
		background-color: rgba(225, 255, 255, .02);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
		border-top: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(0,0,0,0.15);
		margin-bottom: 30px;
		}

	section #menuBtn::before{
		position: relative;
		left: 70px;
		top: 2px;
		font-size: 20px;
		}

	section #menuBtn::after{
		left: 35px;
		top: 10px;
		content: '';
		width: 25px;
		height: 25px;
		background-color: #fff;
		border-radius: 25px;
		font-family: arial;
		}

	section #closeBtn{
		display: none;
		left: 0px;
		position: relative;
		top: 30px;
		padding: 5px 0 10px 0;
		background-color: rgba(225, 255, 255, .02);
			box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
		border-top: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(0,0,0,0.15);
		width: 100%;
		}

	section #closeBtn:before{
		position: relative;
		left: 70px;
		font-size: 20px;
		top: 4px;
		}

section #closeBtn:after{
		content: '';
		width: 25px;
		height: 25px;
		background-color: #fff;
		border-radius: 25px;
		font-family: arial;
		position: absolute;
		left: 35px;
		top: 10px;
		}


	#container nav{
		margin-top: 75px;
		width: 87%;
		margin-left: 35px;
		}
	
	#container nav ul li{
		background-color: rgba(225, 255, 255, .02);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;
		border-top: 1px solid rgba(255,255,255,0.12);
		border-bottom: 1px solid rgba(0,0,0,0.15);
		/*background-color: rgba(225, 255, 255, .04);
		box-shadow: inset 0px 0px 1px rgba(255,255,255,0.1), rgba(0,0,0,0.15) 0 2px 5px;*/
		/*
		padding: 10px;
		font-size: 16px;
		}
	
	
	#container nav ul li:hover{
		background-color: rgba(225, 255, 255, .01);
		}
	
	#container ul.navigation ul ul li{
	display: none;
		}

	section, aside {
		width: 100%!important;
		}
	
	section #padding{
		padding-top: 25px;
		}
	
	#sidecontent{
		padding-top: 0;
		width: 80%;
		padding-bottom: 0;
		}
	
	#footer{
		float: left;
		width: 100%;
		padding: 10px 0 35px 35px;
		font-size: 12px;
		}
	
	ul#breadcrumb{
		font-size: 12px;
		padding-top: 0px;
		}
	
	.blog-entry-body img{
		width: 100%;
		height: auto;
		}
	
	.thumbnail-wrap:first-child{
		padding-top: 10px;
		}
	
	.movie-thumbnail-frame img:hover{
		opacity: 1;
		}
	
	.movie-thumbnail-frame, .movie-thumbnail-frame img {
		width: 100%;
		height: auto;
		}
	
	.movie-thumbnail-caption{
		padding: 15px;
		}
	
	.filesharing-item{
		width: 92%;
		}
	*/	
	}
	
@media only screen and (max-width: 320px) {


#border {
	width: 95%;
	margin: 68px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	box-shadow: none;
	}

header {
	width: 100%;
	margin: 0;
	}

#topwrapper {
	width: 100%;
	}
	
section, aside  {
		width: 100%;
		}


/*

	#titlelogo{
		padding-top: 5px!important;
		
		}
		

		
#titleAlt #logo img{
	margin-top: 0;
	width: 50px;
	height: 45px;
	margin-bottom: -15px;
}





#wrapper #titleAlt h1{
	font-size: 38px;
}

	#titleAlt h2, header h2 {
		padding-bottom: 10px;
		font-size: 18px;
		}
	
	
	
	
	#container nav{
		width: 83%;
	
		}


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

	.blog-entry:first-child{
		background-color: rgba(225, 255, 255, .0);
		box-shadow: inset 0px 0px 0px rgba(255,255,255,0);
		padding-left: 0;
		border-top: 0;
		border-bottom: 1px solid rgba(225,225,225,0.15);
		}

	.blog-entry{
		background-color: rgba(225, 255, 255, .0);
		box-shadow: inset 0px 0px 0px rgba(255,255,255,0);
		padding-left: 0;
		margin-top: 20px;
		border-top: 0;
		border-bottom: 1px solid rgba(225,225,225,0.15);
		width: 87%;
		}


	.blog-entry:last-child{
		border-bottom: 1px solid rgba(225,225,225,0.15);
		}

	.filesharing-item{
		width: 87%;
		}

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