html,
body {
    text-align: center;
    min-height: 100%;
    margin-bottom: 1px;
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
    margin: 0;
    background: #e6e7e1 url(images/background.gif) repeat-x;
    color: #666666;
}
#wrapper {
    width: auto;
	max-width:771px;
    border-bottom: #e6e7e1 1px solid;
    font-family: arial, helvetica, sans-serif;
    height: 100%;
    text-align: left;
	margin:0 auto;
}

* {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
	
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

/***************************************************************
Header
***************************************************************/
div#top {
    padding-top: 7px;
    margin: auto;
    width: 100%;
    height: 152px;
    font-family: arial, helvetica, sans-serif;
}
.toplogo {
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    padding-bottom: 4px;
    margin: 5px 10px 0px 0px;
    padding-top: 0px;	
}
/***************************************************************
Contact
***************************************************************/

.contact-wrap { 
   display: block;
   width: 31%;
   float:right;
   margin: 10px 0 0 0;
}

.contact-wrap a{
	text-decoration:none;
	} 

#nav {
	margin:0;
	padding:0;
}
		
#nav li {
	list-style: none;
	text-align:right;
}
		
#nav a {
	text-decoration:none; 
	color: #031f42;
	font-size:32px;
    font-weight: lighter;
    
}

#nav a.email{
	font-size:16px;
	}
		
/***************************************************************
Content
***************************************************************/

#page {
    margin: 0px auto;
    width: 100%;
}

#page img{
	width:100%;
	}

HTML > body #page {
    width: 100%;
}

#content {
    clear: both;
    width: 100%;
    margin-top: -4px;
    padding: 15px 25px 20px 25px;
    min-height: 150px;
    background: #fff;
    font-size: 0.85em;
    font-family: arial, helvetica, sans-serif;
}

h1 {
    padding: 0 0 7px 0;
    font-size: 1.5em;
    margin: 0;
    color: #031f42;
}

h2 {
    padding: 10px 0 7px 0;
    font-size: 1.4em;
    margin: 0;
    color: #031f42;
}

h3 {
    padding: 0 0 7px 0;
    font-size: 1.25em;
    margin: 0;
    color: #031f42;
}

p {
    padding: 0;
    margin: 10px 0 10px 0;
    line-height: 1.6em;
    color: #031f42;
}

.list-main {
    line-height: 1.6em;
    color: #031f42;
}

img {
    border: none;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
    padding: 0;
    font-size: 1px;
    margin: 0px;
    height: 1px
}

a {
    color: #031f42;
    text-decoration: underline;
}

a:active {
    color: #031f42;
    text-decoration: underline;
}

a:hover {
    color: #96b4d8;
    text-decoration: underline;
}

a:visited {
    color: #031f42;
    text-decoration: underline;
}

.list {
    color: #031f42;
    font-size: 1.1em;
    line-height: 1.4em;
    margin-top: 0;
    padding-top: 0;
}

.list li {
    list-style-image: url(images/bullet.gif);
    padding-bottom: 1px;
    margin: 5px 5px 2px 0;
}

/***************************************************************
Footer
***************************************************************/
#footer {
    padding-right: 9px;
    padding-left: 10px;
    background: url(images/footer-background.gif) repeat-x;
    width: 100%;
    color: #fff;
    padding-top: 15px;
    height: 107px;
    font-size: 0.7em;
}

html > body #footer {
    width: 100%;
}

#footer p {
    padding-right: 0px;
    padding-left: 10px;
    float: left;
    color: #fff;
    line-height: 20px;
    padding-top: 15px;
}

#footer a {
    color: #fff;
    border-bottom: #fff 1px solid;
    text-decoration: none;
    margin: 10px 7px 0 0;
}

#footer a:hover {
    color: #fff;
    border-bottom: #fff 1px dotted;
}


