html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, tt, var, dl, dt, dd, ol, ul, li,
form, label, table, caption, tr, th, td 
{ margin:0; padding:0; border:0; outline:0;
 font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; 
 vertical-align:baseline; }
 strong
{ font-weight:bold; }

:focus { outline:0; }
body {
	line-height: 1;
	color: black;
	background: #eeeeee;
	text-align: left;
}
ol, ul {
	list-style: none;
}

img {border-color: #000000;}
h2 {
	font-size: 1.4em;
	color: #324AAD;
	font-weight: bold;
}
p {
	font-size: 1.1em;
}
span {
	color: #324AAD;
}
header {
	background: #405580;
	width: 100%;
	height: auto;
	float: left;
}


#logo {
	margin-left: 3em;
	width: 300px;
	height: 78px;
	background: url() no-repeat center;
	padding-top: 8px;
	float: left;
	margin-top: 15px;
}
#htext {
	padding-top: 30px;
	float: left;
}
#click span {
	display: none;
	
}

.nav2 li {
	margin-bottom: 5px;
}
.nav2 li a:link, .nav2 li a:visited {
	background-color: #405580;
	text-decoration: none;
}
.nav2 li a:hover {
	background-color: #3A65A5;
	text-decoration:none;
}
.nav2 li a:link, .nav2 li a:visited {
	color: #FFFFFF;
	display: block;
	font-family: 'avenir_lt';
	font-size: 1.3em;
	text-align: center;
	width: 100%;
	transition: background 0.3s ease-in-out 0s;
	line-height: 70px;
}
.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	margin-left: 3em;
	width: 27%;
	margin-top: 25px;
	background-color: #FFF;
}
.rightcolum {
	float: right;
	margin-right: 3em;
	width: 780px;
	margin-top: 25px;
	background-color: #FFF;
}


/* @group .nav */


.nav {
	padding-right: 0;
	padding-left: 27em;
	padding-bottom: 0px;
	background: #405580;
	overflow: hidden;
	width: auto;
	clear: both;
	padding-top: 15px;
}

.nav li {
	list-style: none;
	float: left;
}

.nav li a {
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	background: #405580;
	color: #f9f9f9;
	padding-top: 10px;
}

.nav li a:hover {
	background: #3A65A5;
	
}



/* @end nav */

/* This is the clickable label */
.slide-toggle {
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 1;
	display: none;
	margin: 10px 10px 0 0;
}

/* Kill the nasty outlines everywhere */
.slide-toggle,
.slide-toggle:active,
.slide-toggle:focus {
	border: none !important;
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* The :after pseudo element has an icon that covers the checkbox */
.slide-toggle:after {
	content: "menu";
	color: #f9f9f9;
	background: #3A65A5;
	display: block;
	height: 35px;
	width: 60px;
	border-radius: 3px;
	font: 24px/30px 'responav';
	text-align: center;
	margin-top: 15px;
}

/* This is the checkbox */
.slide-checkbox {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* When it's checked replace the menu icon with a close icon */
.slide-checkbox:checked ~ .slide-toggle:after {
	content: 'close';
}
.freedial {
	float: right;
	color: #FFFFFF;
	font-size: 1.4em;
	margin-top: 45px;
	margin-right: 50px;
}
.number {
	float: right;
	margin-right: 50px;
	color: #FFFFFF;
	font-size: 1.3em;
	padding-top: 7px;
	clear: right;
}
.number img {
	margin-right: 10px;
	margin-top: -5px;
	float: left;
}

.level2 h1 {
	font-size: 1.4em;
	color: #324AAD;
	font-weight: bold;
}
.level1l {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 92.4%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	padding-top: 0px;
	height: 110px;
}
.level2r {
	background-color: #FFFFFF;
	display: block;
	width: 19%;
	float: right;
	margin-top: 15px;
	margin-right: 3em;
}
.level1r {
	background-color: #FFFFFF;
	display: block;
	width: 19%;
	float: right;
	margin-top: 15px;
	margin-right: 3em;
}
.level1r h3 {
	margin-left: 35px;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #266EC1;
}
.level1r img {
	float: left;
	margin-left: 7px;
	margin-bottom: 0px;
	margin-top: 25px;
}
.level1r a {
	text-decoration: underline;
	font-size: 0.8em;
	float: right;
	padding-right: 15px;
	padding-top: 15px;
}
.level1r li {
	padding-top: 2px;
	font-variant: small-caps;
	font-size: 1em;
	list-style-type: circle;
	margin-left: 35px;
}

#header-form span {
    color: #FFFFFF;
    display: block;
    font-family: 'avenir_lt';
    text-align: center;
}
.line1 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0.1em;
}
.line2 {
    font-size: 1.1em;
    margin-bottom: 0.2em;
}


