/*
 * HTML5 ? Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
	 HTML5 display definitions
	 ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* article, aside, #footer {display: none;} */

/* =============================================================================
	 Base
	 ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 1em; line-height: 1.4; background:url(../images/tail-top.png) top left repeat-x #d7eaf4; background height:100%;}

/*
 * NEW FONTS
 * font-family: 'Quattrocento Sans', sans-serif; --  FOR COPY
 * font-family: 'Signika', sans-serif; -- HEADLINE OPTION ONE
 * font-family: 'Open Sans', sans-serif; -- HEADLINE OPTION TWO
*/


body, button, input, select, textarea { font-family:'Quattrocento Sans', sans-serif; color: #222; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #03c; color: #fff; text-shadow: none; }
::selection { background: #03c; color: #fff; text-shadow: none; }


/* =============================================================================
	 Links
	 ========================================================================== */

a { color: #00e; text-decoration: none; list-style: none; }
a:visited { color: #03C; }
a:hover { 
	color: #06e; 
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
	 Typography
	 ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #999; margin: 0px 0px 20px 0px; padding: 0;}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
	 Lists
	 ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
li { list-style:none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
	 Embedded content
	 ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
	 Figures
	 ========================================================================== */

figure { margin: 0; }


/* =============================================================================
	 Forms
	 ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; float: left;}

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {	}
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
	 Tables
	 ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
caption.msTable {
     border-style:solid;
}
table.msTable, th.msTable, tr.msTable, td.msTable {
	font-family: 'Quattrocento Sans', sans-serif;
	border-collapse: collapse;
	font-size: 0.9em;
	color: #222;
	border-color:#97594c;
}
table.msTable { 
	border-style:solid;
	border-width:1px;
	margin: 0 auto 30px;
}
th.msTable, td.msTable {
	width: 50%;
	padding: 4px;
	text-align:center;
	vertical-align: middle;
}
th.msTable {
	border-style:solid;
	border-width:1px;
	background-color: #e8f0f1;
}
tr.msTable { 
	vertical-align: middle;
}
td.msTable { 
	border-style:solid;
	border-width:1px;
}
.alternate {
	background-color: #f9fbfb;
}
#tabler {
	width: 100%;
}
/* ==|== primary styles =====================================================
	 Author: Brett - www.brettcorey.com
	 ========================================================================== */

/* == START OF CUSTOM STYLIN' AND ADDITIONS ================================== */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
}

#wrap {min-height: 100%; }

#main {
	padding-bottom: 200px; /* must be same height as the footer */
	background: #FFF;
}  

#bannerimg2 {
	display: block;
	height: 150px;
}

#footer {
	position: relative;
	background: url('../images/box-bg.jpg') no-repeat #555b63;
	background-position: top center;
	color: white;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
}
#footer h3 {
	color: #ccc;
}
#sitemap {
	font-size: 10px;
}

#sitemap li {
	list-style: none;
	padding-left: 0px;
}

li.topList {
	font-size: 1.3em;
	line-height: 1.1em;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #888;
	width: 80%;
}

#sitemap li a {
		color: #FFF;
}

#sitemap li a:hover {
		color: #fff;
		background: #03C;
}

.sitemapDiv {
	display: inline;
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 30px;
	width: 130px;
}
.sitemapDiv ul {
	margin: 0px;
	padding: 0px;
}
.inset, inset2 {
	background-position: top left;
	padding: 0px 0px 2px 10px;
}
.inset {
	background: url(../images/bullet.png) no-repeat;
	margin: 0px 0px 0px 30px;
	}
.inset2 {
	margin: 0px 0px 0px 60px;
}
.last {
	margin-bottom: 20px;
}
.bullet {
	margin-right: 6px;
}
.twoColDiv {
	float: left;
	width: 270px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.full {
	display: inline-block;
	width: 100%
}
.frame {
	border: #999 solid thin;
}
.margin18 {
	margin-bottom: 18px;
}
#mobileLoc {
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/*
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.

	Note: IE6 works fine without this fix.
*/

body {
	min-width: 960px;
}
/* Image Preview */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position: relative;
}

.container_12 .grid_3 {
	width: 220px;
}

.container_12 .grid_6 {
	width: 460px;
}

.container_12 .grid_9 {
	width: 700px;
}

.container_12 .grid_12 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3 {
	padding-left: 240px;
}

.container_12 .prefix_6 {
	padding-left: 480px;
}

