/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  June 24, 2014, 4:43 pm with psd2css Online version 1.95
 *
 */

body {
  margin: 0; padding: 0;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  font-size: small;
}
.bodytext {
}

/* This is a wrapper for the background_center2 layer you made */
#Layer-1-wrapper {
  position: relative;
  width: 1200px;
  margin: auto;
}

/* You named this layer background_center2 */
#Layer-1 {
	position: absolute;
	left: +0px;
	top: +0px;
	width: 1200px;
	height: 1000px;
	z-index: 1;
}

#Layer-1-long {
	position: absolute;
	left: +0px;
	top: +0px;
	width: 1200px;
	height: 1600px;
	z-index: 1;
}

#Layer-1-medium {
	position: absolute;
	left: +0px;
	top: +0px;
	width: 1200px;
	height: 1200px;
	z-index: 1;
}

/* You named this layer copyright */
#copyright {
	position: absolute;
	left: 49px;
	top: 920px;
	width: 183px;
	height: 10px;
	z-index: 2;
}

/* You named this layer address */
#address {
	position: absolute;
	left: 837px;
	top: 920px;
	width: 312px;
	height: 24px;
	z-index: 3;
}

#copyright-long {
  position: absolute;
  left: 49px;
  top: 1520px;
  width: 183px;
  height: 10px;
  z-index: 2;
}

/* You named this layer address */
#address-long {
  position: absolute;
  left: 837px;
  top: 1520px;
  width: 312px;
  height: 24px;
  z-index: 3;
}

#copyright-medium {
	position: absolute;
	left: 49px;
	top: 1120px;
	width: 183px;
	height: 10px;
	z-index: 2;
}

/* You named this layer address */
#address-medium {
	position: absolute;
	left: 838px;
	top: 1120px;
	width: 312px;
	height: 24px;
	z-index: 3;
}

/* You named this layer footer-line */
#footer-bar {
	position: absolute;
	left: 50px;
	top: 900px;
	width: 1100px;
	height: 1px;
	z-index: 4;
}

#footer-bar-long {
	position: absolute;
	left: 50px;
	top: 1500px;
	width: 1100px;
	height: 1px;
	z-index: 4;
}

#footer-bar-medium {
	position: absolute;
	left: 50px;
	top: 1100px;
	width: 1100px;
	height: 1px;
	z-index: 4;
}

/* You named this layer about-us */
#about-us {
  position: absolute;
  left: 853px;
  top: 384px;
  width: 143px;
  height: 101px;
  z-index: 5;
}

/* You named this layer products */
#products {
  position: absolute;
  left: 1006px;
  top: 384px;
  width: 143px;
  height: 101px;
  z-index: 6;
}

/* You named this layer news-events */
#news-events {
  position: absolute;
  left: 854px;
  top: 481px;
  width: 143px;
  height: 101px;
  z-index: 7;
}

/* You named this layer schedule-demo */
#schedule-demo {
  position: absolute;
  left: 1006px;
  top: 481px;
  width: 143px;
  height: 101px;
  z-index: 8;
}

/* You named this layer hreo-pic */
#hero-pic {
  position: absolute;
  left: 50px;
  top: 116px;
  width: 1100px;
  height: 238px;
  z-index: 9;
}

#page-title {
	position: absolute;
	left: 20px;
	top: 100px;
	width: 495px;
	height: 69px;
	z-index: 10;
}

#content {
	position: absolute;
	left: 50px;
	top: 384px;
	width: 785px;
	height: 500px;
	z-index: 1;
}

#content-long {
	position: absolute;
	left: 50px;
	top: 384px;
	width: 785px;
	height: 932px;
	z-index: 1;
}

#content-medium {
	position: absolute;
	left: 50px;
	top: 384px;
	width: 785px;
	height: 700px;
	z-index: 1;
}

/* You named this layer top-navigation */
#top-navigation {
	position: absolute;
	left: 524px;
	top: 77px;
	width: 625px;
	height: 20px;
	z-index: 11;
	text-align: right;
}

/* You named this layer live-chat */
#live-chat {
	position: absolute;
	left: 988px;
	top: 17px;
	width: 161px;
	height: 62px;
	z-index: 11;
	visibility: hidden;
}

/* You named this layer AdvantaChart */
#logo {
  position: absolute;
  left: 53px;
  top: 12px;
  width: 472px;
  height: 93px;
  z-index: 12;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a {
  cursor: pointer;
  outline: none;
}
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}

.top-navigation {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 17px;
	color: #08A9DE;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
}

.top-navigation a:link {
	color: #08A9DE;
	text-decoration: underline;
}

.top-navigation a:hover {
	color: #08A9DE;
	text-decoration: none;
}

.top-navigation a:visited {
	color: #999999;
	text-decoration: underline;
}

.copyright {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: 400;
	color: #000;
	text-align: justify;
}

.address {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: 400;
	color: #000;
	text-align: right;
}

.page-title {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 54px;
	line-height: 54px;
	color: #FFF;
	text-align: left;
	
}
p {
	margin: 0px;
}

.bodytext {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
	text-align: justify;
}
.bodytext a:link {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	color: #08A9DE;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
	text-align: justify;
	text-decoration: underline;
}
.bodytext a:hover {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	color: #08A9DE;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
	text-align: justify;
	text-decoration: none;
}
.bodytext a:visited {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
	text-align: justify;
	text-decoration: underline;
}

h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 42px;
	line-height: 32px;
	color: #00215B;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
}

h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #00215B;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
}

h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	color: #00215B;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
}

#contact-form {
	position: absolute;
	left: 401px;
	top: 0px;
	width: 346px;
	height: 416px;
	z-index: 21;
}

#demo-form {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 346px;
	height: 416px;
	z-index: 21;
}

#map {
	position: absolute;
	left: 2px;
	top: 550px;
	width: 782px;
	height: 381px;
	z-index: 21;
}

#vertical-bar-long {
	position: absolute;
	left: 844px;
	top: 384px;
	width: 2px;
	height: 1100px;
	z-index: 21;
	background-color: #000066;
}

#vertical-bar-short {
	position: absolute;
	left: 844px;
	top: 384px;
	width: 2px;
	height: 500px;
	z-index: 21;
	background-color: #000066;
}

#vertical-bar-medium {
	position: absolute;
	left: 844px;
	top: 384px;
	width: 2px;
	height: 700px;
	z-index: 21;
	background-color: #000066;
}
hr {
	border: 1px solid #0172C0;
}

/*DEMO FORM*/
#demoform {width:550px; text-align:left; margin:0;}
#demoform fieldset {margin:0; border:0; padding:0;}
#demoform legend {display:none;}
#demoform h3 {clear:both; padding:5px 0px 10px 0px; font-size:14px;}
#demoform label {display:block; width:480px; font-size:12px; line-height:14px; padding:5px 0px 2px 0px; text-align:left;}
#demoform input {display:block; margin-top:3px;}
#demoform input.full {width:470px;}
#demoform select {float:left; display:block;}
#demoform label.clrleft {clear:left;}
#demoform label.half {float:left; margin:0px 10px 0px 0px; width:230px;}
#demoform label.half input, #demoform label.half select {float:left; width:226px; padding:0px;}
#demoform .smred {font:9px;color:#990000;}
#demoform .red	{color:#990000;}
#demoform label.third {float:left; margin:0px 10px 0px 0px; width:110px;}
#demoform label.third input, #demoform label.third select {float:left; width:102px;}
#demoform textarea {display:block; width:470px; height:100px; margin-top:3px;}
#demoform #OtherComments {display:none;}ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}