/* @the 1200px grid
********************************************************************************************
********************************************************************************************/

.container {
width: 100%;
max-width: 1020px;
margin: 40px auto;
padding:0 80px;
position:relative;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.fourcol {
width: 28%;
padding-right:0;
padding-left:3%;
float:left;
}

.threecol {
width: 22.7%;
padding:0;
margin:0 0 0 3%;
float:left;
margin-bottom:20px;
overflow:hidden;
}

.specfifthcol {
width: 37.6%;
}

.specfifthcol_last{ width:20%}

.eightcol {
width: 70%;
padding-right:0;
padding-left:0;
float:left;
}

.sixcol {
width: 50%;
}

.twelvecol {
width: 90%;
float: left;
}



.first {
margin-left: 0px;
}

object, embed {
max-width: 100%;
}



img {
	height: auto;
}

/* iPad Landscape */

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

.container{
padding:0 20px;
margin:20px auto;
width:auto;
}

.small_gallery{ width:19%;}
	
	
}


/* iPad Portrait */

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

.shadow-inset2{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#sidebar{ width:31%;}

.ad300 img,
ul#block li img,
#sidebar_mid .fblock img{ width:100%;}

#sidebar .fblock img{ width:90px;}

ul#block li h2{ font-size:18px !important;}

ul#block{height:420px;}

li.block1{height:140px;}

li.block2{height:280px;}

li.block3{height:140px;top:0;}

li.block4{height:280px;top:140px;}

li.block5{height:140px;top:140px;}

li.block6{height:140px;top:280px;}

li.block7{height:140px;top:280px;}

#hea