/* FONT COLLECTION URL: http://www.google.com/webfonts#UsePlace:use/Collection:Medula+One|Balthazar|Sansita+One  */

/* RESPONSIVE FORMULA: TARGET DIVIDED BY CONTEXT */

/* Resets */

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%; }

/* 1140px Grid V2 by Andy Taylor - http://cssgrid.net */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

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

img {
	height: auto;
}

/* IE */

.onecol {
width: 4.7%;
}

.twocol {
width: 13.2%;
}

.threecol {
width: 22.05%;
}

.fourcol {
width: 30.6%;
}

.fivecol {
width: 39%;
}

.sixcol {
width: 48%;
}

.sevencol {
width: 56.75%;
}

.eightcol {
width: 61.6%;
}

.ninecol {
width: 74.05%;
}

.tencol {
width: 82%;
}

.elevencol {
width: 91.35%;
}

/* Desktop */

/* Elements */

article { background: #fff; border: 1px solid #ccc7b9; display: block; }
h1 { font-family: 'Sansita One', cursive; font-weight: 400; font-size: 3em; }
header , section { display: block; }
p { font-family: 'Balthazar', serif; }

/* Common classes */

.border-radius-5-px { border-radius: 5px; -moz-border-radius: 5px; }
.display-none   { display: none; }
.display-block { display: block; }
.display-inline { display: inline; }
.position-relative { position: relative; }
.position-absolute { position: absolute; top: 0; left: 0; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.clear-left { clear: left;  }
.clear-right { clear: right;  }
.sans-serif { font-family: sans-serif; }
.background-color-white { background-color: #ffffff; }
.background-color-beige { background-color: #e9e4d4; }
.background-color-brown { background-color: #f2f2e6; }
.background-color-orange { background-color: #ffaa71; }
.background-color-aqua { background-color: #aad7c0; }
.border-dotted { border: 1px dotted #ccc7b9; }
.text-transform-upper-case { text-transform: uppercase; }
.two-column-wrapper  ul { display: block; list-style: none; padding: 3.33333%; }
.two-column-wrapper ul li.two-column-left { width: 31.25%; background-color: #e9e4d4; float: left; }
.two-column-wrapper ul li.two-column-right { width: 68.75%; background-color: #f2f2e6; float: left; }
.two-column-left   p, .two-column-right   p   { padding: 0 3.33333%; } 
.clear { clear: both; }

/* Body */

body { width: 90%; margin: 0 auto; background-color: #e9e4d4; font-size: 100%; }

/* Header - Logo and main navigation */

.main-header { display: block; background-color: none; height: 132px; margin: 0 auto; } /* base width */
.main-header-logo { width: 22.105263%; height: 132px; text-align: center; background-color: #03F; float: left; font-size: 2em; } /* width: 252px/1140px, padding: 37px/252px, font: 32px/16px */

.main-nav { background-color: #060; float: right; height: 132px; width: 74.122807%; margin: 0 0 0 3.550296%; } /* width: 845px/1140px, margin: 30px/845px  */
.main-nav ul { display: block; }
.main-nav ul li { list-style: none; float: left; background-color: #f00; margin: 10px 10px 0 0; }
.main-nav ul li a { background-color: #ffaa71; padding: 0; border-radius: 5px; -moz-border-radius: 5px; }


.button:link {
background: #2b5fa3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2b5fa3), color-stop(1, #122a65) );
background:-moz-linear-gradient( center top, #2b5fa3 5%, #122a65 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b5fa3', endColorstr='#122a65');
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border: none;
display:inline-block;
color:#ffffff;
padding: 4px 7px 5px;
text-decoration:none;
-webkit-text-stroke: 1px transparent;
text-shadow: #0b1e4e 0 -1px 0;
/*height: 24px;*/
margin-bottom: 0;
margin-top: 10px;
font: bold 0.9em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
position: relative;
}

.button:hover {
-moz-box-shadow:inset 0px 0px 3px #000;
-webkit-box-shadow:inset 0px 0px 3px #000;
box-shadow:inset 0px 0px 3px #000;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #122a65), color-stop(1, #2b5fa3) );
background:-moz-linear-gradient( center top, #122a65 5%, #2b5fa3 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#122a65', endColorstr='#2b5fa3');
border: none;
color: #fff;
text-shadow: #0b1e4e 0 1px 0;
}
.button:active {
position:relative;
} 
	
/*
.button:link {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:visited { color: #706659; }
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
*/

/* Simple article */

.simple-article { width: 74.122807%; margin: 0 3.550296% 0 0; background-color: #03F; float: left; border: none; }
.simple-article h1 { padding: 0 0 0 4.258065%; font-size: 2em; } /* 33px/775px */
.simple-article p { padding: 0 4.258065%; font-size: 1em; } /* 33px/775px */

/* Aside subject matter */

.aside-subject-matter { background-color: #060; float: right; width: 22.105263%; }
.aside-subject-matter h1 { padding: 0 9.547739% 0 15.577889%; font-size: 2em; }
.aside-subject-matter p { padding: 0 9.547739% 0 15.577889%; } /* 0px-31px/199px-0px-19px/199px */

/* Simple section */

.simple-section { display: block; background-color: none; height: 132px; margin: 0 auto; } /* base width */
.simple-section h1 { width: 22.105263%; height: 132px; font-size: 2em; background-color: #03F; clear: both; float: left; }
.simple-section p { width: 74.1228%; margin: 0 0 0 3.5503%; background-color: #060; height: 132px; float: right; } /* 34px/1140px */
.simple-section-identifier {} /* width: 252px/1140px */
.simple-section-text {} /* width: 845px/1140px, margin: 30px/845px  */

/* footer */

.main-footer { background-color: #060; float: left; height: 132px; width: 100%; margin: 0; padding: 10px 0 0 0; } /* width: 845px/1140px, margin: 30px/845px  */
.main-footer ul { display: block; }
.main-footer ul li { height: 132px; width: 252px; list-style: none; float: left; background-color: #f00; }
.main-footer ul li a { height: 50px; background-color: #ffaa71; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }

.main-footer ul .main-footer-title { width: 22.105263%; height: 132px; padding: 10px 0 0 0; float: left; } /* 252px/1140px */
.main-footer ul .main-footer-copyright { float: right; height: 132px; padding: 10px 0 0 0; width: 74.122807%; margin: 0 0 0 3.550296%; } /* 549px/1140px, margin: 43px/549px */

/* Smaller screens */

@media handheld, only screen and (max-width: 767px)

{
	
/*
body {
font-size: 0.8em;
line-height: 1.5em;
}
*/

}


/* Mobile */


@media handheld, only screen and (max-width: 320px)
{

body {
font-size: 16px;
-webkit-text-size-adjust: none;
}

.row, body, .container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}

/* Header - Logo and main navigation mobile */

.main-header-logo { width: 90.625%; margin: 0 4.6875%; height: 132px; background-color: #03F; float: left; clear: both; } /* width: 290px/320px, margin: 15px/320px */

.main-nav { width: 90.625%; height: auto; margin: 0 4.6875%; background-color: #060; float: left; clear: both; } /* width: 290px/320px, margin: 15px/320px */
.main-nav ul { display: block; }
.main-nav ul li { width: 90.625%; margin: 15px 4.6875%; list-style: none; background-color: none; float: left; clear: both; }
.main-nav ul li a { background-color: #ffaa71; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }

.button:link { text-decoration: none; color: #333; }
.button:visited { color: #706659; }
.button:hover { color: #629e9e; }
.button:active { color: #3b8686; }

/* Simple article mobile */

.simple-article { width: 90.625%; margin: 0 4.6875%; background-color: #03F; float: left; border: none; } /* width: 290px/320px, margin: 15px/320px */

/* Aside subject matter mobile */

.aside-subject-matter { width: 90.625%; margin: 0 4.6875%; background-color: #060; float: left; clear: both; } /* width: 290px/320px, margin: 15px/320px */
.aside-subject-matter h1 { padding: 0 4.25807%; }
.aside-subject-matter p { padding: 0 4.25807%; }


/* Simple section mobile */

.simple-section { width: 90.625%; height: auto; margin: 0 4.6875%; background-color: #000; float: left; clear: both; } /* width: 290px/320px, margin: 15px/320px */
.simple-section h1 { width: 90.625%; margin: 0 4.6875%; height: 132px; background-color: #03F; float: left; clear: both; }
.simple-section p { width: 90.625%; height: auto; margin: 0 4.6875%; background-color: #060; float: left; clear: both; }

/* footer mobile */

.main-footer { width: 90.625%; margin: 0 4.6875%; background-color: #060; float: left; height: auto; } /* width: 845px/1140px, margin: 30px/845px  */
.main-footer ul { display: block; }
.main-footer ul li { width: 90.625%; margin: 15px 4.6875%; list-style: none; float: left; clear: both; background-color: #f00; } /* width: 290px/320px, margin: 15px/320px */
.main-footer ul li a { background-color: #ffaa71; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; }

.main-footer ul .main-footer-title { width: 90.625%; margin: 15px 4.6875%; float: left; clear: both; } /* width: 290px/320px, margin: 15px/320px */
.main-footer ul .main-footer-copyright { width: 90.625%; margin: 15px 4.6875%; float: left; clear: both; } /* width: 290px/320px, margin: 15px/320px */

}

/* Retina display - iPhone 4   */

@media only screen and (-webkit-min-device-pixel-ratio: 2)

{ 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}