@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);

/* Fade in animation*/
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}​

@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}​

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
body,
button,
input,
select,
textarea {
    color:rgba(34,34,34);
}
html{
	background:url(/img/bg-body3.jpg) #ffe9ce;	
}

body {
    font-size: 16px;
    line-height: 1.6;
	font-weight:400;
	font-family: 'Open Sans',Arial,sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


.responsive{
	width: 100% !important;
	height: auto !important;	
}

strong, b{
	font-weight:700;	
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#bar-preview{
	width:100%; 
	height:25px;
	padding:5px 0 0 0;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background:#000;
}


/* 12 column lay-out
   First apply a natural box layout model to all elements
   Create row with clearfix */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.lt-ie8 .row { zoom: 1; }


.row{
	position:relative;
	clear:both;
    margin:0 auto;
    max-width:1500px;
	padding: 0 20px;	
}

.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12{
	float:left; 
	position:relative;
	padding:0 10px;
}

.span-1  { width:8.33%; }
.span-2  { width:16.66%; }
.span-3  { width:25%; }
.span-4  { width:33.33%; }
.span-5  { width:41.66%; }
.span-6  { width:50%; }
.span-7  { width:58.33%; }
.span-8  { width:66.66%; }
.span-9  { width:75%; }
.span-10 { width:83.33%; }
.span-11 { width:91.66%; }
.span-12 { width:100%; }

.center{
	margin:0 auto;
	float:none;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background:#000;
}
.responsive-video p{
	margin:0;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Base styles */
p, ul, ol, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0 0 20px 0;
}
h1, h2, h3, h4, h5, h6{
	font-size:14px;
	line-height:1;
}
h1{
	font-size:60px;
	text-transform:uppercase;
}
h2{
	font-size:20px;
	text-transform:uppercase;
	margin:40px 0 5px 0;
}
h3{
	font-size:16px;
	text-transform:uppercase;
	margin:30px 0 5px 0;
}
ul, ol{
	list-style:none;	
}
li{
	padding-left:0;
	background:none;
}
address{
	font-style:normal;	
}

a{
	color:#044952;	
	outline:none;
}

address{
	text-align:center;
	font-size:14px;
	padding-top:8px;
	border-top:1px solid #dadada;	
}
address a:hover{
	text-decoration:none;	
}

button, input, select, textarea {
	font-family: Arial,sans-serif;	
}

input[type="text"],
textarea,
select{
	padding:3px;
	border:1px solid #e4d2c0;
}
input[type="submit"]{
	padding:7px 14px;
	color:#FFF;
	background:#000;
	font-weight:400;
	border:none;
	font-size:16px;
	margin-left:85px;
}
img{
	display:inline-block;
}

table{
	display:inline-block;
	border-collapse:collapse;
	height:auto !important;
	width:auto !important;
	margin:20px 0 20px 0;
	font-size:14px;
}
th,
td{
	text-align:left;
	vertical-align:top;	
	padding:7px;
	border-top:1px dashed #272727;
	border-bottom:1px dashed #272727;
}
th{
	padding-right:20px;	
}


.ui-tabs-panel li{
	display:block;
	/*margin-bottom:-1px;*/
	padding:3px 15px;
	/*border-top:1px dashed #272727;	
	border-bottom:1px dashed #272727;	*/
}

.ui-tabs-panel i,
.ui-tabs-panel em{
	color:#444;
}

.max-text a{
	color:#000;
	text-decoration:none;
	border-bottom:1px dashed #272727;
}
.max-text a:hover{
	border-bottom:none;
}

/* Formbuilder form */
form.frm-bldr{
	margin-top:20px;	
}
form.frm-bldr li{
	padding:0;
	background:none;
}
form.frm-bldr label,
form.frm-bldr .false_label{
	display:inline-block;
	min-width:150px;
	vertical-align:top;
}
form.frm-bldr input[type="submit"]{
	margin-top:15px;
	margin-left:155px;
}
form.frm-bldr input[type="text"],
form.frm-bldr select{
	min-width:200px;	
	margin-bottom:7px;
}

form.frm-bldr .multi-row{
	display:inline-block;
	margin:3px 0 7px 0;
}
form.frm-bldr .multi-row span.row{
	display:inline-block;
	margin-right:10px;
}
form.frm-bldr .radio label{
	display:inline;
	position:relative;
	top:-1px;
}
form.frm-bldr .radio input{
	margin-right:7px;
}

form.frm-bldr div.alert{
	display:inline-block;
	margin-bottom:7px;
}
form.frm-bldr .alert input[type="text"],
form.frm-bldr .alert textarea{
	border-color:#cf4e2b;
	margin-bottom:0;
}
form.frm-bldr .alert span{
	clear:left;
	display:block;
	width:auto;
	color:#cf4e2b;
}

/* Cycle banner slideshow */ 
.cycle{
	width:100%;	
}
.cycle .slide{
	display:none;
	width:100%;	
}
.cycle .slide.first{
	display:block;	
}
.cycle-pager{
	padding-top:14px;
	margin-bottom:30px;
	text-align:center;	
}
.cycle-pager span{
	display:inline-block;
	width:24px;
	height:24px;
	margin:0 3px;
	cursor:pointer;
	border-radius:50%;
	border:2px solid #3b3b3b;
}
.cycle-pager span:hover{
	opacity:.8;
}
.cycle-pager span.image:after{
	display:block;
	content:' ';
	width:12px;
	height:12px;
	margin:4px;
	border-radius:50%;
	background:#3b3b3b;
}
.cycle-pager span.video:after{
	display:block;
	content:' ';
	width:0; 
	height:0;
	margin:4px 0 0 6px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:11px solid #3b3b3b;
}
.cycle-pager span.image.cycle-pager-active:after{
	background:#000;
}
.cycle-pager span.video.cycle-pager-active:after{
	border-left:11px solid #000;
}
.cat-1 .cycle-pager span.image.cycle-pager-active:after{
	background:#ff0000;
}
.cat-1 .cycle-pager span.video.cycle-pager-active:after{
	border-left:11px solid #ff0000;
}
.cat-2 .cycle-pager span.image.cycle-pager-active:after{
	background:#339900;
}
.cat-2 .cycle-pager span.video.cycle-pager-active:after{
	border-left:11px solid #339900;
}
.cat-3 .cycle-pager span.image.cycle-pager-active:after{
	background:#006dc7;
}
.cat-3 .cycle-pager span.video.cycle-pager-active:after{
	border-left:11px solid #006dc7;
}
.cat-5 .cycle-pager span.image.cycle-pager-active:after{
	background:#ffb300;
}
.cat-5 .cycle-pager span.video.cycle-pager-active:after{
	border-left:11px solid #ffb300;
}


.pager{
	text-align:center;
	margin-bottom:10px;
}
.pager a{
	display:inline-block;
	width:18px;
	height:18px;
	margin:0 3px;
	cursor:pointer;
	border-radius:50%;
	border:1px solid #8e8e8e;
}
.pager a:hover{
	opacity:.8;
}
.pager a:after{
	display:block;
	content:' ';
	width:8px;
	height:8px;
	margin:4px;
	border-radius:50%;
	background:#3b3b3b;
}
.pager.cat-1  a:after{
	background:#ff0000;
}
.pager.cat-2 a:after{
	background:#339900;
}
.pager.cat-3 a:after{
	background:#006dc7;
}

.prev.switch-page,
.next.switch-page{
	position:absolute;
	display:block;
	top:200px;
	width:34px;
	height:34px;
	cursor:pointer;
	border-radius:50%;
	border:2px solid #8e8e8e;
	background:#202020;
}
.prev.switch-page{
	right:-5px;
}
.next.switch-page{
	top:250px;
	right:-5px;	
}
.prev.switch-page:hover,
.next.switch-page:hover{
	opacity:.8;
}
.next.switch-page:after{
	display:block;
	content:' ';
	width:0; 
	height:0;
	margin:6px 0 0 9px;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-left:16px solid #3b3b3b;	
}
.prev.switch-page:after{
	display:block;
	content:' ';
	width:0; 
	height:0;
	margin:6px 0 0 5px;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-right:16px solid #3b3b3b;	
}
.next.switch-page.cat-1:after{
	border-left-color:#ff0000;
}
.next.switch-page.cat-2:after{
	border-left-color:#339900;
}
.next.switch-page.cat-3:after{
	border-left-color:#006dc7;
}
.prev.switch-page.cat-1:after{
	border-right-color:#ff0000;
}
.prev.switch-page.cat-2:after{
	border-right-color:#339900;
}
.prev.switch-page.cat-3:after{
	border-right-color:#006dc7;
}




.caption{
	position:absolute;
	bottom:0;
	right:0;
	padding:5px 15px;
	font-size:12px;
	color:#FFF;
	background:rgba(0,0,0,.4);	
}

/* Tabs */
.tabs {
	margin-bottom:20px;	
}
.tabs .ui-tabs-nav{
	position:relative;
	padding-bottom:20px;
	text-align:center;
	z-index:1;
	background:url(/img/footer-line.png) no-repeat center bottom;
}
.tabs .ui-tabs-nav li{
	display:inline-block;
	font-size:20px;
	background:none;
}
.tabs .ui-tabs-nav li.ui-tabs-active,
.tabs .ui-tabs-nav li.ui-tabs-active a:hover{
	font-weight:bold;
	opacity:1;
}
.tabs .ui-tabs-nav li a{
	display:block;
	padding:6px 20px;
	color:#000000;
	text-decoration:none;
	outline:none;
}
.tabs .ui-tabs-nav li a:hover{
	opacity:.5;
}
.tabs .ui-tabs-panel{
	clear:left;	
	position:relative;
	padding:10px;
	text-align:center;
}

/* Navigation base styles */
nav ul{
	margin-bottom:0;	
}
nav.horizontal li{
	float:left;
	position:relative;
	padding:0;
	background:none;
}
nav.horizontal a{
	display:block;
	min-height:75px;
	padding:21px 15px 7px;
	margin:0 0 5px;
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	border-bottom:3px solid transparent;
	outline:none;
}
nav.horizontal a span{
	display:block;
	font-size:10px;
	font-weight:400;
}

nav.horizontal a.active,
nav.horizontal a:hover{
	color:#7b7b7b;
}
nav.horizontal li ul{
	display:none;
	position:absolute;
	min-width:100%;
	left:0;
	margin:0;
	background:#e5e5e5;
	z-index:101;
}
nav.horizontal li:hover>ul{
	display:block;
}
nav.horizontal li ul li{
	float:none;
}
nav.horizontal li ul li ul{
	left:100%;
	top:0;
}

.nav-item-12 a:hover,
.nav-item-12 a.active{
	background:url('/img/border-r.png') center bottom no-repeat;
	/*border-bottom:3px solid #ff0000;*/
}
.nav-item-225 a:hover,
.nav-item-225 a.active{
	/*border-bottom:3px solid #339900;*/
	background:url('/img/border-g.png') center bottom no-repeat;
}
.nav-item-226 a:hover,
.nav-item-226 a.active{
	/*border-bottom:3px solid #006dc7;*/
	background:url('/img/border-b.png') center bottom no-repeat;
}

#search-results h3{
	margin-bottom:-5px;	
}
#search-results h3 a{
	text-decoration:none;
	font-weight:normal;
}
#search-results .url{
	text-decoration:none;
	color:#999;
	font-size:.9em;
}

