@charset "UTF-8";
/* CSS Document */

/*
--------------------------------------------

RESETS
--------------------------------------------
*/

/*group clear fix*/
* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

a, a:active, a:visited, a:focus {
	border: none;
	outline: none!important;
	-moz-outline-style: none;
	-moz-any-link:focus;
}

:focus, input:focus, button:focus { outline: 0!important; border: 0; }

input,
input:focus {
	border: 1px solid #e1e1e1;
}

/*remove outlines from ie*/
* { _noFocusLine: expression(this.hideFocus=true); }

button::-moz-focus-inner {
  border: 0;
  outline: 0;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

/*
--------------------------------------------

Generic page styles
--------------------------------------------
*/

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: arial, Calibri, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #3D3D3C;
}

.page-wrap {
	width: 100%;/*1000 - 10*2 margins*/
	margin: 0 auto 0 auto;
	padding: 0px;
}

.header-bg {
	width: 100%;
	padding: 30px 0;
	background: #1b1d43;
}

.header {
	width: 94%;
	max-width: 1000px;		/*743 - 6 borders - 20 padding*/
	padding: 0 3%;
	margin: 0 auto;
}

.content-area-bg {
	width: 100%;
	min-height: 500px;
	background: #ffffff;
}

.content-area {
	width: 94%;
	max-width: 1000px;
	padding: 30px 3% 110px 3%;
	margin: 0 auto;
}

.pts-plaque {
	width: 32%;
	max-width: 320px;
	heightx: 458px;
	margin: 0 3% 30px 0;
	display: block;
	float: left;
	clear: none;
}

.pts-plaque img {
	width: 100%;
	height: auto;
}

.main-content {
	width: 62%;
	min-width: 320px;
	max-width: 620px;
	margin: 0 0 0 0%;
	padding: 0 0 0 3%;
	display: block;
	float: left;
	clear: none;
	background-image: url(../images/border_bg.png);
	background-repeat: repeat-y;
	background-position: top left;
}

.footer-bg {
	width: 100%;
	height: 80px;
	background: #81ccf3;
	position: fixed;
	bottom: 0;
}

.footer {
	width: 94%;
	max-width: 1000px;
	padding: 30px 3% 30px 3%;
	margin: 0 auto;
	display: block;
}

/*
--------------------------------------------

Fonts AND HEADINGS
--------------------------------------------
*/

/*
dark purple - #1b1d43;
light blue - #81ccf3;
browny color - #cda776;
*/

h1, h1 a {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 0px 0;
	color: #d0a676;
}

h1 a:hover {
	color: #ffffff;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 30px 0;
}

h3, h4, h5, h6 {
	font-size: 16px;
	line-height: 30px;
	margin: 0 0 0 0;
}

a {
	color: #d0a676;
	transition: color 0.7s;
	-moz-transition: color 0.7s; /* Firefox 4 */
	-webkit-transition: color 0.7s; /* Safari and Chrome */
	-o-transition: color 0.7s; /* Opera */
	text-decoration: none;
}

a:hover {
	color: #1b1d43;
}

ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(../images/li_dash.png);
	background-repeat: no-repeat;
	background-position: top left;
}

p {
	margin: 0 0 30px 0;
}

p.no-margin {
	margin: 0 0 0px 0;
}

a.btn {
	width: 150px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	border-radius: 5px;
	background: #1b1d43;
	text-transform: uppercase;
	font-weight: bold;
	transition: background 0.7s;
	-moz-transition: background 0.7s; /* Firefox 4 */
	-webkit-transition: background 0.7s; /* Safari and Chrome */
	-o-transition: background 0.7s; /* Opera */
}

a.btn:hover {
	color: #D0A676;
	background: #292e5c;
}



/*
--------------------------------------------

Footer / copyright / next page bar
--------------------------------------------
*/

.footer {
	color: #ffffff;
}