#img1  {
	padding-bottom: 160px;
	padding-left: 80px;
	opacity: 0.68;
}
#img2  {
	padding-top: 0px;
	padding-bottom: 195px;
	padding-left: 2%;
	opacity: 0.68;
}
#img3  {
	padding-top: 0px;
	padding-bottom: 160px;
	padding-left: 2%;
	opacity: 0.68;
}
#img4  {
	padding-top: 0px;
	padding-bottom: 180px;
	padding-left: 2%;
	opacity: 0.95;
}
#img5  {
	padding-top: 0px;
	padding-bottom: 160px;
	padding-left: 2%;
	opacity: 0.68;
}
.level2 {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 70%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.level3 {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 90%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.level3 h2 {
	padding-bottom: 10px;
}
.level3 img {
	margin-left: 22%;
	margin-top: 25px;
}
.level3 a {
    float: right;
	margin-top: 35px;
	color: #FDFDFD;
	background-color: #405580;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
	
}
.level4 {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 70%;
	margin-left: 3em;
	margin-top: 15px;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	float: left;
}
.level4 img {
	float: left;
	clear: both;
	border: 1px solid #000000;
	margin-right: 10px;
}
.level4 p  {
	padding-top: 10px;
}
.level4 a  {
	float: right;
	margin-top: 35px;
	color: #FDFDFD;
	background-color: #405580;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
}
.level5 {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 90%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.level5 img {
	margin-bottom: 20px;
	float: left;
	margin-left: 70px;
	margin-top: 20px;
}
.level5 h2 {
	margin-top: 5px;
	margin-left: 2px;
	float: left;
	margin-bottom: 5px;
}
.level5 p {
	clear: both;	
}
#slist {
	width: 35%;
	float: left;
	margin-left: 35px;
	margin-top: 60px;
}

#slist li {
	padding-top: 2px;
	font-size: 1em;
	list-style-type: circle;
	margin-left: 20px;
}

footer {
	background: #333333;
	widh: 100%;
	overflow: hidden;
	opacity: 0.90;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-top: 55px;
}

footer p, footer h3 {
	color: #FFF;
	margin-left: 55px;
}

#footerlogo {
	float: right;
	margin-right: 20px;
}
#copyrights {
	text-align: center;
	clear: both;
	margin: auto;
}
/*--------------------------------------------------
	  **Tech And All Social Icons Roll Over**
---------------------------------------------------*/
.social-icons {
	text-align: center;
	margin: auto;
	padding-left: 55px;
}
.social-icons li{
	float: left!important;
	margin-bottom: 2px!important;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	display: inline!important;
	width: auto!important;
	margin-top: 40px;
	margin-right: 2px;
}			
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: left!important;
	height: 100%!important;
	margin: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color: transparent;
}

