.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    margin-right:3%;
    position: relative;
	display:block;
	float:left;
	height: auto;
}
.fullwidth {
	width:97%;
	margin-right:3%;
    position: relative;
	display:block;
	height: auto;
}
.one_half {
    width: 47%;
}
.one_third {
    width: 30.33%;
}
.two_third {
    width: 63.67%;
}
.one_fourth {
    width: 22%;
}
.three_fourth {
    width: 72%;
}
.one_fifth {
    width: 17%;
}
.two_fifth {
    width: 37%;
}
.three_fifth {
    width: 57%;
}
.four_fifth {
    width: 77%;
}
.one_sixth {
    width: 13.66%;
}
.five_sixth {
    width: 80.33%;
}
.last {
    clear: right;
    margin-right: 0 !important;
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
	.container{  min-width:90%; }
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
	
.alpha 						{ margin-left: 0; }
.omega 						{ margin-right: 0; }	

@media only screen and (min-width: 0px) and (max-width: 1099px) {
#page>article>.block{
    width: 600px;
}
.extra {
	margin: 0 0 0 10px;
}

#page {
    margin: 0 0 0 208px;
    position: relative;
}
.slider {
    width: 466px;
}

#page > article > .block > i {
    border-right: 483px solid transparent;
    border-top: 58px solid #FFE300;
    bottom: -84px;
}
#page > article > .block > strong {
	bottom:-26px;
    width: 483px;
}
.excerpt{margin-top:78px;}
.one_half_folio {
	width: 46.7%;
}
.one_third_folio{
	width:29.9%;
}
}

@media only screen and (min-width: 0px) and (max-width: 860px) {
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	width:97%;
	float:none;
}
#page>article {
    padding-top: 0;
}
#page>article>.block {
    float: none;
    margin: 0 auto 400px;
    width: 700px;
}
#page {
    margin: 0;
	overflow:hidden;
}
.main>header {
	margin: 0 auto;
    width: 728px;
}
.extra{    
	float: none;
    margin: 0;
    width: 100%;
}
.menu_top, .separator, .navig, .menu_bottom {
	display:none;
}
.trigger{
	display:block;
}
div.menu>ul{
    background: url("../images/article_back.png") repeat scroll 0 0 transparent;
	height:auto;
    margin: 0 0 2%;
    padding: 2% 4px 2% 24px;
    width: 700px;
	display:none;
	z-index:999;
}
div.menu>ul > li {
    text-align: left;
}
.sub-menu{
	position:inherit;
	background:none!important;
	border:none!important;
	left:0;
	padding:6px 0 0 12px;
	opacity:1!important;
	display:block!important;
}
.sub-menu li {
	text-align:left;
}
.sub-menu span {
	background:none;
	border:none;
}
.with_ul {margin-bottom:-5px;}
#ContactForm{max-width:100%;}
#ContactForm .input {max-width:100%;}
#ContactForm textarea {max-width:100%;}

#page > article > .block > b {
    border-left: 144px solid transparent;
    border-right: 0 solid transparent;
    border-top: 84px solid #FFE300;
    bottom: -84px;
    left: -4px;
}
#page > article > .block > i {
    border-right: 583px solid transparent;
    border-top: 70px solid #FFE300;
    bottom: -84px;
}
#page > article > .block > strong {
    bottom: -14px;
    width: 583px;
}

.excerpt{margin-top:62px;}
	
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
#page>article>.block {
    width: 480px;
}
.main>header {
    width: 508px;
}
div.menu>ul{
    width: 480px;
}	
#page > article > .block > i {
    border-right: 365px solid transparent;
    border-top: 44px solid #FFE300;
    bottom: -84px;
}

#page > article > .block > strong {
    bottom: -40px;
    width: 363px;
}
.one_half_folio {
	width: 46%;
}
.one_third_folio{
	width:46%;
}
.excerpt{margin-top:78px;}
}

@media only screen and (min-width: 0px) and (max-width: 599px) {
.slider {width:141px;}
.description li{width:200px;}
.description li .capTitle h3 {width:200px;}
/* prettyPhoto styling for small screens */
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }

.one_half_folio {
	width:90%;
}
.one_third_folio{
	width:46%;
}
#page > article > .block {
    width: 420px;
}
.main>header {
    width: 448px;
}
div.menu>ul{
    width: 420px;
}
#page > article > .block > i {
    border-right: 303px solid transparent;
    border-top: 37px solid #FFE300;
    bottom: -84px;
}
#page > article > .block > strong {
    bottom: -47px;
    width: 303px;
}
.excerpt{margin-top:78px;}


}

@media only screen and (min-width: 0px) and (max-width: 479px) {
#page>article>.block {
    width: 280px;
}
.main>header {
    width: 308px;
}
div.menu>ul{
    width: 280px;
}

#page > article > .block > i {
    border-right: 165px solid transparent;
    border-top: 21px solid #FFE300;
    bottom: -84px;
}

#page > article > .block > strong {
    bottom: -63px;
    width: 163px;
}
.one_third_folio{
	width:90%;
}
.excerpt{margin-top:0px;}
}