/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.container{position:relative;width:960px;padding:0; }
.container .left_image{background:url(../images/bg.png) top left no-repeat #fff; float:left; width:400px; min-height:565px; position:absolute;  }
.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}
.row{margin-bottom:10px; border-bottom:1px dashed #dfdede; width:350px; }
.column.alpha,.columns.alpha{margin-left:0}
.column.omega,.columns.omega{margin-right:0}
.container .one.column,.container .one.columns{width:40px}
.container .two.columns{width:100px}
.container .three.columns{width:160px}
.container .four.columns{width:220px}
.container .five.columns{width:280px}
.container .six.columns{width:340px}
.container .seven.columns{width:400px}
.container .eight.columns{width:460px}
.container .nine.columns{width:520px}
.container .ten.columns{width:580px}
.container .eleven.columns{width:640px}
.container .twelve.columns{width:700px}
.container .thirteen.columns{width:760px}
.container .fourteen.columns{width:820px}
.container .fifteen.columns{width:880px}
.container .sixteen.columns{width:940px}
.container .one-third.column{width:300px}
.container .two-thirds.column{width:620px}
.container .offset-by-one{padding-left:60px}
.container .offset-by-two{padding-left:120px}
.container .offset-by-three{padding-left:180px}
.container .offset-by-four{padding-left:240px}
.container .offset-by-five{padding-left:300px}
.container .offset-by-six{padding-left:360px}
.container .offset-by-seven{padding-left:420px}
.container .offset-by-eight{padding-left:480px}
.container .offset-by-nine{padding-left:540px}
.container .offset-by-ten{padding-left:600px}
.container .offset-by-eleven{padding-left:660px}
.container .offset-by-twelve{padding-left:720px}
.container .offset-by-thirteen{padding-left:780px}
.container .offset-by-fourteen{padding-left:840px}
.container .offset-by-fifteen{padding-left:900px}
@media only screen and (min-width:768px) and (max-width:1150px){
	.container{width:768px; background:#fff;}
	.container .left_image{background:none; float:left; width:0px; min-height:0px;}
	.container .column,.container .columns{margin-left:10px;margin-right:10px}
	.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}
	.column.omega,.columns.omega{margin-right:0;margin-left:10px}
	.alpha.omega{margin-left:0;margin-right:0}
	.container .one.column,.container .one.columns{width:28px}
	.container .two.columns{width:76px}
	.container .three.columns{width:124px}
	.container .four.columns{width:172px}
	.container .five.columns{width:220px}
	.container .six.columns{width:268px}
	.container .seven.columns{width:316px}
	.container .eight.columns{width:364px}
	.container .nine.columns{width:412px}
	.container .ten.columns{width:460px}
	.container .eleven.columns{width:508px}
	.container .twelve.columns{width:556px}
	.container .thirteen.columns{width:604px}
	.container .fourteen.columns{width:652px}
	.container .fifteen.columns{width:700px}
	.container .sixteen.columns{width:748px}
	.container .one-third.column{width:236px}
	.container .two-thirds.column{width:492px}
	.container .offset-by-one{padding-left:48px}
	.container .offset-by-two{padding-left:96px}
	.container .offset-by-three{padding-left:144px}
	.container .offset-by-four{padding-left:192px}
	.container .offset-by-five{padding-left:240px}
	.container .offset-by-six{padding-left:288px}
	.container .offset-by-seven{padding-left:336px}
	.container .offset-by-eight{padding-left:384px}
	.container .offset-by-nine{padding-left:432px}
	.container .offset-by-ten{padding-left:480px}
	.container .offset-by-eleven{padding-left:528px}
	.container .offset-by-twelve{padding-left:576px}
	.container .offset-by-thirteen{padding-left:624px}
	.container .offset-by-fourteen{padding-left:672px}
	.container .offset-by-fifteen{padding-left:720px}
}
@media only screen and (max-width:767px){
	.container{width:300px; background:#FFF;}
	.container .columns,.container .column{margin:0}
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:300px}
	.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}
}
@media only screen and (min-width:480px) and (max-width:767px){
	.container{width:420px; background:#FFF;}
	.container .columns,.container .column{margin:0}
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column{width:420px}
}
.container:after{content:"\0020";display:block;height:0;visibility:hidden}
.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}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}