.social-icons li.facebook a {
	background: url(../_image/icons/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}

.social-icons li.googleplus a {
	background: url(../_image/icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.pinterest a {
	background: url(../_image/icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.twitter a {
	background: url(../_image/icons/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}

#banner img
{
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

#banner2 img {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
#banner3 img
{
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}
#banner4 img
{
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	
}
#banner5 img
{
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	
}
#banner6 img
{
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	
}

.level1l2 {
	background-color: #405580;
	display: block;
	overflow: hidden;
	width: 92.4%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	padding-top: 0px;
	height: auto;
}
.level3s {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 90%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.level3s img {
	float: right;
	padding-left: 35px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.level3s h1 {
	color: #3765C3;
	font-size: 1.6em;
	border: 2px solid #000000;
	text-align: center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-bottom: 15px;
}
.level3s p {
	padding-right: 30px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.level3s h2 {
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: bold;
	font-variant: small-caps;
}
.level1l2 p {
	color: #FFFFFF;
	font-size: 2em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
}
.level3s ul  {
	margin-top: 20px;
	list-style-type: circle;
	margin-left: 20px;
	float: left;
}
.level3s ul li {
	padding-top: 10px;
}
#contact_form {
	display: table-cell;
	margin: 0 auto;
    padding: 8%;
    vertical-align: middle;
    width: 84%;
	background-color: #405580;
	color: #FFFFFF;
}
#contact_form input {
    border: medium none;
    color: #B7B7B7;
    display: block;
    font-family: avenir_lt;
    font-size: 1em;
    height: 26px;
    padding-left: 2%;
    padding-right: 0;
    width: 98%;
border-radius: 0;  
-webkit-appearance: none;     
margin-bottom: 7px;
}
#contact_form span {
	color:#FFFFFF;
	
}
#contact_form input[type="submit"] {
    background-color: #4475C6;
    color: #FFFFFF;
    font-family: 'avenir_lt';
    font-size: 1.5em;
    height: 45px;
    margin-bottom: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
    transition: background 0.3s ease-in-out 0s;
    -webkit-appearance: none;
border-radius: 0;
}
#contact_form input[type="submit"]:hover {
    background-color: #3A65A5;
}
textarea {
    font-family: avenir_lt;
    font-size: 1em;
border-radius: 0;
    -webkit-appearance: none;
}
.select-field {
    border: medium none;
    color: #B7B7B7;
    height: 28px;
    padding: 4px;
    width: 100%;
	border-radius: 0; 
	background-color: #ffffff;  
	-webkit-appearance: none;     
	margin-bottom: 7px;
}
#message {
	border: medium none;
	color: #B7B7B7;
	height: 58px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	border-radius: 0;
	background-color: #ffffff;
	-webkit-appearance: none;
	margin-bottom: 7px;
	margin-top: 7px;
}
.form-style-heading {
	padding-bottom: 15px;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

#service a {
	text-decoration: none;
	background-color: #405580;
	color: #FFFFFF;
	display: block;
	font-family: 'avenir_lt';
	font-size: 100%;
	text-align: center;
	width: 100%;
	transition: background 0.3s ease-in-out 0s;
	line-height: 40px;

}

#service a:hover {
	background-color: #3A65A5;
	text-decoration:none;
}
.rslides p {
	color: #FFFFFF;
	position: absolute;
	margin-top: 280px;
	margin-left: 30px;
	font-size: 100%;
	font-family: 'avenir_lt';
	background-color: #405580;
	display: block;
	text-align: center;
	transition: background 0.3s ease-in-out 0s;
	line-height: 40px;
	width: 40%;
	opacity: 0.75;
}
.rslides p:hover {
	background-color: #3A65A5;
	text-decoration:none;
}
#banner p {
	color: #FFFFFF;
	position: absolute;
	margin-top: 280px;
	margin-left: 30px;
	font-size: 1.3em;
	font-family: 'avenir_lt';
	background-color: #405580;
	display: block;
	text-align: center;
	transition: background 0.3s ease-in-out 0s;
	line-height: 40px;
	width: 30%;
	opacity: 0.75;
}
#banner p:hover {
	background-color: #3A65A5;
	text-decoration:none;
}
#logo p {
	color: #FFFFFF;
	position: absolute;
	margin-top: 95px;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	margin-left: 13px;
}

/*---------MEDIA!!!-----------*/

@media screen and (max-width: 1200px) {
	.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	margin-left: 3em;
	width: 23%;
	margin-top: 25px;
	background-color: #FFF;
}
.rightcolum {
	float: right;
	margin-right: 3em;
	width: 780px;
	margin-top: 25px;
	background-color: #FFF;
}

}

@media screen and (max-width: 1140px) {
		.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	margin-left: 3em;
	width: 21%;
	margin-top: 25px;
	background-color: #FFF;
}
.rightcolum {
	float: right;
	margin-right: 3em;
	width: 780px;
	margin-top: 25px;
	background-color: #FFF;
}

}
@media screen and (min-width: 1024px) and (max-width: 1140px) {
	
		.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	margin-left: 3em;
	width: 16%;
	margin-top: 25px;
	background-color: #FFF;
	font-size: 0.7em;
}
.rightcolum {
	float: right;
	margin-right: 3em;
	width: 780px;
	margin-top: 25px;
	background-color: #FFF;
}
.level1r {
	display: none;
}
.level2 {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 90%;
	margin-left: 3em;
	float: left;
	margin-top: 15px;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	
}
.level4 {
	width: 67%;
	
}
	.level2r {
	width: 20.6%;
	margin-top: 5px;
	float: right;
	margin-top: 15px;


}
	
}

@media screen and (max-width: 320px) {
	#logo {
	margin-left: 8%;
	margin-bottom: 15px;
	margin-top: 45px;
	}
	
		.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	width: 100%;
	margin-top: 5px;
	background-color: #FFF;
	margin-left: 0px;
}
#click span {
	text-decoration: none;
	background-color: #405580;
	color: #FFFFFF;
	display: block;
	font-family: 'avenir_lt';
	font-size: 100%;
	text-align: center;
	width: 100%;
	transition: background 0.3s ease-in-out 0s;
	line-height: 50px;
	float: left;
	margin-top: 5px;
}

