/* CSS Document */

/* setup */
* {
  margin: 0px;
  padding: 0px;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

html, body { 
	height: 100%; 
	width: 100%; 
	margin: 0; 
	font-size: 0.875em; /* currently ems cause chrome bug misinterpreting rems on body element */
  	line-height: 1.6;
  	font-family: "VAG Rounded Thin", Helvetica, Arial, sans-serif;
  	color: #1F3D7C; 
 	text-align: center;
	-webkit-font-smoothing: antialiased;	
	-webkit-text-size-adjust:100%;
	-webkit-text-stroke-width: 0.1px;

	
}
a {color: inherit; text-decoration:none;}
a.three.link {color: inherit;}
a.three:visited {color: inherit;}
a.three:hover{text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF}


a.two.link {color:#FFFFFF;}
a.two:visited {color:#FFFFFF;}
a.two:hover {color:#333333; text-decoration:underline;}
	

a.one:link {color:#1F3D7C;}
a.one:visited {color:#1F3D7C;}
a.one:hover {color:#333399; text-decoration:underline;}


img {
	border: 0;
}
table {
  border-collapse: collapse;
}

td, th {
  border: none;
  padding: 0.5;
  text-align: left;
  vertical-align: middle;
}

@media print {
	.page-break	{ 
	display: block; 
	page-break-after: always;
	page-break-inside: avoid; }
	
	.dontprint{ display: none; }
}

/* classes */
.box {
	box-sizing: border-box;
	background-color: #FFFFFF;
	border: 0.1em solid #003366;
	border-radius: 15px;	
	text-align:center; 
}
.container {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: white; }

 
.pad4px {margin: 1px;}
.pad264 {margin-left: 264px;}
.pad10 {margin-left: 10px;}
.pad20t{margin-top: 36px;}
.white{color: white;}
.bold{font-family: 'VAG Rounded Bold', Helvetica, Arial, sans-serif;}
.reg{font-family: 'VAG Rounded Thin', Helvetica, Arial, sans-serif;}
.whitereg{color: white;}
.green{color: #006837;}
.txt9 {	font-size: 9px;	color: #00AEEF; line-height:1.3;}
.txt19{ font-size: 19px; line-height: 1.6;}
.txt17{ font-size: 17px; line-height: 1.2;}
.txt17a{ font-size: 17px; line-height: 1.4;}
.txt20{	font-size: 20px; }
.txt20b{ font-size: 20px; line-height: 1.2;}
.txt20a{font-size: 20px; line-height: 1.2;}
.txt22{	font-size: 22px; line-height: 1.3;}
.txt50{	font-size: 50px; line-height: 1.4; }
.txt12{	font-size: 12px;}
.txt14{font-size:14px;}
.txt16{ font-size: 16px; line-height: 1.4;}
.txt11{ font-size: 11px;}
.txt35{ font-size: 34px; line-height:2;}
.indent{ margin-left: 8px;}
.center{text-align: center;}
.uline{ text-decoration: underline;}
.blue{ background-color:#33C3F0;}
.greenback{ background-color: #8CC641;}
.width {position: relative;	width: 100%;}
.whiteback { background-color: #FFFFFF;}
.lineht1{line-height: 1;}
.indent {padding-left: 15px;} 

input[type=text] {
    padding: 10 10 10 15;
	padding-left: 15px;
	height: 46px;
	width: 100%;
	border: none;
	font-size: 14px;
	background: url(images/name.gif) center center no-repeat;
	
}
input:focus {outline: none; }
.textarea {
  padding: 10 10 10 15;
  background: url(images/address.gif) center center no-repeat; 
  border: none;   
  font-size: 14px;
  width: 100%;
  height: 98px;
  outline: none;
}

.messagetextarea{
	background:url(images/message.gif) center center no-repeat;
	height: 182px;
	padding-left: 15;
	outline: none;
}

p {	line-height: 1.8;}
p.first{ line-height: 3; }
p.second{ margin-top: 1em; }
p.third {line-height: 1.2;}
/* Typography */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.6;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}
ul {
    list-style: square url(images/bullet.png) inside;
}

/* ids */
html{background-color:#C7EAFB;}


#container {
 position: relative;
 text-align: left;
 margin: auto;
 width: 991px;
 display: block;
 bottom: 0;
 float: inherit;
 min-height: 99%;

 }
#header{
	background-image:url(images/header2.png);
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-repeat: no-repeat;
	height: 446px;
	width: 991px;
	margin-top: 30px;
	}

.header2{
	display: block;
	width: 220px;
	height: 120px;
	margin: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.content{
	background-image:url(images/body.png);
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-repeat: repeat;
	width: 991px;
}
.con2{
height: 250px;
}
.allright {
	float: right;
}
.textleft{
text-align: left;
}
@media (min-width: 640px) {
#map_div{
	width: 950px;
	height: 297px;
	padding: 0; 
	margin: 0;	
	clear: both;
}
}

#footer{	
	background-image:url(images/footer.png);
	background-color: #FFFFFF;
	height: 23px;
	width: 991px;
	margin-bottom: 30px;	
    
}
#footer2{
font-size:16px;}
#topmenu {
	height: 84px;
	width: 540px;
	padding: 4px;
	position: relative;
	background-color: #FFFFFF;
	background-image: none;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	left: 40px;
}
#tabmenu {
	width: 100%;
	position: relative;
	top: 31px;
}
#wrapper{
	clear: both;
	position: relative;
	width: 950px;
	height: 297px;
	top: 31px;
	left: 20px;
	z-index: 2;
	padding: 0px;
}
#maincontent_left {
	position: relative;
	height: 650px;
	width: 216px;
	top: 0px;
	left: 20px;
	background-image:url(images/sidemenu.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top;
}
#txt1{position:relative; top:10px;}
#txt2{position:relative; top:45px;}
#txt3{position:relative; top:80px;}
.txt4{
	position:relative;
	cursor:pointer;
	display:block;
	top:30px;
	height: 127px;
	background-image:url(images/greenflash.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#baseicon{position:relative; top:105px; left: 30px;}
#strapline{position:relative; top:-190px; left: 265px; width: 705px;}
#strapline1{position:relative; top:-39px;  left: 265px; width: 705px;}
#strapline2{position:relative; top:60px;  left: 265px; width: 705px;}
#bluearea{
	position:relative;
	height: 76px;
	width: 705px;
	top:-170px;
	left: 265px;
	background-image:url(images/base.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 4px;
}
#bluearea1{
	position:relative;
	height: 76px;
	width: 705px;
	left: 265px;
	top: -19px;
	background-image:url(images/base.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 4px;
}
#bluearea2{
	position:relative;
	height: 76px;
	width: 705px;
	left: 265px;
	top: 80px;
	background-image:url(images/base.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 4px;
}
#smalltxt{position:relative; top: -150px; width: 700px; left: 270px;}
#smalltxtx{position:relative;  top: 1px; width: 700px; left: 270px;}
#smalltxty{position:relative;  top: 100px; width: 700px; left: 270px;}
#mainbar{
	position: absolute;
	width: 734px;
	height: 57px;
	top: 445px;
	left: 236px;
	z-index: 200;
}
#main_center{
	position: absolute;
	width: 490px;	
	top: 502px;
	left: 245px;
	margin: 10px;
}
#mainright{
	position: absolute;
	width: 216px;
	top: 527px;
	left: 756px;
	background-attachment: scroll;
	background-image: url(images/offer_flash.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
}
/* Mixin */
/*@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element p {
  @include vertical-align;
} */


/* Larger than mobile */  
@media (min-width: 400px) {


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

}
/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}
a {
	color: inherit;
}
.space {
	display: block;
	position: relative;
	height: 20px;
}
.space17 {
	display: block;
	position: relative;
	height: 17px;
}
.space10 {
	display: block;
	position: relative;
	height: 5px;
}
.ltblue {
	color: #33C3F0;
}
.txt15 {
font-size: 15px; line-height: 1.4;
}
.glow{text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF}