/* --------------------------------------------------------------
/ Coming Soon Theme
/
/ CSS Properties: Alphabetically sorted
/-------------------------------------------------------------- */

/* --------------------------------------------------------------
 Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*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;
}
button, input, select, textarea {
	width: auto;
	overflow: visible;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
	vertical-align: text-top;
}

/* --------------------------------------------------------------
 Typography
-------------------------------------------------------------- */
p { word-wrap: break-word; }

i,
em,
dfn,
cite { font-style: italic; }
tt,
var,
pre,
kbd,
samp,
code {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-style: normal;
}
b,
strong { font-weight: 700; }
pre {
	background: #fff;
	margin-top: 20px;
	max-width: 98%;
	padding-left: 1em;
	height: auto;
}
del {
	color: #555;
	text-decoration: line-through;
}

sup, 
sub,
small {
	font-size: 85%;
}
sup { vertical-align: super; }
sub { vertical-align: sub; }

abbr, 
acronym {
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}
a abbr, 
a acronym {
	border: none;
}
dfn[title],
abbr[title], 
acronym[title] {
	border-bottom: 1px solid #ccc;
	cursor: help;
}

/* --------------------------------------------------------------
 Responsive 12 Column Grid
-------------------------------------------------------------- */
html { min-height: 100%; }
.row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 100%;
	*zoom: 1;
}
.row:before,
.row:after {
	content: "";
	display: table;
	line-height: 0;
}
.row:after { clear: both; }
.col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.7624309392265194%;
	*margin-left: 2.709239449864817%;
	min-height: 1px;
	padding-top: 0;
	width: 100%;
}
.col:first-child {
	margin-left: 0;
}
.row-right .col,
.col-right {
	float: right;
}
.span1 { 
	width: 5.801104972375691%;
	*width: 5.747913483013988%;
}
.span2 { 
	width: 14.3646408839779%;
	*width: 14.311449394616199%; 
}
.span3 { 
	width: 22.92817679558011%;
	*width: 22.87498530621841%; 
}
.span4 { 
	width: 31.491712707182323%;
	*width: 31.43852121782062%;
}
.span5 { 
	width: 40.05524861878453%;
	*width: 40.00205712942283%;
}
.span6 { 
	width: 48.61878453038674%;
	*width: 48.56559304102504%; 
}
.span7 { 
	width: 57.18232044198895%;
	*width: 57.12912895262725%;
}
.span8 { 
	width: 65.74585635359117%;
	*width: 65.69266486422946%;
}
.span9 {
	width: 74.30939226519337%;
	*width: 74.25620077583166%;
}
.span10 { 
	width: 82.87292817679558%;
	*width: 82.81973668743387%;
}
.span11 { 
	width: 91.43646408839778%;
	*width: 91.38327259903608%;
}
.span12 { 
	width: 100%;
    *width: 99.94680851063829%;
}
.offset1 {
	margin-left: 11.32596685082873%;
	*margin-left: 11.219583872105325%;
}
.offset1:first-child {
	margin-left: 8.56353591160221%;
	*margin-left: 8.457152932878806%;
}
.offset2 {
	margin-left: 19.88950276243094%;
	*margin-left: 19.783119783707537%;
}
.offset2:first-child {
	margin-left: 17.12707182320442%;
	*margin-left: 17.02068884448102%;
}
.offset3 {
	margin-left: 28.45303867403315%;
	*margin-left: 28.346655695309746%;
}
.offset3:first-child {
	margin-left: 25.69060773480663%;
	*margin-left: 25.584224756083227%;
}
.offset4 {
	margin-left: 37.01657458563536%;
	*margin-left: 36.91019160691196%;
}
.offset4:first-child {
	margin-left: 34.25414364640884%;
	*margin-left: 34.14776066768544%;
}
.offset5 {
	margin-left: 45.58011049723757%;
	*margin-left: 45.47372751851417%;
}
.offset5:first-child {
	margin-left: 42.81767955801105%;
	*margin-left: 42.71129657928765%;
}
.offset6 {
	margin-left: 54.14364640883978%;
	*margin-left: 54.037263430116376%;
}
.offset6:first-child {
	margin-left: 51.38121546961326%;
	*margin-left: 51.27483249088986%;
}
offset7 {
	margin-left: 62.70718232044199%;
	*margin-left: 62.600799341718584%;
}
.offset7:first-child {
	margin-left: 59.94475138121547%;
	*margin-left: 59.838368402492065%;
}
.offset8 {
	margin-left: 71.2707182320442%;
	*margin-left: 71.16433525332079%;
}
.offset8:first-child {
	margin-left: 68.50828729281768%;
	*margin-left: 68.40190431409427%;
}
.offset9 {
	margin-left: 79.8342541436464%;
	*margin-left: 79.72787116492299%;
}
.offset9:first-child {
	margin-left: 77.07182320441989%;
	*margin-left: 76.96544022569647%;
}
.offset10 {
	margin-left: 88.39779005524862%;
	*margin-left: 88.2914070765252%;
}
.offset10:first-child {
	margin-left: 85.6353591160221%;
	*margin-left: 85.52897613729868%;
}
.offset11 {
	margin-left: 96.96132596685082%;
	*margin-left: 96.8549429881274%;
}
.offset11:first-child {
	margin-left: 94.1988950276243%;
	*margin-left: 94.09251204890089%;
}
.offset12 {
	margin-left: 105.52486187845304%;
	*margin-left: 105.41847889972962%;
}
.offset12:first-child {
	margin-left: 102.76243093922652%;
	*margin-left: 102.6560479605031%;
}