/* Block styles */
header,
#main,
footer{
	clear:both;	
}
header{
	background:#000;
}

body{
	background:url("/img/bg-body3.jpg");	
}
#main-wrap{
	position:relative;
	margin-bottom:170px;
	background:url(/img/footer-line.png) no-repeat center bottom;
	z-index:1;	
}

.gradient{
	/*background:radial-gradient(circle at 50% 100%,transparent 78%,rgba(49,99,79,0.3));*/
	background:linear-gradient(35deg,transparent 80%,rgba(49,99,79,0.2)), linear-gradient(-35deg,transparent 80%,rgba(49,99,79,0.2));
}

footer{
	position:fixed;
	bottom:0;
	width:100%;
	padding-top:30px;
	text-align:center;
	z-index:-1;	
}

.pad-top{
	padding-top:30px;
}



#logo{
	padding:15px 15px 15px 0;	
}


#main-nav-switch {
	display:none;
	position:absolute;
	right:110px;
	margin-top:19px;
	padding:4px 7px 3px 7px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
    z-index: 10;
	cursor:pointer;
	background:#999999
}


#search {
    border: 1px solid #DBDBDB;
    float: left;
    margin-right: 7px;
    position: relative;
}
#search_img {
    cursor: pointer;
    padding: 6px;
}
#search_container {
    display: none;
    position: absolute;
    right: -1px;
    top: 25px;
    width: 300px;
    z-index: 20;
}
#search form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBDBDB;
    padding: 5px;
    width: 100%;
}
#search #search_btn {
    background: url("/img/search.png") no-repeat scroll 6px 4px #FFFFFF;
    border: medium none;
    float: right;
    text-indent: -9999px;
    width: 30px;
}
#search form span {
    display: block;
    overflow: hidden;
    padding: 0 5px;
}
#search #search_field {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #616161;
    font-size: 14px;
    width: 100%;
}
#languages {
    right:20px;
    position: absolute;
	margin-top:18px;
    z-index: 102;
}
#languages li {
    display:inline-block;
	padding:0 0 0 5px;
}
#languages li a {
    display:inline-block;
	width:25px;
	height:22px;
	padding:2px 0 1px 0;
	font-size:12px;
	font-weight:bold;
	border-radius:50%;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#999;
    background:#000;
}
#languages li a.active {
	color:#000;
    background:#999999;
}


