/*
 *  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 20, 2014, 2:02 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;
}

/* 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: 747px;
  z-index: 1;
}

/* You named this layer slider-main */
#slider {
  position: absolute;
  left: 56px;
  top: 113px;
  width: 1068px;
  height: 400px;
  z-index: 2;
}

/* You named this layer slider-title */
#slider-title {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 416px;
	height: 240px;
	z-index: 3;
}

/* You named this layer copyright */
#copyright {
	position: absolute;
	left: 49px;
	top: 664px;
	width: 258px;
	height: 20px;
	z-index: 4;
}

/* You named this layer address */
#address {
	position: absolute;
	left: 775px;
	top: 665px;
	width: 374px;
	height: 42px;
	z-index: 5;
}

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

/* You named this layer about-us-button */
#about-us {
  position: absolute;
  left: 142px;
  top: 468px;
  width: 218px;
  height: 146px;
  z-index: 7;
}

/* You named this layer our-products-button */
#products {
  position: absolute;
  left: 375px;
  top: 468px;
  width: 218px;
  height: 146px;
  z-index: 8;
}

/* You named this layer news-events-button */
#news-events {
  position: absolute;
  left: 608px;
  top: 468px;
  width: 218px;
  height: 146px;
  z-index: 9;
}

/* You named this layer schedule-demo-button */
#schedule-demo {
  position: absolute;
  left: 841px;
  top: 468px;
  width: 218px;
  height: 146px;
  z-index: 10;
}

/* 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: 12;
	visibility: hidden;
}

/* You named this layer logo */
#logo {
  position: absolute;
  left: 49px;
  top: 15px;
  width: 474px;
  height: 91px;
  z-index: 13;
}

/* 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;
}

h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 26px;
	color: #FEC47B;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
}

h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 22px;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
}
.slidertext {
	font-family: Lato, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 17px;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: normal;
	text-align: left;
}

.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;
}