@media (min-width: 960px){

	.left, .alignleft { float:left; display:inline; }
	.right, .alignright { float:right; display:inline; }

	.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

	.al { text-align: left; }
	.ar { text-align: right; }
	.ac { text-align: center; }

	h2 { font-size:25px; line-height:28px; color:#777; }
	h2 { font-family: "Trebuchet MS", Arial, sans-serif;}


	h1 { color:#341401; font-size:32px; padding:55px 0 0 53px; line-height:1; height:120px;}
	h1 span{ display:block; font-size:17px;}
	h1 a{ color:#341401; text-decoration: none;}
	h1 a:hover{ color:#602c0c; }

	.socials a{ position:absolute; font-size:0; line-height:0; top:0; text-indent: -4000px; text-decoration: none;}
	.socials a.facebook-ico{ width:75px; height:76px; background:url(images/facebook.png); top:10px; left:870px;}
	.socials a.twitter-ico{ width:84px; height:89px; background:url(images/twitter.png); top:60px; left:880px;}

	.shell { width:960px; margin:0 auto; }

	#top-r { background:url(images/top-r.jpg) repeat-x 0 0;}
	#top { background:url(images/top.jpg) no-repeat center 0;}

	#header { height:310px; position:relative; }

	.post{
	border: 0px solid #aba;background: none;padding: 0px 0px 0px 0px;margin: 20px 0px 0px 0px;text-align: left;
	}
	.post p{ padding-bottom:15px; }
	.post h2{ padding-bottom:5px; border: 0px solid #aba}

	.portfolio {border: 0px solid #000;padding:15px 0 15px 0; position:relative; }
	.portfolio-holder {border: 0px solid blue;width:896px; height:250px; position:relative; overflow:hidden; left:50px;padding: 0px;}
	.portfolio .jcarousel-clip { width:896px; height:250px; position:relative; overflow:hidden; }
	.portfolio ul{ list-style-type: none; height:250px; position:relative; overflow:hidden; text-align: center; width:896px;}
	.portfolio ul li{ float:left; display:inline; width:210px; height:250px; margin-right:17px; padding:0px;border: 0px solid yellow;}
	.portfolio ul li img{ width:162px; height:134px; }
	.portfolio ul li span{ text-align: right; display:block; padding:0 5px; line-height:18px; }
	.portfolio ul li .image{ height:139px; font-size:0; line-height:0; }

	.portfolio-nav a{ font-size:0; line-height:0; width:40px; height:70px; position:absolute; top:90px; text-indent: -4000px;}
	.portfolio-nav a.prev{ left:0; background:url(images/nav1.png)}
	.portfolio-nav a.prev:hover{ left:0; background:url(images/nav2.png)}
	.portfolio-nav a.next{ right:0; background:url(images/nav3.png)}
	.portfolio-nav a.next:hover{ right:0; background:url(images/nav4.png)}



	.post .portfolio .portfolio-holder ul li a{
	display: block;text-decoration: none;margin: 0px 00px 00px 0px;text-align: left;padding: 15px 15px 15px 15px;width: 180px;height: 210px;
	float: left;border: 0px solid #000;background: url(images/b_02.png) repeat-x left bottom; 
	}
	.post .portfolio .portfolio-holder ul li a:hover{
	background: #fff;box-shadow: 0px 0px 11px #98baed inset;-o-box-shadow: 0px 0px 11px #98baed inset;
	transition-property: background, transform;
	-moz-transition-property: background, transform;-o-transition-property: background, transform;
	-webkit-transition-property: background, transform;transition-duration: 0.7s; 
	-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;

	}
	.post .portfolio .portfolio-holder ul li a .span{
	font-size: 15px;color: #5a5b5f;font-weight: normal;margin: 0px 0px 5px 0px;border: 0px solid #000;text-align: left;
	display: block;padding: 0px 0px 0px 0px;font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	.post .portfolio .portfolio-holder ul li a p{
	font-size: 12px;color: #000;font-style: italic;margin: 0px 0px 10px 0px;border: 0px solid #000;text-align: left;
	display: block;padding: 0px 0px 0px 0px;font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	.post .portfolio .portfolio-holder ul li a img{
	width: 180px;height: 155px;border: 0px solid #f1f5ff;
	-moz-border-radius: 15px 15px 15px 15px;-o-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	}

}

@media (min-width: 747px) and (max-width: 959px){
	
	.post{border: 0px solid #aba;background: none;padding: 0px 0px 0px 0px;margin: 20px 0px 0px 0px;text-align: left;}
	.post p{ padding-bottom:15px; }
	.post h2{ padding-bottom:15px; border: 0px solid #aba;font-family: "Trebuchet MS", Arial, sans-serif;font-size:25px; line-height:28px; color:#777;}
	
	.portfolio {border: 0px solid #000;padding:0px 0px 0px 0px; position:relative; }
	.portfolio-holder {border: 0px solid blue;width:87%; height:250px; position:relative; overflow:hidden; left:40px;padding: 0px;}
	.portfolio .jcarousel-clip { width:87%; height:250px; position:relative; overflow:hidden; }
	.portfolio ul{ list-style-type: none;width:87%; height:250px; position:relative; overflow:hidden; text-align: center; }
	.portfolio ul li{ float:left; display:inline; width:200px; height:250px; margin-right:17px; padding:0px;border: 0px solid yellow;}
	.portfolio ul li img{ width:160px; height:130px; }
	.portfolio ul li span{ text-align: right; display:block; padding:0 5px; line-height:18px; }
	.portfolio ul li .image{ height:139px; font-size:0; line-height:0; }

	.portfolio-nav{ }
	.portfolio-nav a{ font-size:0; line-height:0; width:40px; height:70px; position:absolute; top:90px; text-indent: -4000px;}
	.portfolio-nav a.prev{ left:0; background:url(images/nav1.png)}
	.portfolio-nav a.prev:hover{ left:0; background:url(images/nav2.png)}
	.portfolio-nav a.next{ right:0; background:url(images/nav3.png)}
	.portfolio-nav a.next:hover{ right:0; background:url(images/nav4.png)}

	.post .portfolio .portfolio-holder ul li a{
	display: block;text-decoration: none;margin: 0px 00px 00px 0px;text-align: left;padding: 13px 13px 13px 13px;width: 180px;height: 210px;
	float: left;border: 0px solid #000;background: url(images/b_02.png) repeat-x left bottom; 
	}
	.post .portfolio .portfolio-holder ul li a:hover{
	background: #fff;box-shadow: 0px 0px 11px #98baed inset;-o-box-shadow: 0px 0px 11px #98baed inset;
	transition-property: background, transform;
	-moz-transition-property: background, transform;-o-transition-property: background, transform;
	-webkit-transition-property: background, transform;transition-duration: 0.7s; 
	-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;	}
	.post .portfolio .portfolio-holder ul li a .span{
	font-size: 15px;color: #5a5b5f;font-weight: normal;margin: 0px 0px 5px 0px;border: 0px solid #000;text-align: left;
	display: block;padding: 0px 0px 0px 0px;font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	.post .portfolio .portfolio-holder ul li a p{
	font-size: 12px;color: #000;font-style: italic;margin: 0px 0px 10px 0px;border: 0px solid #000;text-align: left;
	display: block;padding: 0px 0px 0px 0px;font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	.post .portfolio .portfolio-holder ul li a img{
	width: 180px;height: 155px;border: 0px solid #f1f5ff;
	-moz-border-radius: 15px 15px 15px 15px;-o-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	}
}

@media (max-width: 746px){
	
	.post{border: 0px solid #aba;background: none;padding: 0px 0px 0px 0px;margin: 20px 0px 0px 0px;text-align: left;}
	.post p{ padding-bottom:15px; }
	.post h2{ padding-bottom:15px; border: 0px solid #aba;font-family: "Trebuchet MS", Arial, sans-serif;font-size:25px; line-height:28px; color:#777;}
	
	.portfolio {border: 0px solid #000;padding:0px 0px 0px 0px; position:relative; }
	.portfolio-holder {border: 0px solid blue;width:87%; height:250px; position:relative; overflow:hidden; left:40px;padding: 0px;}
	.portfolio .jcarousel-clip { width:87%; height:250px; position:relative; overflow:hidden; }
	.portfolio ul{ list-style-type: none;width:87%; height:250px; position:relative; overflow:hidden; text-align: center; }
	.portfolio ul li{ float:left; display:inline; width:200px; height:250px; margin-right:17px; padding:0px;border: 0px solid yellow;}
	.portfolio ul li img{ width:160px; height:130px; }
	.portfolio ul li span{ text-align: right; display:block; padding:0 5px; line-height:18px; }
	.portfolio ul li .image{ height:139px; font-size:0; line-height:0; }

	.portfolio-nav{ }
	.portfolio-nav a{ font-size:0; line-height:0; width:40px; height:70px; position:absolute; top:90px; text-indent: -4000px;}
	.portfolio-nav a.prev{ left:0; background:url(images/nav1.png)}
	.portfolio-nav a.prev:hover{ left:0; background:url(images/nav2.png)}
	.portfolio-nav a.next{ right:0; background:url(images/nav3.png)}
	.portfolio-nav a.next:hover{ right:0; background:url(images/nav4.png)}

	.post .portfolio .portfolio-holder ul li a{
	display: block;text-decoration: none;margin: 0px 00px 00px 0px;text-align: left;padding: 13px 13px 13px 13px;width: 180px;height: 210px;
	float: left;border: 0px solid #000;background: url(images/b_02.png) repeat-x left bottom; 
	}
	.post .portfolio .portfolio-holder ul li a:hover{
	background: #fff;box-shadow: 0px 0px 11px #98baed inset;-o-box-shadow: 0px 0px 11px #98baed inset;
	transition-property: background, transform;
	-moz-transition-property: background, transform;-o-transition-property: background, transform;
	-webkit-transition-property: background, transform;transition-duration: 0.7s; 
	-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s;	}
	.post .portfolio .portfolio-holder ul li a .span{
	font-size: 15px;color: #5a5b5f;font-weight: normal;margin: 0px 0px 5px 0px;border: 0px solid #000;text-align: left;
	display: block;padding: 0px 0px 0px 0px;font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	.post .portfolio .portfolio-holder ul li a p{
	font-size: 12px;color: #000;font-style: italic;margin: 0px 0px 10px 0px;border: 0px solid #000;text-align: left;
	display: block;padding: 0px 0px 0px 0px;font-family: Century Gothic, Arial, Helvetica, sans-serif;
	}
	.post .portfolio .portfolio-holder ul li a img{
	width: 180px;height: 155px;border: 0px solid #f1f5ff;
	-moz-border-radius: 15px 15px 15px 15px;-o-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	}
}