#click span:hover {
	background-color: #3A65A5;
	text-decoration:none;
}
#click span a {
	color: #FFFFFF;
	font-size: 1.3em;
}
.number {
	display: none;	
}
.freedial {
	display: none;	
}
.nav2 li a:link, .nav2 li a:visited {
	line-height: 50px;	
}
.rightcolum {
	display: none;
}
.level1r {
	display: none;
}
.level1l {
	display: none;	
}
.form-style {
	width: 100%;
	float: left;
}
.level2 {
	margin-left: 0px;
	width: 100%;
	margin-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	
}
.level2 h2 {
	padding-left: 2%;
}
.level2 h1 {
	padding-left: 2%;
}
.level2 p {
	padding-left: 2%;	
	padding-right: 2%;
}
.level3 {
	margin-left: 0px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 15px;
}
.level3 img {
	width: 100%;
	margin-left: 0px;
}
.level3 h2 {
	padding-left: 2%;	
}
.level3 p {
	padding-left: 2%;	
	padding-right: 2%;
}
.level2r {
	width: 100%;
	margin-top: 15px;
	float: left;

}
.level4 {
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.level4 h2 {
	float: left;
	padding-left: 2%;
	clear: both;
}
.level4 p {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
}
.level4 img {
	margin-left: 2%;
	margin-bottom: 10px;
}
.level4 a {
	margin-right: 2%;	
}
.level5 {
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.level5 h2 {
	float: left;
	padding-left: 2%;
}
.level5 p {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
}
.level5 img {
	margin-left: 1%;
}
#slist ul li {
	width: 260px;

}
.level3s {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;	
}
.level3s img {
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-top: 0px;
	width: 100%
}
.level3s p {
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.level3s h2 {
	padding-right: 0.2em;
	padding-left: 0.1em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.level1l2  {
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	}
#banner
{
	background-image: url(../_image/banner1-2.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 100%;
	clear: both;
}
#footerlogo img {
	margin-top: 5px;
	margin-bottom: 5px;
}
.social-icons {
	margin-left: 20px;
}
#copyrights p {
	margin-left: 5px;
	padding-top: 10px;
}
.slide-toggle {
	margin-left: 80%;
	position: absolute;
	padding-top: 150px;
	}
#slide-checkbox {
}
}

@media screen and (min-width: 321px) and (max-width: 768px) {
	
	.slide-toggle {
	margin-left: 80%;
	position: absolute;
	padding-top: 150px;
	}
	#logo {
	margin-left: 9%;
	margin-bottom: 15px;
	margin-top: 40px;
	}
		.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	width: 100%;
	margin-top: 5px;
	background-color: #FFF;
	margin-left: 0px;
}

#click span {
	text-decoration: none;
	background-color: #405580;
	color: #FFFFFF;
	display: block;
	font-family: 'avenir_lt';
	font-size: 100%;
	text-align: center;
	width: 100%;
	transition: background 0.3s ease-in-out 0s;
	line-height: 50px;
	float: left;
	margin-top: 5px;
}

#click span:hover {
	background-color: #3A65A5;
	text-decoration:none;
}
#click span a {
	color: #FFFFFF;
	
}
.number {
	display: none;	
}
.freedial {
	display: none;	
}
.nav2 li a:link, .nav2 li a:visited {
	line-height: 50px;	
}
.rightcolum {
	display: none;
}
.level1r {
	display: none;
}
.level1l {
	display: none;	
}
.level2 {
	margin-left: 0px;
	width: 100%;
	margin-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
	
}
.level2 h2 {
	padding-left: 2%;
}
.level2 h1 {
	padding-left: 2%;
}
.level2 p {
	padding-left: 2%;	
	padding-right: 2%;
}
.level3 {
	margin-left: 0px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 15px;
}
.level3 img {
	width: 100%;
	margin-left: 0px;
}
.level3 h2 {
	padding-left: 2%;	
}
.level3 p {
	padding-left: 2%;	
	padding-right: 2%;
}
.level2r {
	width: 100%;
	margin-top: 15px;
	float: left;

}
.form-style {
	width: 100%;
	float: left;
}
.level4 {
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.level4 h2 {
	float: left;
	padding-left: 2%;
	clear: both;
}
.level4 p {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
}
.level4 img {
	margin-left: 2%;
	margin-bottom: 10px;
}
.level4 a {
	margin-right: 2%;	
}
.level5 {
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.level5 h2 {
	float: left;
	padding-left: 2%;
}
.level5 p {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
}
.level5 img {
	margin-left: 1%;
}
#slist ul li {
	width: 260px;
	margin-left: 0px;
	float: left;
}
.level3s {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;	
}
.level3s img {
	float: left;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 0px;

}
.level3s p {
	padding-right: 0.3em;
	padding-left: 0.5em;
	padding-bottom: 5px;
	margin-bottom: 10px;
	clear: both;
}
.level3s h2 {
	padding-right: 0.2em;
	padding-left: 0.5em;
	padding-bottom: 0px;
	
	margin-bottom: 0px;
}
.level1l2  {
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	}
.slide-toggle {
	margin-top: 50px;
}
.social-icons {
	clear: both;
}
#copyrights p {
	padding-top: 10px;
	margin-left: 3px;
}

	
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
#logo {
		margin-left: 6%;
	}
	.nav {
	padding-right: 0;
	padding-left: 18em;
	padding-bottom: 0px;
	background: #405580;
	overflow: hidden;
	width: auto;
	clear: both;
	padding-top: 15px;
}
		.leftcolum {
	background-image: none;
	display: table;
	float: left;
	height: 100%;
	width: 18%;
	margin-top: 25px;
	background-color: #FFF;
	font-size: 0.7em;
	margin-left: 2em;
}
.rightcolum {
	float: right;
	margin-right: 2em;
	width: 669px;
	margin-top: 25px;
	background-color: #FFF;
}
.nav2 li a:link, .nav2 li a:visited {
	line-height: 50px;	
}