.container_12 .prefix_9 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3 {
	left: 240px;
}

.container_12 .push_6 {
	left: 480px;
}

.container_12 .push_9 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3 {
	left: -240px;
}

.container_12 .pull_6 {
	left: -480px;
}

.container_12 .pull_9 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	More Mobile Semiconductor custom stylin'.
*/

/*
* {
	margin:0;
	padding: 10;
} 

body {
	background:url(../images/tail-top.gif) left top repeat-x #555b63;
	font-size:100%;
	line-height:1.0625em;
	color:#03C;
}

input, select, textarea { font-family: 'Quattrocento Sans', Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}

.alignleft { text-align:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

*/

/*==================forms====================*/
label {
	color: #ccc;
	font-size: 100%;
	margin: 0px 5px 5px 30px;
}

#html5form input, #html5form textarea{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	width: 400px;
	margin: 4px 0 15px 25px;
	border: 0px solid #9CF;
	padding: 3px;
}
#html5form input{
	height: 20px;
	 font-size: 80%;
}
#html5form textarea{
	height: 50px;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 1em;
}
#html5form .submit{
	width: 200px;
	height: auto;
	padding: 3px 5px;
	background-color: #333;
	color: #ccc;
	font-weight: bold;
	 display: inline-block;
	zoom: 1;
	*display: inline;
	border: 2px solid #ccc;
}
#html5form .submit:hover{
	color: #333;
	background-color: #ccc;
	border: 2px solid #333;
}
/*
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form label { display:block; height:42px;} 
#contacts-form label input { width:214px; padding:2px 0 3px 3px; color:#111; background:#fff; border:1px solid #484a4c;}
#contacts-form textarea {width:264px; height:102px; padding:2px 0 2px 3px; margin-bottom:15px; color:#111; background:#fff; border:1px solid #484a4c; overflow:auto;}
*/

/*==================list====================*/
ul {
	list-style:none;
	text-align: left;
}

#menu {
	margin-top: 4px;
	height: 21px;
}


/*.nav { width:100%; overflow:hidden;}
.nav li { display:inline;}
.nav li a { display:block; float:left; width:110px; height:30px; background:url(../images/nav-button2.png) no-repeat left top; text-align:center; color:#fff; font-weight:bold; text-decoration:none; line-height:28px; font-size:1.1em; margin-right:-11px; position:relative;}
.nav li a:hover { text-decoration:underline;}
.nav li a.m1 { z-index:6;}
.nav li a.m2 { z-index:5;}
.nav li a.m3 { z-index:4;}
.nav li a.m4 { z-index:3;}
.nav li a.m5 { z-index:2;}
.nav li a.m6 { z-index:1;}
.nav li a.current { background:url(../images/nav-button1.png) no-repeat left top; color:#00a2ff; z-index:10 !important;}
.nav li a.current:hover { text-decoration:none; cursor:default;}

.list1 li { background:url(../images/arrow-1.gif) no-repeat left 9px; padding:0 0 20px 10px; line-height:2.18em;}
.list1 li.alt {background:url(../images/arrow-2.gif) no-repeat left 9px;}

.list2 dt { float:left; width:93px; color:#ff6f37; font-weight:bold;}
.list2 dd { overflow:hidden; padding-bottom:30px;}
.list2 dd img { margin:5px 0 0 5px;}

.list3 li { background:url(../images/arrow-3.gif) no-repeat left 3px; padding:0 0 3px 18px;}
.list3 li a { color:#b9e0f7;}

.list4 li { background:url(../images/arrow-1.gif) no-repeat left 6px; padding:0 0 7px 10px;}
.list4 li a { color:#2b4c59;}
*/