/* .fit is the very last item in your grid 
   to keep your columns inline without float
*/
.fit {
	margin-left: 0!important;
	margin-right: 0!important;
}
img {
	height: auto;
	max-width: 100%;
}
embed,
iframe,
object { max-width: 100%; }

/* --------------------------------------------------------------
 Links
-------------------------------------------------------------- */
a {
	color: #06c;
	font-weight: 400;
	text-decoration: none;
}
a:hover {
	color: #444;
	text-decoration: none;
}

/* --------------------------------------------------------------
 Forms
-------------------------------------------------------------- */
label {
	display: block;
	padding: 2px 0;
}
legend {
	padding: 2px 5px;
}
fieldset {
	border: 1px solid #0C83C1;
	margin: 0 0 1.5em;
	padding: 1em 2em;
}
select,
input[type="text"], 
input[type="password"],
input[type="email"]{
	border: 1px solid #0C83C1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0;
	outline: none;
	padding: 12px 20px;
	vertical-align: middle;
	width: 58%;
}
select {
	height: auto;
	width: 60%;
}
area,
textarea {
	border: 1px solid #0C83C1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	margin: 0;
	overflow: auto;
	outline: none;
	padding: 12px 20px;
	width: 100%;
}
input, 
select { cursor: pointer; }
area:focus,
input:focus, 
textarea:focus { background: #fff; }
input[type='text'], 
input[type='password'] { cursor: text; }

/* --------------------------------------------------------------
 Buttons
-------------------------------------------------------------- */
button, 
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
	background: #464646;
	border: 1px solid #464646;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	vertical-align: middle;
	white-space: nowrap;
}
button:hover, 
a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
	background: #363636;
	border: 1px solid #363636;
}

/* --------------------------------------------------------------
 Tables
-------------------------------------------------------------- */
table {
	background: none;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
th, td {
	padding: 8px; 
}
th {
	border-top: 1px solid #0C83C1;
	border-bottom: 2px solid #0C83C1;
	font-weight: bold;
	text-align: left;
}
td {
	border-top: 1px solid #0C83C1;
	border-bottom: 1px solid #0C83C1;
}
table tbody tr:hover { background: #0C83C1; }
table caption {
	background: #AAA; 	
	padding: 10px 0 10px 0;
	font-size: 1.1em;
	font-weight: bold; 
	width: 100%; 
}
table p { margin: 0; }
table a {
	color: #FFFFFF;
	text-decoration: underline;
}

/* --------------------------------------------------------------
 Lists
-------------------------------------------------------------- */
ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ol {
	line-height: 22px;
	list-style-position: outside;
	list-style-type: decimal;
}
dt { font-weight: 400; }

/* --------------------------------------------------------------
 Horizontal Rule
-------------------------------------------------------------- */
hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: .1em;
	width: 100%;
}
hr.space {
	background: #fff;
	color: #fff;
}

/* --------------------------------------------------------------
 Blockquote
-------------------------------------------------------------- */
blockquote {
	background: #f9f9f9;
	border: none;
	border-left: 4px solid #d6d6d6;
	margin: 20px;
	overflow: auto;
	padding: 0 0 10px 12px;
}
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	line-height: 26px;
}

/* --------------------------------------------------------------
 Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	line-height: 1em;
	word-wrap: break-word;
}
h1 {
	color: #0072BC;
	font-size: 3.75em;
}
h2 {
	color: #777;
	font-size: 2em;
}
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 {
	font-size: 1em;
	text-transform: uppercase;
}

/* --------------------------------------------------------------
 Margins & Paddings
-------------------------------------------------------------- */
p, 
hr, 
dl, 
pre,
table,
address, 
blockquote { margin: 1.6em 0; }

