/* responsive Queries */

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

.box{

	width:960px;

}

}



/* For iPad Portrait Mode */

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

.box{

	width:758px;

}

.social {

	width:98px;

}

ul.gallery-thumbnail {

	width:798px;

}

h2.tagline{

	margin:0 0 70px 0;

}

#leftcol {

	width:428px;

}

#footer{

	min-height:50px;

}

#footer .block{

	width:100%;

	display:block;

}

#footer ul{

	float:left;

}

#footer li{

	padding:10px 20px 0 0;

}

#slider{

	background-image:url(images/bg_shadow_med.png);

	padding-bottom:31px;

	margin-bottom:12px;

}

#slider img{

	border-width:8px;

	width:741px;

}

#slider .arrows a{

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

	margin-top:-18px;

	width:38px;

	height:37px;

}

#slider .rightarrow a{

	background-position:right top;

}

}





/* For iPhone Portrait Mode */

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

.box{

	width:302px;

	overflow:hidden;

}



#navigation ul{

	display:none;

}

.select{width:302px;background:url(images/bg_selects.png) no-repeat;}



#navigation select, #navigation .select { display: inline-block;}

#topbar{

	height:110px;

}

#topbar .box{

	width:100%;

}

#navigation{

	width:100%;

	padding:17px 0 16px 0;

}

.social{

	background:#333;

	width:100%;

	overflow:hidden;

}

.insider{

	width:302px;

	margin:0 auto;

}

ul.gallery-thumbnail {

	width:332px;

	margin-right:-30px;

}

ul.gallery-thumbnail li{

	margin-right:30px;

}

ul.gallery-thumbnail li img{

	width:122px;

	height:122px;

}

ul.gallery-thumbnail li .overlay {

	width:102px;

	height:102px;

}

h2.tagline{

	margin:20px 0 80px 0;

	font-size:14px;

}

#logo b {

	font-size:10px;

}

#logo{

	font-size:17px;

}

#leftcol, #rightcol {

	width:100%;

	padding:0;

}

#rightcol{

	margin-top:10px;

}

.widget .input, .widget input[type="text"]{

	width:230px;

}

#footer{

	min-height:100px;

	line-height:18px;

}

#footer .block{

	width:100%;

	display:block;

}

#footer ul{

	float:left;

}

#footer li{

	padding:10px 20px 0 0;

	line-height:15px;

}

#footer li:last-child{

	padding-right:0;

}

.content .imgb{

	display:none;

}

h2.item-info span{

	padding-right:0;

	display:block;

}

.pagination{

	padding-bottom:20px;

}

#slider{

	background-image:url(images/bg_shadow_vsmall.png);

	padding-bottom:11px;

	margin-bottom:27px;

}

#slider img{

	border-width:3px;

	width:294px;

}

#slider .arrows a{

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

	margin-top:-8px;

	width:17px;

	height:17px;

}

#slider .leftarrow a{

	left:7px;

}

#slider .rightarrow a{

	background-position:right top;

	right:7px;

}

}



/* For iPhone Landscape Mode */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.box{

	width:355px;

}

#navigation ul{

	display:none;

}

.select{width:355px;background:url(images/bg_select.png) no-repeat;}



#navigation select, #navigation .select { display: inline-block;}

#topbar{

	height:110px;

}

#topbar .box{

	width:100%;

}

#navigation{

	width:100%;

	padding:17px 0 16px 0;

}

.social{

	background:#333;

	width:100%;

	overflow:hidden;

}

.insider{

	width:355px;

	margin:0 auto;

}

ul.gallery-thumbnail {

	width:405px;

	margin-right:-50px;

}

ul.gallery-thumbnail li{

	margin-right:50px;

}

ul.gallery-thumbnail li img{

	width:135px;

	height:135px;

}

ul.gallery-thumbnail li .overlay {

	width:115px;

	height:115px;

}

h2.tagline{

	margin:20px 0 80px 0;

	font-size:16px;

}

#logo b {

	font-size:10px;

}

#logo{

	font-size:17px;

}

#leftcol, #rightcol {

	width:100%;

	padding:0;

}

#rightcol{

	margin-top:10px;

}

#footer{

	min-height:50px;

}

#footer .block{

	width:100%;

	display:block;

}

#footer ul{

	float:left;

}

#footer li{

	padding:10px 20px 0 0;

}

#footer li:last-child{

	padding-right:0;

}

.content .imgb{

	display:none;

}

h2.item-info span{

	padding-right:20px;

	display:inline;

}

.pagination{

	padding-bottom:20px;

}

.widget .input, .widget input[type="text"]{

	width:283px;

}

#slider{

	background-image:url(images/bg_shadow_small.png);

	padding-bottom:13px;

	margin-bottom:25px;

}

#slider img{

	border-width:4px;

	width:345px;

}

#slider .arrows a{

	background:url(images/arrows_small.png) no-repeat;
	
	margin-top: -9px;

	width:19px;

	height:19px;

}

#slider .leftarrow a{

	left:10px;

}

#slider .rightarrow a{

	background-position:right top;

	right:10px;

}

}





/* For Below iPad Portrait Mode */

@media only screen and (min-width: 615px) and (max-width: 769px) {

.box{

	width:555px;

	overflow:hidden;

}

#navigation{

	width:100%;

	padding:0;

}

#navigation ul{

	display:block;

}



#navigation select, #navigation .select {

	display: none;

}

#topbar{

	height:auto;

	min-height:80px;

}

#topbar .box{

	overflow:visible;

	width:100%;

}

.social{

	background:#333;

	width:100%;

	overflow:visible;

	position:relative;

	z-index:0;

}

.insider{

	width:555px;

	margin:0 auto;

}

ul.gallery-thumbnail {

	width:605px;

	margin-right:-50px;

}

ul.gallery-thumbnail li{

	margin-right:50px;

}

ul.gallery-thumbnail li img{

	width:135px;

	height:135px;

}

ul.gallery-thumbnail li .overlay {

	width:115px;

	height:115px;

}

h2.tagline{

	margin:20px 0 60px 0;

	font-size:24px;

}

#logo b {

	font-size:18px;

}

#logo{

	font-size:30px;

}

#leftcol, #rightcol {

	width:100%;

	padding:0;

}

#rightcol{

	margin-top:10px;

}

#footer{

	min-height:50px;

}

#footer .block{

	width:100%;

	display:block;

}

#footer ul{

	float:left;

}

#footer li{

	padding:10px 20px 0 0;

}

#footer li:last-child{

	padding-right:0;

}

.content .imgb{

	display:block;

}

h2.item-info span{

	padding-right:20px;

	display:inline;

}

.pagination{

	padding-bottom:20px;

}

.widget .input, .widget input[type="text"]{

	width:483px;

}

#slider{

	background-image:url(images/bg_shadow_smed.png);

	padding-bottom:22px;

	margin-bottom:18px;

}

#slider img{

	border-width:5px;

	width:545px;

	height:362px;

}

#slider .arrows a{

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

	margin-top:-12px;

	width:25px;

	height:24px;

}

#slider .leftarrow a{

	left:10px;

}

#slider .rightarrow a{

	background-position:right top;

	right:10px;

}

}