.rslides img {
	width: 669px;
}
.level1r {
	display: none;
}
.level1l {
	display: none;	
}
.level2 {
	margin-left: 0px;
	width: 100%;
	margin-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	
}
.level2 h1 {
	padding-left: 2%;
}
.level2 p {
	padding-left: 2%;	
	padding-right: 2%;
}
.level3 {
	margin-left: 0px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 10px;
}
.level3 img {
	width: 100%;
	margin-left: 0px;
}
.level3 h2 {
	padding-left: 2%;	
}
.level3 p {
	padding-left: 2%;	
	padding-right: 2%;
}
.level4 {
	width: 64%;
	margin-left: 1em;
	
}
	.level2r {
	width: 24.6%;
	margin-top: 10px;
	float: right;
	margin-top: 15px;
	margin-right: 15px;


}
.level5 {
	width: 100%;
	margin-top: 10px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.level5 h2 {
	float: left;
	padding-left: 2%;
}
.level5 p {
	padding-left: 2%;
	padding-right: 2%;
	float: left;
}
.level5 img {
	margin-left: 1%;
}
#slist ul li {
	width: 260px;

}
.level3s {
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	width: 100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;	
}
.level3s img {
	float: left;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 0px;

}
.level3s p {
	padding-right: 0.3em;
	padding-left: 0.5em;
	padding-bottom: 5px;
	margin-bottom: 10px;
	clear: both;
}
.level3s h2 {
	padding-right: 0.2em;
	padding-left: 0.5em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.level1l2  {
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
	}


}

/*
 * I set the width pretty high because I wanted to test on an Ipad in portrait mode,
 * depending on your website you can probably make this narrower
 */
@media handheld, only screen and (max-width: 768px) {

	/* Only show the menu link on smaller screens */
	.slide-toggle {
		display: block;
	}

	/*
	 * The transition value determines the speed
	 * at which the content will slide over
	 */
	.slide {
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	/*
	 * Enable hardware acceleration and stop flickering
	 * More details: http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
	 * Add more browser prefixes as required for your environment
	 */
	.slide,
	.nav {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	padding-bottom: 270px;
	}

	/*
	 * When the checkbox is checked slide the content
	 * over and the checkbox with it
	 */
	.slide-checkbox:checked ~ .slide {
		-webkit-transform: translateX(70%) scale(1);
		-moz-transform: translateX(70%) scale(1);
		-ms-transform: translateX(70%) scale(1);
		-o-transform: translateX(70%) scale(1);
		transform: translateX(70%) scale(1);
		padding-bottom: 160px;

	}

	.nav {
	height: 100%;
	background: #405580;
	border-radius: 0;
	/*
		 * The width determines how much of the page you want to
		 * remain visible once the menu slides over
		 */
	width: 70%;
	/*
		 * Must be absolutely positioned otherwise it won't sit
		 * side by side with the content but instead above it
		 * */
	position: absolute;
	left: 0;
	top: 0;
	/* Keeps the menu hidden off-canvas to the left */
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	margin-top: 85px;
	}

	.nav li {
		float: none;
	}

	.nav li a {
		border-top: 1px solid #222;
		border-bottom: 1px solid #444;
		padding: 12px 12px;
	}

	.nav li:first-child a {
		border-top: none;
	}

	.nav li:last-child a {
		border-bottom: none;
	}

}