#scroll-down{
	position:fixed;
	bottom:0;
	left:50%;
	padding:10px 15px;;
	margin:0 0 0 -27px;
	cursor:pointer;
	background:#000000;
	z-index:9999;
}
#scroll-down:after{
	display:block;
	content:' ';
	width:0; 
	height:0;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	border-top:12px solid #3b3b3b;	
}
.cat-1 #scroll-down:after{
	border-top-color:#ff0000;
}
.cat-2 #scroll-down:after{
	border-top-color:#339900;
}
.cat-3 #scroll-down:after{
	border-top-color:#006dc7;
}


/* RS nav default */
.rsnav{
	clear:both;
	padding:13px 0;
}
.rsnav a{
	display:block;
	width:23px;
	height:23px;
	margin-right:7px;
	text-align:center;
	background:#FFF;
	border:1px solid #DBDBDB;
	color: #616161;
}
.rsnav div{
	display:table;
	margin:0 auto;
}
.rsnav div span{
	float:left;
	display:table-cell;
	margin-right:7px;
}
.rsnav div a{
	float:left;
	display:table-cell;
	padding:2px 2px 0 2px;
	color:#616161;
	text-decoration:none;
}
.rsnav div a.active,
.rsnav div a:hover{
	background:#F4F4F4;
}
.rsnav .back{
	float:left;
	background: url('/img/previous.png') no-repeat center center #FFF;
	text-indent: -9999px;
}
.rsnav .next{
	float:right;
	background: url('/img/next.png') no-repeat center center #FFF;
	text-indent: -9999px;
}

