/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	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, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

.gallery img {
	padding: 10px;
}
.gallery-item {
	padding-bottom: 80px;
}

a img {border: 0; outline: 0; }
.clearer { clear:both; }

.center {
	text-align: center;
	margin: 0 auto;
	display: block;
	max-width: 80%;
}


/*	Typography presets
	------------------	*/

body {
	font: 16px/24px Georgia, serif;
}
header a, a:link, a:active, a:visited { color:#FFF; }
a, a:link, a:visited { color:#707070; text-decoration:none; }
a:hover, a:active { color:#505050; outline:0; }
p.left { float:left;}
p.right {float:right;}
h1 { text-align:center;	font-family: 'tommasoregular', serif; /*text-shadow: 1px 3px 1px #202020;*/ font-size: 340%; line-height:1em; padding-top:30px; }
h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited { color:#FFF; }
h2 {/*font-family: 'tommasoregular';*/ font-family: 'Arvo', serif; font-size: 80%; font-weight: 400; line-height: 1.4em; text-align:center; /*line-height: 22px; /*font-style: italic;*/ color:#fff; }
h2 a, h2 a:link, h2 a:visited {text-decoration: none; color: #fff;}
h2 a:hover {border-bottom: 1px dotted #999999;}
h3 {font-family: 'abraham_lincolnregular'; sans-serif; padding: 20px 0; font-size: 26px; font-weight: 700; text-align:center; line-height: 22px; font-style: italic; color:#4d6782; text-shadow: -1px -1px 1px #101a2f;}
h3.quote {font-family: 'Arvo', sans-serif; padding: 120px 0 50px 0; font-size: 26px; font-weight: 400; text-align:center; line-height: 22px; font-style:normal; color:#4B7490; text-shadow:none; }h3.sub {font-family: 'abraham_lincolnregular'; sans-serif; padding: 20px 0; font-size: 26px; font-weight: 700; text-align:center; line-height: 22px; font-style: italic; color:#4d6782; text-shadow:none;}
h4, h4 a, h4 a:link, h4 a:visited {color:#555555; padding-bottom:10px; font-size:120%; font-family: 'Arvo', serif; font-weight:400; /*text-shadow:0px -1px 1px #165419;*/ letter-spacing: 0.09em; text-transform: uppercase;}

body {
	/*background-color: #2B4E72;*/ 
	/*font-family: 'Georgia', 'Arial', sans-serif;*/
	font-family: sans-serif, 'Arial';
	margin: 0 auto;
}
#container {width: 80%; max-width: 800px; margin: 0 auto;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}


/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	/*width: 896px;
	padding: 52px 48px 84px;*/
	/*background: rgb(232,232,232);*/
	/*background: url('img/bg-lawn.jpg') repeat-x left top;*/
	/*color: rgb(60,60,60);*/
	color: #999999;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
#footer-wraper {
	width: 896px;
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		/*width: 712px;
		padding: 48px 28px 60px;*/
	}
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
		/*width: 252px;
		padding: 48px 34px 60px;*/
	}
	p.left,p.right { float:none;}
	h3.quote { padding: 60px 0 50px 0; }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		/*width: 436px;
		padding: 36px 22px 48px;*/
	}
	p.left,p.right { float:none;}
	article ul { margin-left: 0px; }
	footer { margin-top:10px; }
	#footer-wrapper { max-width:480px;	margin:0 auto;}
	#sub-footer-wrapper { max-width:480px; margin:0 auto; }
	#sub-footer p { padding:5px 20px; }
	header { background:none; }
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	nav ul li a, nav ul li a:link { font-size: 120%; }
	p.left,p.right { float:none;}
	article ul { margin-left: 0px; }
	header { background:none; }
}


header {
	height:200px;
	background-color: #182745;
}
#nav-container {
	background: url('img/main-bg1.jpg') repeat-x left top;
	/*height: 490px;*/
	padding: 0px 33px 0px 25px;
}
nav {
	padding: 50px 0 35px 0;
}
nav ul {
	text-align:center;
}
nav ul li {
	list-style-type:none;
	display:inline;
	padding: 5px 10px;
}
nav ul li a, nav ul li a:link, nav ul li a:visited {
	text-decoration:none;
	font-family: 'Arvo', serif;
	font-weight: 400;
	color:#404040;
	letter-spacing: 0.09em; 
}
nav ul li a:hover, nav ul li a:active {
	color:#202020;
}
nav ul li a.current {
	color:#202020;
}
article {
	max-width: 896px;
	margin:0 auto;
	padding:50px 0;
	border-bottom: 1px solid #999999;
}
article h2 {
	color: #4B7490;
	text-align: left;
	font-size: 120%;
	padding-bottom: 10px;
}
article p {
	padding-bottom: 10px;
	color: #555555;
	font-size: 95%;
}
article ul {
	margin-left: 10px;
}
article ul.slides {
	margin-left: -5px;
}
article ul.bull {
	margin-left: 30px;
	list-style-type: circle;
}
article ul li {
	padding-bottom: 10px;
}

blockquote {
	float: left;
	width: 408px;
	margin: 20px;
}

.map {
	margin-top: 40px;
}

#flexslider {
	/*background-color: #202020;
	margin:0 auto;*/
}

.imageRow .single {
  float: left;
  padding: 0 10px 10px 10px;
}
.imageRow .last {
	margin-bottom: 200px;
}

footer {
	margin:0 auto;
	background-color: #FFF;
}
footer p {
	font-size:98%;
	line-height: 1.5em;
}
footer a, footer a:link, footer a:visited {
	/*color:#707070;*/
}
footer a:hover, footer a:active {
	/*color:#505050;*/
}
#footer-wrapper {
	max-width: 896px;
	margin: 0 auto;
	clear:both;
}
footer blockquote {
	width:250px;
	margin: 40px 24px 10px 24px;
	clear:none;
	float: left;
	font-size: 75%;
}

footer blockquote.follow {
	width: 150px;
}

footer blockquote.contact {
	background: url('img/map-bw.png') no-repeat right top;
	width: 350px;
}
footer blockquote.contact:hover {
	background: url('img/map-color.png') no-repeat right top;
	color: #555555;
	width: 350px;
}

footer ul li {
	line-height: 1.6em;
}

#sub-footer {
	background: #555555;
	clear:both;
	margin-top: 190px;
}
#sub-footer-wrapper {
	max-width: 896px;
	padding: 10px 0 20px;
	margin:0 auto;
}
#sub-footer p {
	color:#999999;
	font-size:80%;
}
#sub-footer a, #sub-footer a:link, #sub-footer a:visited {
	color:#FFF;
}
#sub-footer a:hover, #sub-footer a:active {
	color:#182745;
}

@font-face {
    font-family: 'tommasoregular';
    src: url('tommaso-webfont.eot');
    src: url('tommaso-webfont.eot?#iefix') format('embedded-opentype'),
         url('tommaso-webfont.woff') format('woff'),
         url('tommaso-webfont.ttf') format('truetype'),
         url('tommaso-webfont.svg#tommasoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'abraham_lincolnregular';
    src: url('abrahamlincoln-webfont.eot');
    src: url('abrahamlincoln-webfont.eot?#iefix') format('embedded-opentype'),
         url('abrahamlincoln-webfont.woff') format('woff'),
         url('abrahamlincoln-webfont.ttf') format('truetype'),
         url('abrahamlincoln-webfont.svg#abraham_lincolnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "FontAwesome";
  src: url('fontawesome-webfont.eot');
  src: url('fontawesome-webfont.eot?#iefix') format('eot'),
  url('fontawesome-webfont.woff') format('woff'), 
  url('fontawesome-webfont.ttf') format('truetype'),
  url('fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}



/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-map-marker:before           { content: "\f041"; }
.icon-phone:before                { content: "\f095"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-list-alt:before             { content: "\f022"; }