html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}



.container-16, .container-12 { margin:0 auto; width: 1200px; position: relative; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {display:inline; float: left; margin-left: 10px; margin-right: 10px;}

.alpha {margin-left:0;}

.omega {margin-right:0;}

.beta {margin-left:0; margin-right:0;}

.container-16 .grid-1 {width:55px;}

.container-16 .grid-2 {width:130px;}

.container-16 .grid-3 {width:205px;}

.container-16 .grid-4 {width:280px;}

.container-16 .grid-5 {width:355px;}

.container-16 .grid-6 {width:430px;}

.container-16 .grid-7 {width:505px;}

.container-16 .grid-8 {width:580px;}

.container-16 .grid-9 {width:655px;}

.container-16 .grid-10 {width:730px;}

.container-16 .grid-11 {width:805px;}

.container-16 .grid-12 {width:880px;}

.container-16 .grid-13 {width:955px;}

.container-16 .grid-14 {width:1030px;}

.container-16 .grid-15 {width:1105px;}

.container-16 .grid-16 {width:1180px;}

.container-12 .grid-1 {width:80px;}

.container-12 .grid-2 {width:180px;}

.container-12 .grid-3 {width:280px;}

.container-12 .grid-4 {width:380px;}

.container-12 .grid-5 {width:480px;}

.container-12 .grid-6 {width:580px;}

.container-12 .grid-7 {width:680px;}

.container-12 .grid-8 {width:780px;}

.container-12 .grid-9 {width:880px;}

.container-12 .grid-10 {width:980px;}

.container-12 .grid-11 {width:1080px;}

.container-12 .grid-12 {width:1180px;}



/* 960px Desktop */

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

.container-16, .container-12 {width: 960px;}

.container-16 .grid-1 {width:40px;}

.container-16 .grid-2 {width:100px;}

.container-16 .grid-3 {width:160px;}

.container-16 .grid-4 {width:220px;}

.container-16 .grid-5 {width:280px;}

.container-16 .grid-6 {width:340px;}

.container-16 .grid-7 {width:400px;}

.container-16 .grid-8 {width:460px;}

.container-16 .grid-9 {width:520px;}

.container-16 .grid-10 {width:580px;}

.container-16 .grid-11 {width:640px;}

.container-16 .grid-12 {width:700px;}

.container-16 .grid-13 {width:760px;}

.container-16 .grid-14 {width:820px;}

.container-16 .grid-15 {width:880px;}

.container-16 .grid-16 {width:940px;}

.container-12 .grid-1 {width:60px;}

.container-12 .grid-2 {width:140px;}

.container-12 .grid-3 {width:220px;}

.container-12 .grid-4 {width:300px;}

.container-12 .grid-5 {width:380px;}

.container-12 .grid-6 {width:460px;}

.container-12 .grid-7 {width:540px;}

.container-12 .grid-8 {width:620px;}

.container-12 .grid-9 {width:700px;}

.container-12 .grid-10 {width:780px;}

.container-12 .grid-11 {width:860px;}

.container-12 .grid-12 {width:940px;}

}

	

/* 768px Tablet (Portrait) */

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

.container-16, .container-12 {width: 768px;}

.container-16 .grid-1 {width:28px;}

.container-16 .grid-2 {width:76px;}

.container-16 .grid-3 {width:124px;}

.container-16 .grid-4 {width:172px;}

.container-16 .grid-5 {width:220px;}

.container-16 .grid-6 {width:268px;}

.container-16 .grid-7 {width:316px;}

.container-16 .grid-8 {width:364px;}

.container-16 .grid-9 {width:412px;}

.container-16 .grid-10 {width:460px;}

.container-16 .grid-11 {width:508px;}

.container-16 .grid-12 {width:556px;}

.container-16 .grid-13 {width:604px;}

.container-16 .grid-14 {width:652px;}

.container-16 .grid-15 {width:700px;}

.container-16 .grid-16 {width:748px;}

.container-12 .grid-1 {width:44px;}

.container-12 .grid-2 {width:108px;}

.container-12 .grid-3 {width:172px;}

.container-12 .grid-4 {width:236px;}

.container-12 .grid-5 {width:300px;}

.container-12 .grid-6 {width:364px;}

.container-12 .grid-7 {width:428px;}

.container-12 .grid-8 {width:492px;}

.container-12 .grid-9 {width:556px;}

.container-12 .grid-10 {width:620px;}

.container-12 .grid-11 {width:684px;}

.container-12 .grid-12 {width:748px;}

}



/* 480px Mobile (Landscape) */

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

.container-12, .container-16 {width:420px;}

.alpha {margin-left:0;}

.omega {margin-right:0;}

.beta {margin-left:0; margin-right:0;}

.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width:420px; margin-left:0; margin-right:0;}

}



/* 320px Mobile (Portrait) */

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

.container-12, .container-16 {width: 300px;}

.alpha {margin-left:0;}

.omega {margin-right:0;}

.beta {margin-left:0; margin-right:0;}

.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width:300px; margin-left:0; margin-right:0;}

}



/* 240px Mobile (Portrait) */

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

.container-12, .container-16 {width: 226px;}

.alpha {margin-left:0;}

.omega {margin-right:0;}

.beta {margin-left:0; margin-right:0;}

.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width:226px; margin-left:0; margin-right:0;}

}





.clearfix:before, .clearfix:after,.row:before, .row:after,.container-12:before, .container-12:after, .container-16:before, .container-16:after {content:'.'; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}

.clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}

.row:after, .clearfix:after, .container-12:after, .container-16:after {clear:both;}

/* For IE7. Move this to separate file when you notice some problems */

.row, .clearfix {zoom: 1;}

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

img {height:auto;}

img.scale, img.responsive {max-width: 100%; height: auto;}