/*project page nav*/
.pagenav{
	position:absolute;
	right:25px;
	margin-top:14px;
	z-index:101;
	color:#3b3b3b;
}
.pagenav span{
	position:relative;
	top:-5px;
	margin-right:5px;
	font-weight:bold;
	text-transform:uppercase;	
}
/*.pagenav .fixed{
	position:fixed;
	z-index:99;
}*/
.pagenav a{
	display:inline-block;
	width:24px;
	height:24px;
	margin:0 3px;
	cursor:pointer;
	border-radius:50%;
	border:2px solid #3b3b3b;
}
.pagenav a.next:after{
	display:block;
	content:' ';
	width:0; 
	height:0;
	margin:4px 0 0 6px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:11px solid #3b3b3b;	
}
.pagenav a.prev:after{
	display:block;
	content:' ';
	width:0; 
	height:0;
	margin:4px 0 0 3px;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-right:11px solid #3b3b3b;	
}

.pagenav a:hover{
	opacity:.8;
}

/*#filter {
	margin-top:10px;	
}
#filter span{
	font-size:16px;
	color:#A6A6A6;
	float:left;
	padding-right:10px;
}

#filter ul{
	margin-bottom:0;
}
#news-overview #filter ul{
	margin-left:50px;	
}
#filter li{
	display:inline-block;
	margin:0 5px 5px 0;
	padding:1px 10px 3px;
	color:#FFF;
	background:#C6C6C6;	
	cursor:pointer;
}
#filter li:hover,
#filter li.active{
	background:#A6A6A6;	
}
#filter a{
	color:#FFF;
	text-decoration:none;	
}*/

/* PAGE */

#ajax-projects{
	display:none;
	clear:both;	
	background:#202020;
}
#ajax-projects .span-12{
	padding:0 30px;
}
#ajax-projects ul{
	padding:15px 0 0 0;	
}

#ajax-projects .img-list li a h2,
#ajax-projects .img-list li a h3{
	color:#FFF;
}
#ajax-projects .img-list li a p{
	color:#707070;
}

