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


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

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

    .container                                  {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	-moz-box-shadow: 0 0 5px #846c5a;
	-webkit-box-shadow: 0 0 5px#846c5a;
	box-shadow: 0 0 5px #846c5a;
	background-image: url(images/structure/interior_top_bg.png);
	background-repeat: no-repeat;
	background-position: center 179px;
		
}
    .column, .columns                           {
	float: left;
	display: inline;
	margin-left: 3px;
	margin-right: 3px;
	
	
}
    .row                                        { margin-bottom: 20px; }
    
    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    
    /* Base Grid */
    .one.column                      { width: 40px;  }
    .two.columns                     { width: 100px; }
    .three.columns                   { width: 160px; }
    .four.columns                    { width: 220px; }
    .five.columns                    { width: 280px; }
    .six.columns                     { width: 340px; }
    .seven.columns                   { width: 400px; }
    .eight.columns                   { width: 460px; }
    .nine.columns                    { width: 520px; }
    .ten.columns                     { width: 580px; }
    .eleven.columns                  {
	width: 560px;
	
	margin: 30px 20px 50px 60px;
	}
	
    .container .eleven.columns img {
	border: 10px solid #FFFFFF;
	-moz-box-shadow: 2px 2px 4px #9a8465;
	-webkit-box-shadow: 2px 2px 4px #9a8465;
	box-shadow: 2px 2px 4px #9a8465;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#9a8465', Direction=145, Strength=2);
}
    .twelve.columns                  { width: 700px; }
    .thirteen.columns                { width: 760px; }
    .fourteen.columns                { width: 820px; }
    .fifteen.columns                 { width: 880px; }
    .sixteen.columns                 { width: 954px; }

	
    
    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
    
    /* Offsets */   
    .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; }
    
    

    
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .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;
    }
    

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {position:relative;
width:90%;
margin:0 auto;
padding:0}
.span1,.one.column,.one.columns {width:28px}
.span2,.two.columns {width:76px}
.span3,.three.columns {width:124px}
.span4,.four.columns {width:172px}
.span5,.five.columns {width:220px}
.span6,.six.columns {width:268px}
.span7,.seven.columns {width:316px}
.span8,.eight.columns {width:364px}
.span9,.nine.columns {width:412px}
.span10,.ten.columns {width:460px}
.span11,.eleven.columns {width:508px}
.span12,.twelve.columns {width:556px}
.span13,.thirteen.columns {width:604px}
.span14,.fourteen.columns {width:652px}
.span15,.fifteen.columns {width:700px}
.span16,.sixteen.columns {width:748px; width: 96%;}
.one-third.column {width:236px}
.two-thirds.column {width:492px}
.one-third.column.alpha,.one-third.column.omega {width: 90% !important;}
.two-thirds.column.alpha,.two-thirds.column.omega {width: 90% !important;}
.column,.columns {float:left;
display:inline;
margin-left:10px;
margin-right:10px}
.column.alpha,.columns.alpha {margin-left:0}
.column.omega,.columns.omega {margin-right:0}
.offset-by-half {padding-left:24px}
.offset1,.offset-by-one {padding-left:48px}
.offset2,.offset-by-two {padding-left:96px}
.offset3,.offset-by-three {padding-left:144px}
.offset4,.offset-by-four {padding-left:192px}
.offset5,.offset-by-five {padding-left:240px}
.offset6,.offset-by-six {padding-left:288px}
.offset7,.offset-by-seven {padding-left:336px}
.offset8,.offset-by-eight {padding-left:384px}
.offset9,.offset-by-nine {padding-left:432px}
.offset10,.offset-by-ten {padding-left:480px}
.offset11,.offset-by-eleven {padding-left:528px}
.offset12,.offset-by-twelve {padding-left:576px}
.offset13,.offset-by-thirteen {padding-left:624px}
.offset14,.offset-by-fourteen {padding-left:672px}
.offset15,.offset-by-fifteen {padding-left:720px}
.one_third .text-1 h3 a, .one_third .text-2 h3 a, .one_third .text-3 h3 a, .one_third .text-4 h3 a, .one_third .text-5 h3 a, .one_third .text-6 h3 { width: auto !important; }
.eleven.columns { margin: auto; }

}