/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1, Breakpoints: 320,480,640,768,1024 */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul, nav li { margin: 0; }
nav ul, ul { list-style:none; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html {height: 100%;
	
}

.col{margin-left: 0%;}
.col:first-child {margin-left:0;}

.span1{width: 10%;}
.span2{width: 25%;}
.span3{width: 33%;}
.span4{width: 50%;}
.span5{width: 67%;}
.span6{width: 75%;}
.span7{width: 90%;}
.span8{width: 100%; margin-left: 0;}
.span8{width: 100%; margin-left: 0;}


body{
	height: 100%;
	font-size: 100%;
	color: #af9d5f;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	background-image: url(/Content/Images/bg.png);
	font-weight: lighter;
}

.wrap {
 min-height: 100%;
 *display: table; /* For IE7 Hack */
 *height: 100%; /* For IE7 Hack */
}


h1{
	font-size: 1.7em; /* 24 / 14 */
	line-height: 1.5em; /* 21 / 14 */
	font-weight: lighter;
}
h2{
	font-size: 1.5em; /* 21 / 14 */
	line-height: 1.5em;
}
h3{
	font-size: 1.3em; /* 21 / 14 */
	line-height: 1.5em;
}
h4{
	font-size: 1.2em; /* 21 / 14 */
	line-height: 1.5em;
}

p{ font-size: 1.08em; /* 14 / 14 */
   line-height: 1.8em; /* 21 / 14 */
   margin-bottom: 1.5em; /* 21 / 14 */
}
a{
	color: #af9d5f;
	text-decoration: none;
}

#container, .inner{
  margin: 0 auto;
}

header{
}

header h1{
  margin: 7px 0 0 0;
}

#container{
  clear: both;
  padding-top: 20px;
}






/* MEDIA QUERIES */

/* Responsify Defaults */



/* Custom Breakpoints */


@media screen and (max-width: 1024px) {
 /* Add your styles for devices with a maximum width of 1024 */
}

@media screen and (max-width: 768px) {
 /* Add your styles for devices with a maximum width of 768 */
}

@media screen and (max-width: 640px) {
 /* Add your styles for devices with a maximum width of 640 */
}

@media screen and (max-width: 480px) {
 /* Add your styles for devices with a maximum width of 480 */
}

@media screen and (max-width: 320px) {
 /* Add your styles for devices with a maximum width of 320 */
}


/* Micro Clearfix */

/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
	width: 100%;
	height: 1px;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}