﻿@font-face {
	font-family: Ubuntu;
	src: url('/fonts/ubuntu/Ubuntu-B.ttf') format('truetype');
}
html,body
{
	height: 100%;
}

body
{

	color: #453f45;
	background: #afe1ec url('/ClientData/image/templates/bg1.png') no-repeat center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0;
}p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.000000px;
	color: #453f45;
}

a
{
	color: #00b8de;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1.H1
{
	text-transform: lowercase;
	font-family: 'Ubuntu';
	font-weight: normal;
	font-size: 25.000000px;
	color: #00B8DE;
}

span.H1-large
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30.000000px;
	color: #00B8DE;
}

p.sidebar-header
{
	font-size: 18.000000px;
	color: #eb1c23;
	font-family: 'Ubuntu';
	text-transform: lowercase;
}

span.sidebar-header-large
{
	font-weight: bold;
	font-size: 24.000000px;
	text-transform: uppercase;
}

span.small-text
{
	font-size: 11.000000px;
}

img
{
	border-width: 0.000000px;
}

span.Subheader
{
	text-transform: lowercase;
	font-family: 'Ubuntu';
	font-size: 20.000000px;
	color: #00B8DE;
}

li.Twitter-date
{
	color: #00b8de;
	font-weight: bold;
	padding: 5px 0px 5px 5px;
}

li.Twitter-title
{
	padding: 0px 0px 0px 5px;
}


form
{
	margin: 0;
	padding: 0;
}

div.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

div#container
{
	background: white;
	margin: 0 auto -150px auto;
	min-height: 100%;
	width: 998px;
}


div#header-area
{
	height: 294px;
	padding: 0 7px;
	position: relative;
}

img#logo
{
	border: none;
	display: block;
	float: left;
	margin-right: 7px;
}

div#header-image
{
	float: left;
	height: 294px;
	position: relative;
	width: 723px;
}

div#header-overlay
{
	background: url('images/header-overlay.png') no-repeat left top;
	bottom: 0;
	height: 40px;
	left: 0;
	position: absolute;
	width: 723px;
	z-index: 50;
}

div#main-left
{
	background: url('images/maintop1.png') no-repeat left top;
	float: left;
	margin: -22px 7px 0 7px;
	padding-top: 31px;
	position: relative;
	width: 722px;
	z-index: 50;
}

div#main-left-content
{
	border: 1px solid #C4C4C4;
	border-top: none;
	overflow: auto;
	padding: 0 22px 20px 22px;
}

div#column-left
{
	float: left;
	margin-right: 4px;
	padding-bottom: 35px;
	width: 336px;
}

div#column-right
{
	float: left;
	padding-bottom: 35px;
	width: 336px;
}

div#content-middle
{
	clear: both;
	padding-bottom: 35px;
}

div#main-content-inner
{
	border-top: 1px solid #C8C8C8;
	clear: both;
	padding-top: 10px;
}

div#gallery-content-area
{
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 20px;
	padding: 0 45px 40px 56px;
}

div#sidebar
{
	background: url('images/mainside1.png') no-repeat left top;
	float: left;
	padding-top: 20px;
	position: relative;
	margin-top: -30px;
	width: 255px;
	z-index: 50;
}

div#newsletter-signup
{
	background: #EFF2DE url('images/newsletters.png') no-repeat left top;
	color: #453F45;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	overflow: auto;
	padding: 70px 14px 0 14px;	
}

div#newsletter-signup input[type=text]
{
	background: white;
	border: 1px solid #CCCCCC;
	color: #B6B6B6;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
	padding: 4px;
	width: 216px;
}

div#newsletter-signup img.subscribe
{
	border: 0;
	display: block;
	float: right;
}

div#sidebar-content
{
	background: #EFF2DE;
	border-top: 1px solid #EFF2DE;
	padding: 0 15px 15px 15px;
}

div#wide-content
{
	padding: 20px 20px;
}

div#push
{
	clear: both;
	height: 150px;
}

div#footer
{
	background: #00b8de;
	height: 150px;
}

div#footer p,
div#footer a,
div#footer span,
div#footer td
{
	color: white;
}

div#footer-content
{
	margin: 0 auto;
	padding: 10px 30px 0 30px;
	width: 938px;
}

.contact-form .form-row
{
	padding-bottom: 10px;
}

.contact-form .form-row:after
{
	clear: both;
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
}

.contact-form .form-row label.field-label
{
	display: block;
	float: left;
	width: 150px;
}

.contact-form .required label.field-label:after
{
	content: ' *';
	color: red;
}

.contact-form .form-row .field-input
{
	display: block;
	margin-left: 160px;
	max-width: 310px
}

.contact-form .form-row .field-input input[type=text],
.contact-form .form-row .field-input textarea
{
	box-sizing: border-box;
	display: block;
	padding: 5px;
	width: 100%;
}

.contact-form .recaptcha-row
{
	width: 470px;
}

.contact-form .recaptcha-row .g-recaptcha
{
	float: right;
}

.contact-form .form-buttons
{
	text-align: right;
	width: 470px;
}