#lower h2{
	text-align:center;
	margin:30px 0 0 0;	
}

#projectdetail{
	text-align:center;	
}

footer a{
	color:#000;
	text-decoration:none;	
}
footer a:hover{
	text-decoration:underline;	
}

#social-links a{
	display:inline-block;
	margin:0 5px; 	
}
#social-links a:hover{
	opacity:.8;
}

#copy{
	text-align:center;
	font-size:12px;	
}

/* Templates */
#home #banner{
    -webkit-animation: fadein .7s; 
       -moz-animation: fadein .7s; 
        -ms-animation: fadein .7s; 
         -o-animation: fadein .7s; 
            animation: fadein .7s;	
}

#tpl-home #main{
	text-align:center;	
}
#tpl-home #lower h2{
	margin-bottom:20px;
}

#home h2{
	text-align:center;
	margin:25px 0 10px 0;
}

#tpl-default #main-content{
	padding-top:50px;	
}


.img-list{
	margin-bottom:0;	
}
.img-list li{
	display:inline-block;
	vertical-align:top;
	padding:0 10px 25px 10px;
	width:33.33%;
	background:none;
	
    -webkit-animation: fadein .7s; 
       -moz-animation: fadein .7s; 
        -ms-animation: fadein .7s; 
         -o-animation: fadein .7s; 
            animation: fadein .7s;
			
}


.img-list li a,
.img-list li a h2,
.img-list li a h3{
	color:#000;
	text-decoration:none;
}
.img-list li a h2,
.img-list li a h3{
	font-size:16px;	
	margin:5px 0 0 0;
}
.img-list li a p{
	font-size:14px;
	margin-bottom:0;	
}

.img-list li a:hover{
	opacity:.8;	
}


#widgets .widget{
	float:left;
	width:33.33%;
}
#widgets h2{
    display: block;	
	margin:0 10px;
	padding: 5px 0 7px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;  
    text-align: center;
    text-transform: uppercase;
	background:#000000;
}
#widgets .img-list li{
	width:100%;
}


/* Author Helper classes */

.span-12.border-bottom{
	margin-bottom:20px;
}

.border-row{
	background:url("/img/footer-line.png") no-repeat center top;
	padding-top:30px;
}


.circle{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;
}
.right{
	float:right;	
}

.max-text{
	max-width:750px;
	padding:0 15px;
	margin:0 auto;	
}

.error{
	display:block;
	color:#CC0033;
}
#hmn{
	display:none;	
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}
.lt-ie8 .ir {
    text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.lt-ie8 .clearfix {
    zoom: 1;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 900px) {
	.row{
		padding-left:10px;
		padding-right:10px;
	}

	#main-nav-switch{
		display:block;	
	}
	#main-nav{
		width:100%;
	}
	#main-nav ul{
		display:none;
		border-top:1px solid #202020;
	}
	nav.horizontal li{
		float:none;	
		border-bottom:1px solid #202020;
	}
	nav.horizontal a{
		padding:5px 0;
		margin:0;
		min-height:0;
		text-align:left;
	}
	nav.horizontal a.active, 
	nav.horizontal a:hover{
		background-image:none;
	}
	nav.horizontal a span{
		display:inline;	
	}
	
	#main-wrap{
		margin-bottom:200px;	
	}
}

@media only screen and (max-width: 750px) {
	
	#ajax-projects .span-12{
		padding:0 10px;
	}
	
	.img-list li{
		width:50%;	
	}
	#widgets .widget{
		width:100%;	
	}
	
	.prev.switch-page, 
	.next.switch-page{
		top:auto;
		bottom:7px;
		margin:0 5px;	
	}
	
	#main-wrap{
		margin-bottom:240px;	
	}

}

@media only screen and (max-width: 500px) {
	.row{
		padding-left:5px;
		padding-right:5px;
	}
	#logo img{
		max-width:140px;	
	}
	#main-nav-switch {
		right:100px;
	}
	
	h1{
		font-size:50px;	
	}
	
	.img-list li{
		width:100%;	
	}
	
	.cycle-pager{
		margin-bottom:80px;
	}
	.pagenav{
		width:140px;
		right:50%;
		margin-right:-70px;
		text-align:center;
		margin-top:70px;	
	}
	.pagenav a.prev{
		float:left;	
	}
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /* Don't show links for images, or javascript/internal links */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}