@viewport {
    width: device-width;
    zoom: 1;
    }
/* CSS Document */
* {
margin:0px;
padding:0px;
}
@font-face {
    font-family: 'GaramondPremrPro';
    src: url('../fonts/GaramondPremrPro.eot');
    src: url('../fonts/GaramondPremrPro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GaramondPremrPro.woff') format('woff'),
         url('../fonts/GaramondPremrPro.ttf') format('truetype'),
         url('../fonts/GaramondPremrPro.svg#GaramondPremrPro') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	
    font-family: 'GaramondPremrPro-It';
    src: url('../fonts/GaramondPremrPro-It.eot');
    src: url('../fonts/GaramondPremrPro-It.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GaramondPremrPro-It.woff') format('woff'),
         url('../fonts/GaramondPremrPro-It.ttf') format('truetype'),
         url('../fonts/GaramondPremrPro-It.svg#GaramondPremrPro-It') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'GaramondPremrPro-Smbd';
    src: url('../fonts/GaramondPremrPro-Smbd.eot');
    src: url('../fonts/GaramondPremrPro-Smbd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GaramondPremrPro-Smbd.woff') format('woff'),
         url('../fonts/GaramondPremrPro-Smbd.ttf') format('truetype'),
         url('../fonts/GaramondPremrPro-Smbd.svg#GaramondPremrPro-Smbd') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GaramondPremrPro-SmbdIt';
    src: url('../fonts/GaramondPremrPro-SmbdIt.eot');
    src: url('../fonts/GaramondPremrPro-SmbdIt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GaramondPremrPro-SmbdIt.woff') format('woff'),
         url('../fonts/GaramondPremrPro-SmbdIt.ttf') format('truetype'),
         url('../fonts/GaramondPremrPro-SmbdIt.svg#GaramondPremrPro-SmbdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensed-Italic';
    src: url('../fonts/RobotoCondensed-Italic.eot');
    src: url('../fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Italic.woff') format('woff'),
         url('../fonts/RobotoCondensed-Italic.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotocondensedlight';
    src: url('../fonts/robotocondensedlight.eot');
    src: url('../fonts/robotocondensedlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensedlight.woff') format('woff'),
         url('../fonts/robotocondensedlight.ttf') format('truetype'),
         url('../fonts/robotocondensedlight.svg#robotocondensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotocondensedregular';
    src: url('../fonts/robotocondensedregular.eot');
    src: url('../fonts/robotocondensedregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensedregular.woff') format('woff'),
         url('../fonts/robotocondensedregular.ttf') format('truetype'),
         url('../fonts/robotocondensedregular.svg#robotocondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gillsans';
    src: url('../fonts/gillsans.eot');
    src: url('../fonts/gillsans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsans.woff') format('woff'),
         url('../fonts/gillsans.ttf') format('truetype'),
         url('../fonts/gillsans.svg#gillsans') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'PERTIBD';
    src: url('../fonts/PERTIBD.eot');
    src: url('../fonts/PERTIBD.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PERTIBD.woff') format('woff'),
         url('../fonts/PERTIBD.ttf') format('truetype'),
         url('../fonts/PERTIBD.svg#PERTIBD') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GillSansMTProLight';
    src: url('../fonts/gillsansmtpro-light.eot');
    src: url('../fonts/gillsansmtpro-light.eot') format('embedded-opentype'),
         url('../fonts/gillsansmtpro-light.woff') format('woff'),
         url('../fonts/gillsansmtpro-light.ttf') format('truetype'),
         url('../fonts/gillsansmtpro-light.svg#GillSansMTProLight') format('svg');
}



header, nav, section, article, aside, footer {
   display:block;
}
body{
background:#000000;
color:#FFFFFF;
}
.clear{
clear:both;
}

#main_wrapper{
width:990px;
margin:0 auto;
}
#inner_wrapper{
width:773px;
margin:0 auto 10px auto;
border-bottom:1px solid #3e3e3e;
}
#inner_wrapper2{
width:747px;
margin:0 auto;
}
header{

}
header .logo{
	/*width:40%;*/
	float:left;
	padding:10px 0 0 0px;
	/*min-height:90px;*/
	margin-top:28px;
}
nav{
	float:right;
	width:55.5%;
}
nav ul.menu{
	list-style:none;
}
nav ul.menu li{
	list-style:none;
	margin:78px 0 3px 0;
	padding:0px 4px;
	float:left;
	display:block;
	font-family: 'GaramondPremrPro';
	font-size:12px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-style:italic;
	font-weight:normal; color:#b1b1b1;
}
nav ul.menu li.lastchild{
	padding:0px!important;
}
nav ul.menu li a{
	color:#b1b1b1; text-decoration:none;font-family: 'GaramondPremrPro';font-size:12px;font-weight:normal;
}
nav ul.menu li a:hover{
	color:#fff; text-decoration:underline;
}
.nav_crumb{
	width:auto;
	border-bottom:#666666 1px  solid;
	padding-bottom:1px;
	padding-top:25px;
	margin:0px 0px;
}
.nav_crumb .left_crumb{
	float:left;
	font:22px/24px GaramondPremrPro-It;
	color:#a7a7a7;
	padding-top: 20px; text-decoration:none;
}

.nav_crumb .left_crumb a{font:22px/24px GaramondPremrPro-It;text-decoration:none;
	color:#a7a7a7;}

.nav_crumb .left_crumb a:hover{ text-decoration:underline;}

.nav_crumb .right_crumb{
	float:right;
	font:42px/44px GaramondPremrPro-It;
	color:#fff;
}

.nav_crumb .right_crumb2{
	float:right;
	font:42px/44px GaramondPremrPro-It;
	color:#a7a7a7;
}

.body{
	width:747px; margin:0 auto;
	height:auto;border-top:1px solid #3E3E3E;
}
.locations{
	padding-top:25px;
	margin:0px 35px; min-height:300px;
}
ul.location_list{
	list-style:none;
}
ul.location_list li{
	color: #FFFFFF;
    display: block;
    float: left;
    font: bold 14px/16px Arial,Helvetica,sans-serif;
    list-style: none outside none;
    margin: 9px 0 0;
    padding: 0 30px;
    text-transform: uppercase;
    width: 277px;
}
ul.location_list li .productimage{
	width:277px;
	height:auto;
	margin:0px;
	padding-bottom:5px;
}
ul.location_list li h3{
	width:auto;
	font:20px/24px GaramondPremrPro-It;
	color:#fff;
	border-bottom:1px #CCCCCC solid;
	padding-bottom:2px;
}
ul.location_list li h4{
	width:auto;
	font:12px/24px GaramondPremrPro-It;
	color:#8e8e8e;
	padding-bottom:5px;
}
ul.location_list li p{
	width:auto;
	font:12px/16px GaramondPremrPro-It;
	color:#8e8e8e;
	padding-bottom:2px;
}

.grey {
	background: url(../images/button_bg.jpg) repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font: 10px/11px Arial,Helvetica,sans-serif;
    margin-right: 2px;
    margin-top: 8px;
    outline: medium none;
    padding: 2px 0;
    text-transform: uppercase;
    width: 87px;
}
.grey:hover {
   background:url(../images/button_bg.jpg) repeat-x;
   border:none;
	outline:none;
}
.grey:active {
	background:url(../images/button_bg.jpg) repeat-x;
	border:none;
	outline:none;
}
footer{
	margin:50px 0 0 0;
	background:url(../images/footer_bg-3.jpg) repeat-x;
	width:100%;
}
#footer_section{
	width:904px;
	margin:0 auto;
	height:auto;
}
#footer_section .left{
	background:url(../images/separator-3.jpg) no-repeat right;
	float: left;
    text-align: center;
    width: 25%;
}
#footer_section .left h4{
	padding:10px 0px;
	color:#d9d9d9;
	text-align:center;
	font-family:gillsans;
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
}
#footer_section .left h4 span{
	color:#818181;
	font-family:gillsans;
	font-weight:normal;
	font-size:15px;
	text-transform:uppercase;
}
#footer_section .mid{
	background:url(../images/separator-3.jpg) no-repeat right;
	float: left;
    width: 40%;
	height: 110px;
}
#footer_section .mid .email{
	padding:10px 0px;

}
#footer_section .mid .email .input_text{
	background-color: #000000;
    border: 1px solid #4A4848;
    color: #999999;
    float: left;
    margin: 4px 11px 13px 11px;
    min-width: 203px;
    padding: 9px 8px;
}
#footer_section .mid .email .submit{
	background: none repeat scroll 0 0 #000;
    border: 1px solid #131212;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px 0 #131312;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin: 5px 0;
    padding: 7px;
    text-transform: uppercase;
	font-family:'robotocondensedlight';
	font-weight:normal;
	font-size:13px;
	border-left:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;	 
}	
#footer_section .right{
	float: left;
    padding-top: 18px;
    width: 10%;
}
#footer_section .right .social{
	text-align:right;
}
#footer_section .right .social img{
	float:right;
	margin-right:10px;
	border:none;
	outline:none;
}
.ftr_menu {
    color: #FFFFFF;
    display: inline;
    list-style: none outside none;
    padding: 4px 0 0;
    width: auto;
}
.ftr_menu li {
    color: #808080;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0 2px;
    text-decoration: none;
	text-transform:uppercase;
}
.ftr_menu li a {
    color: #808080;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}
.ftr_menu li a:hover {
    color: #f9f9f9;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.copyright {
    color: #575757!important;
    display: inline!important;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 11px!important;
    font-weight: normal!important;
    margin: 0!important;
    padding: 0 2px!important;
	text-transform:none!important;
    text-decoration: none!important;
}
.footer_menu_holder{
	width:747px;
	text-align: center;
	margin:0 auto;
}


<!--for mariopage-->



ul.location_list li{
	color: #FFFFFF;
    display: block;
    float: left;
    font: bold 14px/16px Arial,Helvetica,sans-serif;
    list-style: none outside none;
    margin: 9px 0 0;
    padding: 0 30px;
    text-transform: uppercase;
    width: 277px;
}
 .mario{
	width:293px;
	height:auto;
	margin:0px;
	padding-bottom:5px;
	float:left;
}

.mario_text{
	width:374px;
	height: auto;
	float:left;
	margin-left:10px;
	}

.mario_text p{
	font-size:14px; text-align:justify; color:#8e8e8e; font-family:"gillsans"; padding-bottom:10px; font-weight:normal;
	}

.sitelink{color:#ffffff; text-decoration:underline;}

.sitelink:hover{color:#CCCCCC; text-decoration:none;}


<!--for artists_2page-->

.artists_2{
	padding-top:25px;
	margin:0px 35px;
}
ul.artists_2_list{
	list-style:none;
}
ul.artists_2_list li{
	
    display: block;
    float: left;
    margin: 9px 0 0;
    padding: 0 12px; min-height:171px;
   
}

ul.artists_2_list li h1{
	font:36px GaramondPremrPro-It;
	color:#fff;
}

ul.artists_2_list li p{
	width:auto;
	font:16px/20px GaramondPremrPro-It;
	color:#8e8e8e;
	padding-bottom:2px;
	text-align:justify;
	border-top:#666666 1px  solid;
	padding-top:5px;
}

.artists{
	float:left;
	background:url(../images/artists.png) center center repeat-y;
	width:746px;
	height:auto;
	margin-top:5px;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}




.artists h1{font:20px/21px PERTIBD !important;
	color:#fff; text-decoration:none;clear:both; margin:0px 20px 10px 10px;}
	.artists h1 a{font:35px/45px PERTIBD;
	color:#fff; text-decoration:none;}
	.artists h1 a:hover{ text-decoration:none; color:#999999; }
	/*#store_name{font:55px/55px GaramondPremrPro-It; margin:0px;}*/

/***************************************************************************/

.index_section{
	padding-top:5px;
	margin:0px;
}

ul.index_list{
	list-style:none;
}
ul.index_list li{
	color: #FFFFFF;
    display: block;
    float: left;
    font: bold 14px/16px Arial,Helvetica,sans-serif;
    list-style: none outside none;
    margin: 9px 0 0;
    padding: 0px;
    text-transform: uppercase;
    width: 47%;
}
.Left{
	margin-right:37px!important;
}
ul.index_list li .productimage{
	width:100%;
	height:auto;
	margin:0px;
	padding-bottom:5px;
	
}
ul.index_list li .productimage img{
	border:1px #CCCCCC solid;
}
ul.index_list li h3{
	width:auto;
	font:18px/24px 'GillSansMTProLight';
	color:#fff;
	padding-bottom:5px;
	font-weight:bold;
	text-transform:none;
}
ul.index_list li h4{
	width:auto;
	font:12px/24px GaramondPremrPro-It;
	color:#8e8e8e;
	padding-bottom:5px;
}
ul.index_list li p{
	width:auto;
	font:15px/18px 'GillSansMTProLight';
	color:#bfbfbf;
	padding-bottom:2px;
	font-weight:normal;
	text-transform:none;
}
.three_buttons{
	width:auto;
	margin:5px 0px;
	padding:5px 0px; text-align:center;
}
.three_buttons .left_button{
	width:auto; float:left; padding-right:121px;
}
.three_buttons .mid_button{
	width:auto; float:left; padding-left:0px;
}
.three_buttons .right_button{
	width:auto; float:right; padding-left:5px;
}
.grey_styles_buttons{
	/*-webkit-border-radius: 4px;
	border-radius: 4px; */
	padding:8px 47px;
	
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}
.three_buttons h1{
	color: #FFFFFF;
    font: bold 39px/40px PERTIBD;
    margin: 0 !important;
    padding: 25px 0 0 !important;
    text-align: center;
}
.banner_wrap{
	width:68%;
	margin:0 auto;
	background:#999999;
	clear:both;
}

.contact_area{ width:100%; margin:0px auto;}
.contact_area level{ width:100%; margin-bottom:10px; clear:both; display:inline-block;}
.contact_area level span{ width:100%; clear:both; padding:2px 0px; text-transform:uppercase; font: bold 14px/17px 'gillsans'; font-weight:normal; float:left; text-transform:uppercase; }
.contact_area level span .input_field{ width:70%; padding:5px; background:#aaaaaa; color:#fff; border:none;}

.artist_sec{float:right;list-style:none;padding-left:135px;margin-top:-334px;padding-top:5px;}



.grey_styles_buttons_desktop{
	background: #000; /* Old browsers */
	
	font:bold 14px/18px 'PERTIBD';
	padding:8px 47px;
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}





/****/

/* =Media queries
-------------------------------------------------------------- */




/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 580px) {

#footer_section{ width:100% !important;}
#footer_section .mid{ width:63.5%;}
#inner_wrapper{width:100%;}
nav{ clear:both;  width:100%;}
header .logo{ margin:0px auto; text-align:center; width:100%;  height:50px; padding:8px 0px;}
nav ul.menu{ width:350px; margin:0px auto 10px auto; overflow:hidden;}
.banner_wrap{ width:100%;}
#inner_wrapper2{ width:100%;}
.body{ width:100%; clear:both; border-top:1px solid #3E3E3E;}
.three_buttons .left_button{ padding-right:25px;}
header{ width:100%;}
.footer_menu_holder{ width:100%;}
#footer_section .mid .email .input_text{ margin:4px 4px 13px 4px;}
#footer_section .right{ float:left; width:24%; height:41px;}
ul.index_list{ margin:0px; padding:0px; width:98%; padding:5px;}
ul.index_list li{ width:100%; text-align:center;}
.Left{ margin-right:0px; }
ul.index_list li .productimage img{ width:100%; height:auto; text-align:center;}
nav ul.menu li{ margin:0px 0 0 0; }
ul.location_list{ width:100%; margin:0px; padding:0px;}
ul.location_list li{ margin-bottom:15px; width:100%; padding:0px;}
ul.location_list li .productimage{ width:100%; text-align:center;}
ul.location_list li .productimage img{ width:90%; height:auto; text-align:center;}
.artists{ width:100%;}
ul.artists_2_list li{ height:154px; padding:0px 6px;}
ul.artists_2_list{ text-align:center; width:100%;}
.artists h1{ margin-left:27px; font:3em/1em GaramondPremrPro-It;}
.mario{ width:100%; text-align:center;}
.nav_crumb{ width:99%; margin:0px auto;}
.mario_text{ width:95%; margin:0px auto;}

.contact_area{ width:90%; margin:0px auto;}
.contact_area level{ width:100%; margin-bottom:10px; clear:both; display:inline-block;}
.contact_area level span{ width:100%; clear:both; padding:2px 0px; text-transform:uppercase; font: bold 14px/17px 'gillsans'; font-weight:normal; float:left; text-transform:uppercase; }
.contact_area level span .input_field{ width:98%; padding:5px; background:#FFFFFF; color:#000000; border:none;}
.locations{ margin:0px auto; width:95%;}
#footer_section .left{ width:36%;}
ul.index_list li h3 , ul.index_list li p{ text-align:justify;}

.artists h1{ width:100%; clear:both;}
.Left{ float:left; width:88%; margin-bottom:15px;}
.artist_sec{ float:left; padding:5px 0px 0px 0px;margin:0px; width:88%;}
.grey_styles_buttons_desktop{
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}

.three_buttons h1{ font:bold 1.8em/1.5em PERTIBD;}
.grey_styles_buttons_desktop{ padding:8px 50px !important;}

.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}

.artict_block{width:100% !important; clear:both; margin:10px 0px 10px 10px !important;}
.artict_block h1{ margin:0px !important; padding:0px !important;}

}


/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 480px) {

#footer_section{ width:100% !important;}
#footer_section .mid{ width:63.5%;}
#inner_wrapper{width:100%;}
nav{ clear:both;  width:100%;}
header .logo{ margin:0px auto; text-align:center; width:100%;  height:50px; padding:8px 0px;}
nav ul.menu{ width:350px; margin:0px auto 10px auto; overflow:hidden;}
.banner_wrap{ width:100%;}
#inner_wrapper2{ width:100%;}
.body{ width:100%; clear:both;}
.three_buttons .left_button{ padding-right:6px;}
header{ width:100%;}
.footer_menu_holder{ width:100%;}
#footer_section .mid .email .input_text{ margin:4px 4px 13px 4px; width:170px; padding:9px 1px!important;}
#footer_section .right{ float:left; width:24%;}
ul.index_list{ margin:0px; padding:0px; width:98%; padding:5px;}
ul.index_list li{ width:100%; text-align:center;}
.Left{ margin-right:0px; }
ul.index_list li .productimage img{ width:100%; height:auto; text-align:center;}
#footer_section .left{ width:36%;}
.grey_styles_buttons{ padding:8px 38px;}
nav ul.menu li{ margin:0px 0 0 0; }
ul.location_list{ width:100%; margin:0px; padding:0px;}
ul.location_list li{ margin-bottom:15px; width:100%; padding:0px;}
ul.location_list li .productimage{ width:100%; text-align:center;}
ul.location_list li .productimage img{ width:90%; height:auto; text-align:center;}
.artists{ width:100%;}
ul.artists_2_list li{ height:154px;}
ul.artists_2_list{ text-align:center; width:98%; margin:0px auto;}
.artists h1{ margin-left:27px; font:3em/1em GaramondPremrPro-It;}
.mario{ width:100%; text-align:center;}
.nav_crumb{ width:99%; margin:0px auto;}
.mario_text{ width:95%; margin:0px auto;}
.contact_area{ width:90%; margin:0px auto;}
.contact_area level{ width:100%; margin-bottom:10px; clear:both; display:inline-block;}
.contact_area level span{ width:100%; clear:both; padding:2px 0px; text-transform:uppercase; font: bold 14px/17px 'gillsans'; font-weight:normal; float:left; text-transform:uppercase; }
.contact_area level span .input_field{ width:98%; padding:5px; background:#FFFFFF; color:#000000; border:none;}
.locations{ margin:0px auto; width:95%;}
ul.index_list li h3 , ul.index_list li p{ text-align:justify;}
.three_buttons .mid_button{ margin-right:6px !important;}
.three_buttons .right_button{ float:left !important; padding-left:0px !important; margin-right:0px !important;}
#footer_section .right .social{ text-align:center !important; width:84px !important; margin:0px auto !important;}

.artists h1{ width:100%; clear:both;}
.Left{ float:left; width:88%; margin-bottom:15px;}
.artist_sec{ float:left; padding:5px 0px 0px 0px;margin:0px; width:88%;}

.grey_styles_buttons_desktop{
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}

.three_buttons h1{ font:bold 1.5em/1.5em PERTIBD;}
.grey_styles_buttons_desktop{ padding:8px 38px !important;}


.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}

.artict_block{width:100% !important; clear:both; margin:10px 0px 10px 10px !important;}
.artict_block h1{ margin:0px !important; padding:0px !important;}

}


/* Smartphones (landscape) ----------- */
@media only screen
and (max-width : 360px) {
nav{ width:100% !important; clear:both;}
nav ul.menu li{ padding:0px 5px;}
#inner_wrapper{ width:97%;}
#inner_wrapper2{ width:97%;}


.body{ width:100%; height:100%; clear:both;}
.three_buttons h1{font:bold 1em/1.5em PERTIBD;}
ul.index_list{ width:98%; padding:5px; }
nav ul.menu{ width:340px; margin:0px auto 10px auto; overflow:hidden;}
#footer_section{ width:100% !important;}
#footer_section .mid{ width:63.5%;}
#footer_section .right .social{ text-align:center !important; width:84px !important; margin:0px auto !important;}
.footer_menu_holder{ width:100%;}
#footer_section .mid .email .input_text{ margin:4px 4px 13px 4px; width:149px;padding:9px 1px!important;}
#footer_section .right{ float:left; width:24%;}
#footer_section .left{ width:36%;}
.artists h1{ width:100%; clear:both;}
.Left{ float:left; width:88%; margin-bottom:15px;}
.artist_sec{ float:left; padding:5px 0px 0px 0px;margin:0px; width:88%;}
.grey_styles_buttons_desktop{
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}

.grey_styles_buttons{ width:99% !important; padding:8px 7px;}
.three_buttons .left_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .mid_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .right_button{ float:none !important;padding:0px; margin-bottom:10px; width:99% !important;}
.grey_styles_buttons_desktop{ width:99% !important; padding:8px 7px !important;}

.grey_styles_buttons{ padding:8px 1px;}
.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}
.artict_block{width:100% !important; clear:both; margin:10px 0px 10px 10px !important;}
.artict_block h1{ margin:0px !important; padding:0px !important;}
}

/* JavaEnablePhone (portrait) ----------- */
@media only screen
and (max-width : 240px) {
nav ul.menu{ width:220px; margin:0px auto 10px auto; overflow:hidden;}
nav ul.menu li{ padding:0px 4px;}
nav ul.menu li a{ font-size:10px;}

#footer_section .mid .email .input_text{ width:149px !important;padding:9px 1px !important;}
#footer_section .mid .email .submit{ margin:7px 0px !important; padding:5px !important;}

#footer_section .right .social{ text-align:center !important; width:84px !important; margin:0px auto !important;}
.artists h1{ width:100%; clear:both;}
.Left{ float:left; width:88%; margin-bottom:15px;}
.artist_sec{ float:left; padding:5px 0px 0px 0px;margin:0px; width:88%;}
.grey_styles_buttons_desktop{
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}

.grey_styles_buttons{ width:99% !important; padding:8px 7px;}
.three_buttons .left_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .mid_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .right_button{ float:none !important;padding:0px; margin-bottom:10px; width:99% !important;}
.grey_styles_buttons_desktop{ width:99% !important; padding:8px 7px !important;}

.three_buttons h1{ font:bold .75em 'PERTIBD';}
.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}
.artict_block{width:100% !important; clear:both; margin:10px 0px 10px 10px !important;}
.artict_block h1{ margin:0px !important; padding:0px !important;}

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
#footer_section{ width:100% !important;}
#footer_section .mid{ width:100%;	margin:10px 0 10px 0;
	background:url(../images/footer_bg.jpg) repeat-x;
	}
#inner_wrapper{width:97%;}
nav{ clear:both;  width:100%;}
header .logo{ margin:0px auto 10px auto; text-align:center; width:100%; height:21px; padding:8px 0px;}
nav ul.menu{ width:100%; margin:0px auto 10px auto; overflow:hidden;}
.banner_wrap{ width:100%;}
#inner_wrapper2{ width:97%;}
.body{ width:100%; clear:both; height:100%;}
.three_buttons .left_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .mid_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .right_button{ float:none !important;padding:0px; margin-bottom:10px; width:99% !important;}
.grey_styles_buttons_desktop{ width:99% !important; padding:8px 7px !important;}

header{ width:100%;}
.footer_menu_holder{ width:100%;}
#footer_section .mid .email .input_text{ margin:4px 4px 13px 4px; width:170px; padding:9px 1px !important;}
#footer_section .right{	margin:0px 0 10px 0;
	background:url(../images/footer_bg.jpg) repeat-x;
	width:100%; text-align:center !important; padding:10px 0px 0px 0px; height:41px;}
#footer_section .right .social{ text-align:center !important; width:84px !important; margin:0px auto !important;}
ul.index_list{ margin:0px; padding:0px; width:98%; padding:5px;}
ul.index_list li{ width:100%; text-align:center;}
.Left{ margin-right:0px; }
ul.index_list li .productimage img{ width:100%; height:auto; text-align:center;}
#footer_section .left{ width:100%;}
.grey_styles_buttons{ width:99%; padding:8px 7px;}
.three_buttons h1{ font:bold .75em 'PERTIBD';}
header .logo img{ width:100%; height:auto;}
nav ul.menu li{ margin:23px 0 0 0; padding:0px 3px;}
.nav_crumb{ margin:0px; width:99%;}
.locations{ margin:0px;}
ul.location_list{ width:100%; margin:0px; padding:0px;}
ul.location_list li{ margin-bottom:15px; width:100%; padding:0px;}
ul.location_list li .productimage{ width:100%; text-align:center;}
ul.location_list li .productimage img{ width:90%; height:auto; text-align:center;}
.artists{ width:100%;}
.artists h1{ margin-left:27px; font:3em/1em GaramondPremrPro-It;}
ul.artists_2_list{ text-align:center; width:100%; height:auto;}
ul.artists_2_list li img{ width:auto; height:auto; }
ul.artists_2_list li{ width:90%;}
.mario{ width:100%; text-align:center;}
.nav_crumb{ width:99%; margin:0px auto;}
.contact_area{ width:98%; margin:0px auto;}
.contact_area level{ width:100%; margin-bottom:10px; clear:both; display:inline-block;}
.contact_area level span{ width:100%; clear:both; padding:2px 0px; text-transform:uppercase; font: bold 14px/17px 'gillsans'; font-weight:normal; float:left; text-transform:uppercase; }
.contact_area level span .input_field{ width:100%; padding:5px; background:#FFFFFF; color:#000000; border:none;}
.locations{ margin:0px auto; width:95%;}
header .logo img{ width:100%; height:auto;}
ul.index_list li h3 , ul.index_list li p{ text-align:justify;}
.ftr_menu li a{ font-size:9px;}
.ftr_menu li a:hover{ font-size:9px;}
.artists h1{ width:100%; clear:both;}

.artict_block{width:100% !important; clear:both; margin:10px 0px 10px 10px !important;}
.artict_block h1{ margin:0px !important; padding:0px !important;}



.Left{ float:left; width:88%; margin-bottom:15px;}
.artist_sec{ float:left; padding:5px 0px 0px 0px; margin:0px; width:88%;}
.grey_styles_buttons_desktop{
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}




.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}
}


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

.grey_styles_buttons_desktop{
	font:bold 14px/18px 'PERTIBD';
	
	background: #000; /* Old browsers */
	
	width:auto;
	height:auto;
	border-bottom:1px #969696 solid;
	border-left:1px #969696 solid;
	border-right:1px #969696 solid;
	border-top:1px #fff solid;
	outline:none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
}

.grey_styles_buttons{ width:99% !important; padding:8px 7px;}
.three_buttons .left_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .mid_button{ padding:0px; margin-bottom:10px; width:99% !important;}
.three_buttons .right_button{ float:none !important;padding:0px; margin-bottom:10px; width:99% !important;}
.grey_styles_buttons_desktop{ width:99% !important; padding:8px 7px !important;}

.three_buttons h1{ font:bold .75em 'PERTIBD';}
.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}

.artict_block{width:100% !important; clear:both; margin:10px 0px 10px 10px !important;}
.artict_block h1{ margin:0px !important; padding:0px !important;}

}