/*==================other====================*/
#content {
	margin-right: 30px;
	float: left;
}
article {
	background: #fff;
	margin: 0 0 30px 0;
}
article header, aside header {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 100%;
	color: #eee;
	height: 40px;
	margin: 20px 0px;
	background-color: #e8f0f1;
	box-shadow: inset 0 -35px 35px -18px #e8f0f1;
	background-image: -moz-linear-gradient(top, #fff, #e8f0f1);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e8f0f1));
	border: 1px solid #CCC;
}
article header h3, aside header h3 { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 40px;
	padding-left: 20px;
	float: left;
}
article p, aside p { 
	margin: 0px 0px 18px 20px;
	font-size: .8em;
}
article input {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	margin: 8px 0px 0px 0px;
	padding: 2px 6px;
	background-color: #E8F0F1;
	box-shadow: inset 0 -35px 35px -18px #E8F0F1;
	background-image: -moz-linear-gradient(top, white, #E8F0F1);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, white),color-stop(1, #E8F0F1));
	border: 1px solid #CCC;
	font-size: .8em;
}
article input:hover {
	color: #03C;
	border: 1px solid #03C;
}
#mainContent {
	margin-left: 20px;
	margin-right: 0px;
}
#mainForm {
	margin-left: 20px;
	margin-right: 20px;
	width: 920px;
}
.comments {
	font-size: 16px;
	font-weight: bold;
	float: right;
	line-height: 40px;
	width: 60px;
	height: 40px;
	text-align: center;
	background-color: #970000;
	background-color: rgba(151, 0, 0, 0.4);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 0 0 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: inset 0 0 10px rgba(50, 50, 50, 0.5);
}
article .\2tabelLeft, article .\2tabelRight {
	position: relative;
	width: 220px;
}
article div .\2tabelLeft {
	text-align: right;
}
article div .\2tabelRight {
	text-align: left;
}
/* SIDEBAR */
aside {
	width: 100%;
	float: right;
	background: #FFF;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}
aside h1, footer h1 {
	font-size: 18px;
	line-height: 28px;
	height: 28px;
	margin-bottom: 10px;
	background-color: #0081ac;
	box-shadow: inset 0 -28px 35px -18px #005b79;
	background-image: -moz-linear-gradient(top, #0081ac, #005b79);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0081ac), color-stop(1, #005b79));
	color: #fff;
	padding: 0 10px;
	border: 1px solid #6e7e93;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

aside nav, aside section {
	margin: 0 0 25px 0;
	padding: 0;
	background: none;
}
aside a {
	width: 100%;	
	margin: auto;
}
aside section:last-child { margin-bottom: 0 }
#sideContent {
	margin-left: 0px;
	margin-right: 20px;
}
section li {
	font-size: .8em;
	color: #03C;
	margin: 0 0 20px 20px;
}
section li a:hover {
	color: #fff;
	background:#03C;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#inTouch li {
	display: block;
	background: #fff;
	margin-bottom: 5px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #d9d4b8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.twitter {
	background-color: #4da3bf;
	box-shadow: inset 0 35px 35px -18px #73b6cc;
	background-image: -moz-linear-gradient(bottom, #4da3bf, #73b6cc);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4da3bf),color-stop(1, #73b6cc));
}
.rss {
	background-color: #d98b3c;
	box-shadow: inset 0 35px 35px -18px #e1a467;
	background-image: -moz-linear-gradient(top, #e1a467, #d98b3c);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e1a467),color-stop(1, #d98b3c));
}

.links li {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	text-align: left;
	border-bottom: 1px solid #81aeab;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}
.links li:hover { margin-left: 5px }
.links li a:hover { border: none }

blockquote {
	margin: auto;
	text-align: center;
	font-size: 115%;
	font-style: italic;
	line-height: 26px;
	color: #03C;
	width: 240px;
	padding: 10px 10px 13px;
	position: relative;
/*	background-color: #005b79;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: #e8f0f1;
	box-shadow: inset 0 -35px 35px -18px #e8f0f1;
	background-image: -moz-linear-gradient(top, #fff, #e8f0f1);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #e8f0f1));
	border: 1px solid #CCC; */
	z-index: 3;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
blockquote:before {
	position: absolute;
	bottom: -29px;
	left: 20px;
	width: 0;
	height: 30px;
	border-right: 60px solid #005b79;
	background: #005b79;
	border-bottom-right-radius: 70px 50px;
	-moz-border-radius-bottomright: 70px 50px;
	-webkit-border-bottom-right-radius: 70px 50px;
	z-index: 2;
}
blockquote:after {
	position: absolute;
	bottom: -30px;
	left: 2px;
	width: 60px;
	height: 30px;
	background: #ebe8d9;
	border-bottom-right-radius: 40px 50px;
	-moz-border-radius-bottomright: 40px 50px;
	-webkit-border-bottom-right-radius: 40px 50px;
	z-index: 2;
}
blockquote:hover {
	transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.byline {
	margin: 10px 0 0;
	color: #333;
	display: block;
	font-size: 60%;
	font-weight: bold;
	line-height: 110%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* :-webkit-any(article,aside,section) h1 {
	font-size: 1.5em;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
} */

#copyright {
		font-size: .6em;
		text-align: center;
		width: 100%;
		margin: 30px 0px;
}

/* 
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:26px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap {
	overflow:hidden;
	color: #000;
	font-size: 12px;
}

.p1 {
	margin-bottom:17px;
	color: #000;
}
.p2 {
	margin-bottom:26px;
	color: #000;
	font-size: 16px;
}
.p3 { margin-bottom:7px;}

blockquote p {
	margin-bottom:2px;
	font-size: 12px;
	color: #000;
}
*/

/*==================txt, links, lines, titles====================*/
/*
a {
	color:#03C;
}
a:hover{
	color: #03C;
	text-transform: none;
}
*/
h2 {
	color:#03C;
	line-height:1.2em;
	font-weight:normal;
	padding:4px 0 0 0;
	margin-bottom:32px;
}
h2.alt { 
	background:url(../images/marker.png) no-repeat left top; 
	padding:8px 0 8px 49px; 
	margin-bottom:28px;}

h3 {
	font-size:1em;
	color:#03C;
	font-weight:normal;
	line-height:43px;
	/*padding-left:11px;*/
}
h3 span {
	color:#03C;
}
h3 a:hover {
	text-decoration:underline
}
h4 {
	color: #000;
	font-size: 80%;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-left: 20px;
	/* margin-bottom: 20px; */
}
h4.blue {
	color: #03C;
	font-size: 1em;
}
h4.notblue {
	font-size: 1em;
	margin-bottom: 8px;
}
h5 { 
	font-size:.5em;
	font-family: 'Quattrocento Sans', sans-serif;
	color:#ccc;
	font-weight: normal;
}
#pTitle {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 2px;
}
#pTitle a:hover {
	color: white;
	background: #03C;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.button {
	font-size: .8em;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 100%;
	color: #eee;
	margin-bottom: 15px;
	padding: 5px;
	background:#03C;
	border: 1px solid #CCC;
}
.button a:hover {
	color:#fff;
	font-weight: 700;
	background:#9CF;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#divider {
}
#lineVer {
	margin-top: 20px;
	padding-left: 29px;
}
.line-hor { background:#ccd1d2; height:1px; overflow:hidden; font-size:0; line-height:0; margin:10px 0 10px 0;}
.line-ver1, .line-ver2 { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-ver3 { background-image:url(../images/line-ver1.gif); background-repeat:repeat-y; width:100%;}

/*
h6 { font-size:1em; margin-bottom:17px; color:#ff6f37;}

.txt1 { color:#909090; font-size:.91em; line-height:1.4em;}
.txt2 { font-family: 'Quattrocento Sans', sans-serif; font-size:1.27em; color:#fff; line-height:1.71em;}

.button1 { float:right; font-size:.82em; margin-left:32px;}
.button1 span { display:block; background:url(../images/button1-left.gif) no-repeat left top; padding-left:3px;}
.button1 span span { background:url(../images/button1-right.gif) no-repeat right top; padding-right:10px; padding-left:0;}
.button1 span span a { display:block; background:url(../images/button1-bg.gif) left top repeat-x; padding:1px 5px 2px 5px; color:#ebf6fb; text-decoration:none; text-transform:uppercase;}
.button1 span span a:hover { color:#03c;}

*/

.title {
	margin-top: 10px;
}
#portrait {
	margin-left: 0px;
	margin-right: 20px;
	font-family: 'Open Sans', sans-serif;
}
#portrait img {
	margin-bottom: 10px;
}
/*==================boxes====================*/
/*
.box { color:#b9e0f7;}
.box .top { background:url(../images/box-top.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bottom { background:url(../images/box-bottom.gif) no-repeat left top; height:11px; overflow:hidden; font-size:0; line-height:0;}
.box .bg { background:url(../images/box-bg.jpg) no-repeat left top #111314; width:100%;}
.box .indent { padding:16px 20px 32px 25px;}
.box .indent .indent { padding:0 40px 35px 0;}

.box1 { background:url(../images/box1-bg.gif) left bottom repeat-x #fff; width:100%; min-height:217px; height:auto !important; height:217px;}
.box1 .indent { padding:0 0 16px 29px;}
.box1-bottom { background:url(../images/box1-bottom.gif) no-repeat left top; height:14px; overflow:hidden; font-size:0; line-height:0;}
.box1 .indent1 { padding:22px 0 0 12px;}
.box1 .indent2 {
	padding:22px 16px 0 12px;
	font-size: 10px;
	font-family: 'Quattrocento Sans', sans-serif;
}
.box1 .indent3 { padding:0 20px 16px 29px;}

.cont-box { padding:0 80px 0 0; margin:0;}
.cont-box span { float:right;}

.title-box {
	background:url(../images/title-bg.gif) left top repeat-x;
	width: auto;
	font-weight: bold;
}
.title-box .left { background:url(../images/title-left.gif) no-repeat left top;}
.title-box .right { background:url(../images/title-right.gif) no-repeat right top; height:43px;}
*/


/*header*/


header {
	margin-top: 8px;
	background: #fff;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
#logo {
	padding-left: 5px;
	padding-top: 5px;
}

/*
#header .row-1 {
	height:115px;
}
#header .row-1 .indent {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#header .row-2 {
	height:65px;
	text-align:right;
	text-transform:uppercase;
}
#header .row-2 .indent { padding:17px 21px 0 0;}
#header .row-2 a { color:#0d96e5; text-transform:none;}
#header .row-3 { padding:87px 195px 0 0; text-align:right;}
#header .logo {
	position:absolute;
	top:inherit;
	left:47px;
	width: 200px;
	height: 50px;
	overflow: hidden;
}

*/

/*content*/
/*
#content .row-1 { padding-bottom:20px;}
*/

/*footer*/
/*
#footer { text-align:right; color:#b9c9d2; text-transform:uppercase;}
#footer a {color:#b9c9d2; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
*/

/*==========================================*/
/*
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-1 .indent2 .p2 strong {
	font-size: 10px;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-1 .indent2 .p2 strong {
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-2 .indent1 blockquote div h4 {
	font-size: 12px;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-2 .indent1 blockquote div h4 {
	color: #000;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-1 .indent2 .p2 {
	font-size: 12px;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-1 .indent2 .p1 p {
	color: #000;
	font-size: 0.69pt;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-1 .indent2 .p1 p {
	font-size: 12px;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-2 .indent1 blockquote div p u .indent1 {
	color: #03C;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-1 .indent2 .p2 {
	font-size: 12px;
	font-family: 'Quattrocento Sans', sans-serif;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-2 .title-box .left .right h3 a {
	color: #03C;
	text-decoration: none;
	cursor: default;
}
#page2 #main .inside #content .row-1 .box1 .indent .line-ver1 .wrapper .col-2 .indent1 blockquote div h2 {
	color: #03C;
}
h4 {
	font-size: 10px;
	color: #03C;
}
*/

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0px 0px 0px 8px;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 950px;
	padding: 2px 0px;
	border: none 0px #DEDEDE;
	background: white;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .7em;
	background: url(../Images/Chevron.gif) no-repeat 100% 0;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(../Images/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(../Images/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}

#name, #email, #website, #telephone, #comment {
	color: #333;
}

/* =============================================================================
	 DDSmoothMenu
	 ========================================================================== */

.ddsmoothmenu{
font-size: .7em;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
background-color: #EEE; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #eee; /*background of menu items (default state)*/
color: #333;
padding: 6px 10px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #333;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-color: #33C;
color: white;
}

.ddsmoothmenu ul li a:hover{
background-color: #33C; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-family: 'Open Sans', sans-serif;
font-weight: 600;
width: 160px; /*width of sub menus*/
padding: 6px 10px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 10px;
	right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color: #000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}




/* == END OF CUSTOM STYLIN' AND ADDITIONS ==================================== */

/* ==|== media queries ======================================================
	 PLACEHOLDER Media Queries for Responsive Design.
	 These override the primary ('mobile first') styles
	 Modify as content requires.
	 ========================================================================== */

@media only screen and (min-width: 480px) {
	/* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
	/* Style adjustments for viewports 768px and over go here */

}



/* ==|== non-semantic helper classes ========================================
	 Please define your styles before this section.
	 ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}

.clearfix:after,
.container_12:after {
	clear: both;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix, .container_12 {
	zoom: 1;
}


/* ==|== print styles =======================================================
	 Print styles.
	 Inlined to avoid required HTTP connection: h5bp.com/r
	 ========================================================================== */

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }	/* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}