/*	Resets
	------	*/
nav { margin: 0; padding: 0; border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }
a img { border: 0; }

/*	Typography presets
	------------------	*/
.gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; }
.huge { font-size: 68px; line-height: 72px; letter-spacing: -1px; }
.large { font-size: 42px; line-height: 48px; }
.bigger { font-size: 26px; line-height: 36px; }
.big { font-size: 22px; line-height: 30px; }
/* body { font: 13px/1.5em Helvetica, Arial, sans-serif; } */
.small, small { font-size: 13px; line-height: 18px; }

/* Selection colours (easy to forget) */

::selection {
background: rgb(255,255,158);
}
::-moz-selection {
background: rgb(255,255,158);
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body { -webkit-tap-highlight-color: rgb(255,255,158); }
body { -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ }

/* navigation */
.selectnav { display: none; }

/* colums */
.columns:after { clear: both; content: ""; display: block; }
.columns { width: 100%; }
.columns > div { float: left; vertical-align: top; }
.columns > div:first-child, .columns > article:first-child { margin-left: 0; }
.columns > div:last-child, .columns > article:last-child { margin-right: 0; }
.columns > div, .columns > article { float: left; vertical-align: top; }

/* content_blog */
.content_blog { width:46%; float:left; margin:2%; }
.content_blog:after { clear: both; content: ""; display: block; }
.content_blog ul { float:left; width:49%; margin:10px 1% 10px 0; }

/* Search */
.search { width:200px; padding:5px 15px 5px 0; margin:20px 0 0 0; float:right; }
#search span { width:200px; display:block; margin:0; padding:0; border:1px solid #eaeaea; background:#fff; height:28px; }
#search input#s { float:left; width:90%; padding:6px 0; margin:0; border:none; background:none; color:#333; text-transform: none; font-size:12px; line-height:16px; text-indent:10px }
#search .btn { text-indent:-9999px; padding:0; height:28px; margin:0; border:0; width:10%; background:URL(images/search.png) no-repeat center; }

/* footer box */
.prefooter_box:after { clear: both; content: ""; display: block; }
.prefooter_box { width: 100%; margin:0 3% 0 0; }
.prefooter_box > div { float: left; vertical-align: top; }
.prefooter_box > div:first-child, .prefooter_box > article:first-child { margin-left: 0; }
.prefooter_box > div:last-child, .prefooter_box > article:last-child { margin-right: 0; }
.pref_box { width:31%; float:left; margin:3% 3.3333% 3% 0; padding:0; }
.pref_box.about{margin-right:90px;}
.pref_box.contact{width:150px;}
.pref_box p{color:#a9a9a9; font-size:12px; }
.pref_box a{color:#5cb8b8!important; text-decoration:none;}
.pref_box p.bold{font-weight:bold;}
.pref_box .tit {margin-bottom:20px; color:#fff; font-size:18px; margin-top: 30px;}
.pref_box.last { margin:3% 0 3% 0; }
.Flickr { width:20%;  margin:3% 5.3333% 3% 0;}

@media only screen and (max-width: 1024px) {	
.cols2 { width:99%;}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {	
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	.col4 {width:47%; margin:0% 3% 2% 0;}
	.col4.last {width:47%; margin:2% 3% 2% 0;}
	.col4:nth-child(2n) { margin:0% 0 2% 3%;}
	
	.colums_box.project img { width:100%;}
	.colums_box.project img.z { width:auto;}	
	
	.home_text h1 { font-size:14px !important;}
	.home_text h1 small { font-size:12px !important;}
.colums_box{width:90%; float:left; margin:1% 0% 0% 0; padding:0;  text-align:center; }	
.pref_box { width:90%; float:left; margin:1% 0% 0% 0; padding:0; min-height:210px; text-align:center; }
.pref_box.last { width:90%; float:left; margin:1% 0 0% 0; padding:0; }
.Flickr {   margin:3% 0 3% 0;}


.nivo-directionNav{width:760px; margin-left:-380px;}
.nivo-controlNav{width:760px; margin-left:-380px;}	

.colums_box.project:hover {border:none;}
.now_page{margin-top:0;}



}



@media only screen and (min-width: 481px) and (max-width: 767px) {	
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	.col4 {width:90%; margin:0% 3% 2% 0;}
	.col4.last {width:90%; margin:2% 3% 2% 0;}
	.col4:nth-child(2n) { margin:0% 0 2% 3%;}
	.colums_box.project img { width:100%;}
	.colums_box.project img.z { width:auto;}
	.colums_box.no_bg img {}
	
.pref_box { width:90%; float:left; margin:1% 1% 0% 0; padding:0;  min-height:210px; text-align:center;}
.pref_box.last { width:90%; float:left; margin:1% 0 0% 0; padding:0; }
.colums_box{width:90%; float:left; margin:1% 0% 0% 0; padding:0;  text-align:center; }	

.Flickr {  margin:3% 0 3% 0;}
	
	.home_text h1 { font-size:14px !important; margin-bottom:-30px;}
	.home_text h1 small { font-size:12px !important;}
	
	.widget_side_box { display:inline-block; width:47%; margin:2% 1%; vertical-align:top;}
	
.nivo-directionNav{width:480px; margin-left:-240px;}
.nivo-controlNav{display:none;}	

.colums_box.project:hover {border:none;}
.col2 {width:99%;}
.now_slider{margin-top:0;}
.logo{float:none; text-align:center; margin-top: 0;}
.now_page{margin-top:0;}

.nivo-caption {font-size:9px;  position:absolute;  bottom:50%; color:#ffffff;  z-index:8;  overflow: hidden; width:600px; left:50%; margin-left:-300px; text-align:center;}
.nivo-caption h4 {font-size:30px;}
}

@media only screen and (max-width: 767px) {	
	.body_res nav { width:94%; padding:5px 0; margin:0 3%; float:none; }
	.body_res #menu-topnav { display: none; }
	.body_res .selectnav { display: block; width:100%; padding:0; background:#FFF; padding:3px 5px; font-size: 16px; border: 1px solid #eaeaea; height: 30px; }
	.body_res .selectnav option { font-size:14px; padding:5px; }	
	.colums_box.no_bg {width: 43%; margin-bottom:15px;}
        .colums_box.no_bg.last {width: 43%;}
	.search { width:94%; padding:0 0 5px 0; margin:0 3%; float:none; }
	#search span { width:100%; margin:0 -1px; }
	#search input#s { width:95%; }
	#search .btn { width:5%; }
	
	.home_text { display:none;}
	.slider { width:100% !important;}
	

	.content_text {text-align:center;}
	.content_text img { float:none; margin:1% auto 0; text-align:center;}
	
	.side_big { width:96%; float:none;}
	.side_small { width:96%; float:none;}
	
.nivo-directionNav{width:480px; margin-left:-240px;}
.nivo-controlNav{display:none;}	

.colums_box.project:hover {border:none;}
.col2 {width:99%;}
.now_slider{margin-top:0;}
.logo{float:none; text-align:center; margin-top: 0;}
.now_page{margin-top:0;}

.nivo-caption{display:none!important;}
#contactform_main textarea {width: 80%;}
.colums_box{width:90%; float:left; margin:1% 0% 0% 0; padding:0;  text-align:center; }	

}

@media only screen and (max-width: 530px) {
.cols2 .img_hover_box { display:none; }
	.cols2 .texter { width:99%;}
}

	
	
	@media only screen and (max-width: 480px) {
	/* Target portrait smartphones */	
	.col4 {width:99%; margin:2% 3% 0% 0;}
	.col4.last {width:99%; margin:2% 3% 0% 0;}
	.col4:nth-child(2n) { margin:2% 0 2% 0%;}
	.col2 {width:99%; margin:2% 3% 0% 0;}
	.col2.last {width:99%; margin:2% 0% 0% 0;}
	.colums_box.project {width:99%; margin:2% 3% 2% 0;}
	.colums_box.project.last {width:99%; margin:2% 3% 2% 0;}
	.colums_box.no_bg {width: 100%;}
        .colums_box.no_bg.last {width: 100%;}
	.pref_box {width:99%; margin:2% 0;}
	.pref_box.last {width:99%; margin:2% 0;}
	
	.content_blog {width:96%; margin:2%; float:none;}
	.content_blog ul { width:98%; margin:1%; float:none;}
	
	.widget_side_box { float:none; width:98%; margin:2% 1%;}

	
/*.nivo-directionNav{display:none;}
.nivo-controlNav{display:none;}*/	

.nivo-caption{display:none!important;}

.colums_box.project:hover {border:none;}
.col2 {width:99%;}
body{overflow-x:hidden;}
.col2_text{font-size:9px;}
	footer{text-align:center;}
	.pref_box{text-align:center;}
	h2.op a {font-size:10px!important;}
	.now_slider{margin-top:0;}
	.logo{float:none; text-align:center; margin-top: 0;}
	.now_page{margin-top:0;}
        #contactform_main textarea {width: 75%;}
}