html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
.auto-style1 {
  color: #FFFFFF;
  font-size: small;

}
.auto-style2 {
  color: #EEEEEE;
}
.auto-style3 {
  text-decoration: none;
}
																	
#mobnav
         {
	display: none;
}
#wrapper {
    width:100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%;
	background-image: url('images/watermark.png');
	background-repeat: no-repeat;
	height: auto;
}
#content {
	position: relative;
	width: 70.83333333333333%; /* 850px*/;
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 1.25%; /* 15px*/;
	float: left;
	width: 27.91666666666667%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 30.83333333333333%; /* 370px*/;
	padding: 1.25%;/* 15px*/
	float: left;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
body {
	background-color: #D2D2D2;
}
img {
	max-width:100%;
	height:auto !important;
	
}

.grey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #ebe8eb) );
	background:-moz-linear-gradient( center top, #d6d6d6 5%, #ebe8eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#ebe8eb');
	background-color:#d6d6d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #757575;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
}.grey:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebe8eb), color-stop(1, #d6d6d6) );
	background:-moz-linear-gradient( center top, #ebe8eb 5%, #d6d6d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebe8eb', endColorstr='#d6d6d6');
	background-color:#ebe8eb;
}.grey:active {
	position:relative;
	top:1px;
}
p {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: #000000;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	color: #526074;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	color: #526074;
	font-weight: bold;
}

/* 1024 */

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

#mobnav
         {
	display:none;
}

#wrapper {
    width:98%;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	position: relative;
	width: 99%; /*1200*/
	margin-bottom: 15px;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%; /*1200*/
}
#content {
	position: relative;
	width: 70.83333333333333%; /* 850px*/;
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 1.25%; /* 15px*/;
	float: left;
	width: 27.91666666666667%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 30.83333333333333%; /* 370px*/;
	padding: 1.25%;/* 15px*/
	float: left;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android landscape */

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

#mobnav
         {
	display:none;
}

#wrapper {
    width:98%;
	max-width: 966px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%; /*1200*/
}
#content {
	position: relative;
	width: 70.83333333333333%; /* 850px*/;
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 1.25%; /* 15px*/;
	float: left;
	width: 27.91666666666667%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 30.83333333333333%; /* 370px*/;
	padding: 1.25%;/* 15px*/
	float: left;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}


/* MOBILE MEDIA QUERIES iPad portrait */

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

#mobnav
         {
	width:100%;
}

#wrapper {
    width:98%;
	max-width: 768px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	display:none;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%; /*1200*/
}
#content {
	position: relative;
	width: 70.83333333333333%; /* 850px*/;
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 1.25%; /* 15px*/;
	float: left;
	width: 27.91666666666667%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 30.83333333333333%; /* 370px*/;
	padding: 1.25%;/* 15px*/
	float: left;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}


/* MOBILE MEDIA QUERIES Nexus 7 Android portrait / Galaxy Tab */

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

#mobnav
         {
	width:100%;
}

#wrapper {
    width:98%;
	max-width: 604px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	display:none;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%; /*1200*/
}
#content {
	position: relative;
	width: 70.83333333333333%; /* 850px*/;
	float: left;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 1.25%; /* 15px*/;
	float: left;
	width: 27.91666666666667%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 30.83333333333333%; /* 370px*/;
	padding: 1.25%;/* 15px*/
	float: left;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}



/* MOBILE MEDIA QUERIES Mobile iPhone 6 */

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

html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

#mobnav
         {
	width:100%;
}

#wrapper {
    width:98%;
	max-width: 375px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	display:none;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%; /*1200*/
}
#content {
	position: relative;
	width: 100%; /* 850px*/;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 0px; /* 15px*/;
	width: 100%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 98%; /* 370px*/;
	padding: 1.25%;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}



/* MOBILE MEDIA QUERIES Mobile */

@media screen and (max-width: 360px) {
html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

#mobnav
         {
	width:100%;
}

#wrapper {
    width:98%;
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	width: 100%; /*1200*/
}
#navigation {
	display:none;
}
#slider {
	position: relative;
	width: 100%; /*1200*/
	margin-bottom: 15px;
}
#main-wrap {
	position: relative;
	width: 100%; /*1200*/
}
#content {
	position: relative;
	width: 100%; /* 850px*/;
	margin-bottom: 15px;
}
#form {
	position: relative;
	margin-left: 0px; /* 15px*/;
	width: 100%; /* 335px*/;
	margin-bottom: 15px;
}
.clear {
	position: relative;
	clear: both;
}
.box {
	position: relative;
	width: 98%; /* 370px*/;
	padding: 1.25%;
	margin-bottom: 15px;
}
#footer {
	position: relative;
	width: 100%;
	clear: both;
	margin-top: 15px;
	background-color: #526074;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


}