#rhs-form {
    float: right;
    width: 350px;
    height: 250px;
}
#lhs-form {
    float: left;
    width: 350px;
    height: 250px;
}
.text-field1 {
    border: 1px solid #2b5363;
    padding: 3px;
    margin-left: 48px;
    margin-bottom: 3px;
    font-size: 1em;
    width: 160px;
    color: #767f82;
    font-family: arial, helvetica, sans-serif;
}
.text-field2 {
    border: 1px solid #2b5363;
    padding: 3px;
    font-size: 1em;
    margin-left: 55px;
    margin-bottom: 3px;
    width: 160px;
    color: #767f82;
    font-family: arial, helvetica, sans-serif;
}
.text-field3 {
    border: 1px solid #2b5363;
    padding: 3px;
    font-size: 1em;
    margin-left: 25px;
    margin-bottom: 3px;
    width: 160px;
    color: #767f82;
    font-family: arial, helvetica, sans-serif;
}
.text-field4 {
    border: 1px solid #2b5363;
    padding: 3px;
    font-size: 1em;
    margin-left: 19px;
    margin-bottom: 3px;
    width: 160px;
    color: #767f82;
    font-family: arial, helvetica, sans-serif;
}
.text-area1 {
    border: 1px solid #2b5363;
    padding: 3px;
    font-size: 1em;
    margin-left: 65px;
    margin-bottom: 3px;
    width: 160px;
    color: #767f82;
    font-family: arial, helvetica, sans-serif;
    height: 60px;
}
.text-area2 {
    border: 1px solid #2b5363;
    padding: 3px;
    font-size: 1em;
    margin-left: 41px;
    margin-bottom: 3px;
    width: 160px;
    color: #767f82;
    font-family: arial, helvetica, sans-serif;
    height: 90px;
}
.submit-button {
    margin: 0 2px 2px 0;
    padding: 1px;
}
.float-right {
    float: right;
    margin: 0 0 3px 10px;
}
.float-left {
    float: left;
    margin: 10px 15px 2px 0;
}
.float-logo {
    float: right;
    padding: 0 207px 0 0;
}
.top-marker {
    text-align: right;
    margin: 0 15px 5px 0;
}
#breadcrumb {
    margin: 5px 0 15px 0;
    font-size: 0.9em;
}
.holder {
    width: 610px;
}
.left_col {
    width: 150px;
    float: left;
    padding-left: 10px;
    font-size: 12px;
}
.right_col {
    width: 450px;
    float: left;
}
.separator {
    width: 610px;
    height: 10px;
    padding: 0;
    margin: 0;
    clear: both
}
.c_field {
    width: 430px;
    height: 16px;
    background: #fff;
    d9e4e6;
    border: #2b5363 1px solid;
}
.f_field {
    width: 92px;
    height: 16px;
    background: #fff;
    d9e4e6;
    border: #2b5363 1px solid;
}
.c_text {
    width: 430px;
    height: 100px;
    background: #fff;
    d9e4e6;
    border: #2b5363 1px solid;
}
.c_sel {
    background: #fff;
    d9e4e6;
    border: #2b5363 1px solid;
    padding: 0;
    margin: 0
}
.float {
    margin: 0 90px 10px 10px;
    text-align: center;
}
.float img {
    padding-left: 45px;
}

/***************************************************************
Navigation
***************************************************************/
.active#navigation-tab {
    position: relative;
    float: left;
    width: 100%;
    line-height: normal;
	display:block;
}

.toggle-nav {
    display:none;
}

	/***********************************************************************
	***Ipad query
	*************************************************************************/
	@media only screen and (max-device-width: 1024px) {
		
		/*Header*/
		
		.toplogo {
			width: 60%;
		}
		
		div#top {
			height: 190px;
		}
		
		/*Contact info*/
		
		.contact-wrap { 
			display: block;
			width: 100%;
			margin: 0 auto;
			clear: both;
			padding: 25px 0
		}
		
		#nav {
			text-align:center;
			margin:0;
			padding:0;
		}
		
		#nav li {
			display:inline;
			white-space: nowrap;
			
		}
		
		#nav li:after{content:"|"; }
		#nav li:last-child:after {content:none;}
		#nav a {
			text-decoration:none; 
			padding:0 10px; /* variable width */
			color: #031f42;
			font-size:18px;
			font-weight:600;
		}
		
		
		/*Navigation*/
		.fa {
			color: #fff;
		}
		
		#navigation-tab {
			display: none;
		}
		.active#navigation-tab {
			position: absolute;
			top: 78px;
			left: 0;
		}
		.toggle-nav {
			display: inline-block;
			background: #0b1f42;
			padding: 10px;
			color: #fff;
			float: right;
			margin: 20px 35px
		}
		a.toogle-nav {
			color: #fff;
			font-size: 3em;
			padding: 0px 10px;
			margin: 0;
			font-weight: 600;
		}
		.toggle-nav:hover,
		.toggle-nav.active {
			text-decoration: none;
			color: #66a992;
		}
		.wrap {
			position: absolute;
			top: 0;
			background: #fff;
			margin-top: 4em;
		}
		.menu ul {
			width: 100%;
			position: absolute;
			padding: 0;
			left: 0px;
			background: #031f42;
		}
		.menu li {
			float: none;
		}
		
		#top {
			padding: 20px;
		}
		
		/*Footer*/
		#footer {
			background-color: #0b1f42;
			height: 160px;
		}
	}
/***********************************************************************
***Iphone query
***************************************************************/
	@media only screen and (max-device-width : 569px) { 

	#nav a{
	
		padding:0 5px;
	}
}

@media only screen and (max-device-width :536px) { 
	#nav li:nth-child(2):after {content:none;}
}

	@media only screen and (max-device-width: 375px) and (orientation : portrait) {
    
		#top {
			padding:20px;
		}
		
		.toplogo {
		
			margin: 20px 10px 0px 0px;
		}
		
		.toggle-nav {
			margin: 15px 10px;
		}
		
			
		#footer {
			height: 220px;
		}
		
		#footer p {
			font-size: 14px;
			line-height: 1.5;
			text-align: center;
		}
	}
@media only screen and (max-device-width :300px) { 
	#nav li:nth-child(1):after {content:none;}
}