@media only screen 
and (max-width : 768px)  {
#footer_section{ width:100% !important;}
.banner_wrap{ width:100%;}

.rslides1_nav{ left:0px !important;}
.rslides1_nav.next { right:0px !important; left:auto !important;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.three_buttons h1{ font:bold .75em 'PERTIBD';}
/* Styles */
}


.contact_font{
	font: normal 14px/16px gillsans;
	color:#bfbfbf;
	padding-bottom:2px;
	font-weight:normal;
	text-transform:none; margin:0px !important;}
	

	
.artict_block{width:342px; margin:20px 10px 10px 20px; float:left; height:280px;}
.artict_block h1{font:50px/55px "GaramondPremrPro-It";
	color:#fff; text-decoration:none; margin-bottom:10px; font-weight:normal; margin-left: 0px !important;}
	
.artict_block ul{ margin:0px; padding:0px;}
.artict_block ul li{ list-style:none;font:18px/24px GillSansMTProLight;color:#fff; text-decoration:none;}
.artict_block ul li a{font:18px/24px GillSansMTProLight;color:#fff; text-decoration:none;}
.artict_block ul li a:hover{text-decoration:none; color:#999999;}

.content_area{ overflow:hidden; width:100%;}


.content_area h1{
	font:36px GaramondPremrPro-It;
	color:#fff;
}

.content_area p{
	width:auto;
	font:16px/20px GaramondPremrPro-It;
	color:#8e8e8e;
	padding-bottom:2px;
	text-align:justify;
	border-top:#666666 1px  solid;
	padding-top:5px;
}