h1 { margin: 1em 0 .5em; }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }

caption { padding-bottom: .8em; }
blockquote { padding: 0 1em; }
blockquote:first-child { margin: .8em 0; }
fieldset {
	margin: 1.6em 0;
	padding: 0 1em 1em;
}
legend {
	padding-left: .8em;
	padding-right: .8em;
}
select { padding: .1em .2em 0; }
option { padding: 0 .4em; }
dt {
	margin-bottom: .4em;
	margin-top: .8em;
}
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, 
ul ol { margin-left: 2.5em; }

/* --------------------------------------------------------------
 Alignments
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, 
div.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { float: none; }

.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

/* --------------------------------------------------------------
 Clearfix
-------------------------------------------------------------- */
.clearfix:after  {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
}
.clearfix  { display: inline-block; }
.html .clearfix  { height: 1%; }
.clearfix  { display: block; }
.clear { clear: both; }

/* --------------------------------------------------------------
 Bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: bidi-override;
}

[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}

/* --------------------------------------------------------------
 Base Styles
-------------------------------------------------------------- */
body {
	background-color: #efefef;
	background-image: url('../img/cs-pattern.png');
	background-repeat: repeat;
	color: #464646;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
}
.full-width {
	margin: 0;
	padding: 0;
	width: 100%;
}
.wrapper {
	margin: 0 auto;
	max-width: 960px;
	padding: 0 10px;
}

/* --------------------------------------------------------------
 Toolbar Styles
-------------------------------------------------------------- */


/* --------------------------------------------------------------
 Header Styles
-------------------------------------------------------------- */
#header {
	margin: 0;
	padding: 10px 0 0 0;
}
#toolbarRight > * {
	float: right;
}
#header .logo {
	
}
#header p {
	font-size: 1.5em;
}
#headerTop {
	
}
#headerBottom {
	text-align: center;
}

/* --------------------------------------------------------------
 Body Styles
-------------------------------------------------------------- */
#container {
	background: #007aba;
	color: #FFFFFF;
	padding: 50px 0;
}
#contentBody h1 {
	
}
#contentBody h2 {
	color: #FFFFFF;
}
#contentBody .col :last-child { margin-bottom: 0; }
#contentBody .contentBlock {
	margin-bottom: 20px;
}
.contentBlock > :first-child { margin-top: 0; }
.content .contentBlock img {
	background: #fff;
	border: 1px solid #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin: 3px;
}

/* --------------------------------------------------------------
 Footer Styles
-------------------------------------------------------------- */
#footer {
	background: url('../img/cs-arrow.png') no-repeat top center;
	color: #999999;
	font-size: 14px;
	line-height: 1.5em;
	min-height: 40px;
	padding: 40px 0 20px;
	text-align: center;
}
#footer a {
	color: #999999;
	font-weight: normal;
	text-decoration: underline;
}

/* --------------------------------------------------------------
 Menu Styles
-------------------------------------------------------------- */
.nav { width: 100%; }


/* --------------------------------------------------------------
 Other Styles
-------------------------------------------------------------- */
/*    --- Other Styles Go Here ---    */
.googleMap #mapCanvas {
	width: 100% !important;
}
.contact-details .title {
	background: url(../img/cs-contact.png) no-repeat left center;
	line-height: 55px;
	margin: 0 0 20px 0;
	padding: 0 0 0 55px;
}
.contact-details table {
	margin: 0;
}
.contact-details .field {
	padding-left: 0;
}
.contact-details .value {
	padding-right: 0;
}


/* --------------------------------------------------------------
 Media & Responsive
-------------------------------------------------------------- */
/* Media Print */
@media print {
	h1 { page-break-before: always; }
	h1,  h2,  h3,  h4,  h5,  h6 { page-break-after: avoid;  }
	ul,  ol,  dl { page-break-before: avoid; }
}

/* Responsive Design Media Queries */
@media screen and (max-width: 980px) {
	
}
@media screen and (max-width: 780px) {
	
}
@media screen and (max-width: 650px) {
	.col,
	.col-right {
		float: none !important;
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
	}
	[class*="offset"] {
		margin-left: 0;
	}
	#header .header-left {
		text-align: center;
	}
	#toolbar-right > * {
		float: left;
	}
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}
@media screen and (max-width: 240px) {

}