img {
max-width: 100%;
height: auto;
width: auto;
}

h1, h2 {
font-family: Courgette, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

@media screen and (min-width: 900px) {
body {
	background: url("/images/bg.jpg") no-repeat;
  	background-position: 0 0;
	background-size: 100%;
	margin: 0px; 
	text-align: center; 
	color: #000000; 
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background-color: #6699cc;
}
div#wrapper {
	border: 1px solid #3366cc; 
	width: 900px; 
	margin-top: 1em; 
	margin-right: auto; 
	margin-left: auto; 
	background-color: #000000;
}
div#wrapper > header { 
	height: 220px; 
    	margin-right: auto; 
    	margin-left: auto;
}
div#wrapper > header > div#heading {
	padding: 30px 0 20px 0;
    	margin-right: auto; 
    	margin-left: auto;
}
div#wrapper > div#contentWrapper {
	margin: 0px auto; 
    width: 850px; 
    overflow: hidden; 
    padding-bottom: 1.5em; 
    background-color: #000000;
}
div#wrapper > #dd {
	top: -300px; 
    position: fixed;
}
div#wrapper > div#contentWrapper > nav {
	width: 850px;
}
div#wrapper > div#contentWrapper > nav > ul {
	margin: 0px; 
    	padding: 10px 0px;
	padding-top: 1em; 
    	list-style-type: none;
}
div#wrapper > div#contentWrapper > nav > ul > li {
	padding: 10px 0px;
	padding-top: 1em; 
    	border-radius: 0.5em 0.5em 0em 0em; 
    border: 1px solid #3366cc; 
    	display: inline;
}
div#wrapper > div#contentWrapper > nav > ul > li > a:link {
	padding: 10px 20px; 
	padding-top: 1em;
    width: 180px; 
    height: 50px; 
    text-align: center; 
    color: #3366cc; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: normal; 
    text-decoration: none;
}

div#wrapper > div#contentWrapper > nav > ul > li > a:visited {
	padding: 10px 20px; 
	padding-top: 1em;
    width: 180px; 
    height: 50px; 
    text-align: center; 
    color: #3366cc; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: normal; 
    text-decoration: none;
}

div#wrapper > div#contentWrapper > nav > ul > li > a#selected {
		padding: 10px 20px; 
	border-radius: 0.5em 0.5em 0em 0em; 
    border: 1px solid #000000; 
    width: 180px; 
    height: 50px; 
	text-align: center; 
    color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: normal; 
    text-decoration: none; 
    cursor: default;
	background-color: #fbac0c;
}
div#wrapper > div#contentWrapper > nav > ul > li > a#selected:hover {
    color: #ffffff; 
}
div#wrapper > div#contentWrapper > nav > ul > li > a:hover {
	padding: 10px 20px; 
	padding-top: 0.8em;
    	border-radius: 0.5em 0.5em 0em 0em;
	border: 1px solid #000000;
    	width: 180px; 
    	height: 50px; 
    	text-align: center; 
    	color: #ffffff; 
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	font-size: 13px; 
    	font-weight: normal; 
    	text-decoration: none; 
    	background-color: #bd2020;
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
div#wrapper > div#contentWrapper > div#centerBox1 {
	padding: 20px; 
    	border-radius: 0em 2em; 
    	border: 1px solid #3366cc; 
    	width: 95%; 
    	text-align: left; 
    	margin-top: 0em; 
    	margin-right: auto; 
    	margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);

}
div#wrapper > div#contentWrapper > div#centerBox2 {
	padding: 20px; 
    border-radius: 0em 2em; 
    border: 1px solid #3366cc; 
    width: 800px; 
    text-align: left; 
    margin-top: 0em; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);

}
div#wrapper > div#contentWrapper > div#centerBox3 {
	padding: 20px; 
    border-radius: 0em 2em; 
    border: 1px solid #3366cc; 
    width: 800px; 
    text-align: left; 
    margin-top: 0em; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
div#wrapper > div#contentWrapper > div#centerBox4 {
	padding: 20px; 
    border-radius: 0em 2em; 
    border: 1px solid #3366cc; 
    width: 800px; 
    text-align: left; 
    margin-top: 0em; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
#conForm { 
    border: 0px; 
    width: 230px; 
    text-align: center; 
    margin-right: auto; 
    margin-left: auto; 
}
#conBut { 
    border: 0px; 
    width: 230px; 
    text-align: right;  
}
#btnSend { 
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #fbac0c; 
    text-align: center;  
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#btnSend:hover {
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #3366cc; 
    text-align: center;
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#txtPh {
    background: url("/images/tel.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 17px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtName {
    background: url("/images/name.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtEmail {
    background: url("/images/email.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtMessage {
    background: url("/images/message.png") no-repeat left;
    background-color: #ffffff;
    background-position: 0px 3px;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    	border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	font-size: 11px; 
    	font-weight: normal; 
    	width: 230px;
    	height: 200px;
}
#txtSecWord {
	background: url("/images/chk.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
.greyed {
    color:#888888;
}
div#wrapper > footer > div#footerBox > div#socialMedia {
    	width: 100%;
	height: 58px;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
    	margin-right: auto; 
    	margin-left: auto;
	margin-bottom: 0.6em;
    	border-bottom-color: #3366cc; 
    	border-bottom-width: 1px; 
    	border-bottom-style: solid;
}

.fbBut {
background: url("/images/FacebookIcon.png") no-repeat;
display:block;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
background-size: cover;
}

.fbBut:hover {
background: url("/images/FacebookIcon-on.png") no-repeat;
display:block;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut {
background: url("/images/LinkedInIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut:hover {
background: url("/images/LinkedInIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut {
background: url("/images/GooglePlusIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut:hover {
background: url("/images/GooglePlusIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut {
background: url("/images/TwitterIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut:hover {
background: url("/images/TwitterIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 48px;
height: 48px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia >  div#smBox {
display: inline-block;
	width: 48px;
	height: 48px;
	border: 0;
}


div#wrapper > footer > div#footerBox {
	margin: 0px; 
    	width: 900px; 
    	height: 95px; 
    	text-align: center;
	color: #3366cc; 
    	overflow: hidden; 
    	padding-top: 0.5em; 
    	border-top-color: #3366cc; 
    	border-top-width: 1px; 
    	border-top-style: solid;
}

} /*End min900px---------------------------------------------------*/













@media screen and (max-width: 899px) {
body {
  	background-position: 0 0;
	background-image: linear-gradient(0deg, #6699cc, #000000);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0px; 
	text-align: center; 
	color: #000000; 
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background-color: #6699cc;
}
div#wrapper {
	border: 1px solid #3366cc; 
    width: 98%; 
    margin-top: 1em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #000000;
}
div#wrapper > header { 
    height: 200px; 
    margin-right: auto; 
    margin-left: auto;
}
div#wrapper > header > #heading {
	padding: 25px 0 25px 0;
    	margin-right: auto; 
    	margin-left: auto;
}
div#wrapper > #contentWrapper {
	width: 100%; 
    padding-bottom: 1.5em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #000000;
}
div#wrapper > #dd {
	top: -300px; 
    position: fixed;
}
div#wrapper > div#contentWrapper > nav {
	width: 100%;
}
div#wrapper > div#contentWrapper > nav ul {
	margin: 0.2em 0px 0px; 
    padding: 10px 0px; 
    list-style-type: none;
}
div#wrapper > div#contentWrapper > nav ul li {
	padding: 10px 0px; 
    border-radius: 0.5em 0.5em 0em 0em; 
    border: 1px solid #3366cc; 
    display: inline;
}
div#wrapper > div#contentWrapper > nav > ul > li > a:link {
	padding: 10px 18px; 
    	width: 150px; 
    	height: 50px; 
    	text-align: center; 
    	color: #3366cc; 
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	font-size: 11px; 
    	font-weight: normal; 
    	text-decoration: none;
}
div#wrapper > div#contentWrapper > nav > ul > li > a:visited {
	padding: 10px 18px; 
    width: 150px; 
    height: 50px; 
    text-align: center; 
    color: #3366cc; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none;
}
div#wrapper > div#contentWrapper > nav > ul > li > a#selected {
	border-radius: 0.5em 0.5em 0em 0em; 
    border: 1px solid #000000;
    width: 150px; 
    height: 50px; 
    color: #000000; 
    background-color: #fbac0c;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none; 
    cursor: default;
	background-color: #fbac0c;
}
div#wrapper > div#contentWrapper > nav > ul > li > a#selected:hover {
    color: #ffffff; 
}
div#wrapper > div#contentWrapper > nav > ul > li > a:hover {
	padding: 10px 18px; 
    border-radius: 0.5em 0.5em 0em 0em;
	border: 1px solid #000000; 
    width: 150px; 
    height: 50px; 
    text-align: center; 
    color: #ffffff; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none; 
    background-color: #bd2020;
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
div#wrapper > div#contentWrapper > div#centerBox1 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%; 
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
div#wrapper > div#contentWrapper > div#centerBox2 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%; 
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc); 
}
div#wrapper > div#contentWrapper > div#centerBox3 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%; 
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc); 
}
div#wrapper > div#contentWrapper > div#centerBox4 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%; 
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc); 
}
#conForm { 
    border: 0px; 
    width: 230px; 
    text-align: center; 
    margin-right: auto; 
    margin-left: auto; 
}
#conBut { 
    border: 0px; 
    width: 230px; 
    text-align: right;  
}
#btnSend { 
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #fbac0c; 
    text-align: center;  
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#btnSend:hover {
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #3366cc; 
    text-align: center;
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#txtPh {
    background: url("/images/tel.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 17px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtName {
    background: url("/images/name.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtEmail {
    background: url("/images/email.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtMessage {
    background: url("/images/message.png") no-repeat left;
    background-color: #ffffff;
    background-position: 0px 3px;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
    height: 200px;
}
#txtSecWord {
	background: url("/images/chk.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
.greyed {
    color:#888888;
    }
div#wrapper > footer > div#footerBox > div#socialMedia {
    	width: 100%;
	height: 35px;
	padding-top: 0.3em;
	padding-bottom: 0.7em;
    	margin-right: auto; 
    	margin-left: auto;
	margin-bottom: 0.6em;
    	border-bottom-color: #3366cc; 
    	border-bottom-width: 1px; 
    	border-bottom-style: solid;
}
.fbBut {
background: url("/images/FacebookIcon.png") no-repeat;
display:block;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
background-size: cover;
}

.fbBut:hover {
background: url("/images/FacebookIcon-on.png") no-repeat;
display:block;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut {
background: url("/images/LinkedInIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut:hover {
background: url("/images/LinkedInIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut {
background: url("/images/GooglePlusIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut:hover {
background: url("/images/GooglePlusIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut {
background: url("/images/TwitterIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut:hover  {
background: url("/images/TwitterIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia >  div#smBox {
display: inline-block;
	width: 36px;
	height: 36px;
border: 0;
}

div#wrapper > footer > div#footerBox {
	margin: 0px; 
    	width: 100%; 
    	height: 80px; 
    	text-align: center; 
	color: #3366cc;
    	overflow: hidden; 
    	padding-top: 0.3em; 
    	border-top-color: #3366cc; 
    	border-top-width: 1px; 
    	border-top-style: solid;
}

} /*End max899px---------------------------------------------------*/


















@media screen and (max-width: 715px) {
body {
  	background-position: 0 0;
	background-size: 100%;
	margin: 0px; 
	text-align: center; 
	color: #000000; 
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background-color: #6699cc;
	background-image: linear-gradient(0deg, #6699cc, #000000);
	background-repeat: no-repeat;
}
div#wrapper  {
	border: 1px solid #3366cc; 
    width: 98%; 
    margin-top: 1em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #000000;
}
div#wrapper > header { 
    height: 150px; 
    margin-right: auto; 
    margin-left: auto;
}
div#wrapper > header > div#heading {
	width: 400px;
	padding: 20px 0 20px 0;
	margin-right: auto; 
	margin-left: auto;
}

div#wrapper > div#contentWrapper {
	width: 95%; 
    padding-bottom: 1.5em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #000000;
}
div#wrapper > #dd {
	top: -300px; 
    position: fixed;
}
div#wrapper > div#contentWrapper > nav {
	width: 100%;
}
div#wrapper > div#contentWrapper > nav ul {
	margin: 0.2em 0px 0px; 
    padding: 10px 0px; 
    list-style-type: none;
}
div#wrapper > div#contentWrapper > nav ul li {
	padding: 10px 0px; 
    border-radius: 0.5em 0.5em 0em 0em; 
    border: 1px solid #3366cc; 
    display: inline;
}
div#wrapper > div#contentWrapper > nav ul li a:link {
	padding: 10px 18px; 
    	width: 150px; 
    	height: 50px; 
    	text-align: center; 
    	color: #3366cc; 
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	font-size: 11px; 
    	font-weight: normal; 
    	text-decoration: none;
}
div#wrapper > div#contentWrapper > nav ul li a:visited {
	padding: 10px 18px; 
    width: 150px; 
    height: 50px; 
    text-align: center; 
    color: #3366cc; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none;
}
div#wrapper > div#contentWrapper > nav > ul > li > a#selected {
	border-radius: 0.5em 0.5em 0em 0em; 
    border: 1px solid #000000;
    width: 150px; 
    height: 50px; 
    color: #000000; 
    background-color: #fbac0c;
	text-align: center;  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none; 
    cursor: default;
}
div#wrapper > div#contentWrapper > nav > ul > li > a#selected:hover {
    color: #ffffff; 
}
div#wrapper > div#contentWrapper > nav > ul > li > a:hover {
	padding: 10px 18px; 
    border-radius: 0.5em 0.5em 0em 0em;
	border: 1px solid #000000; 
    width: 150px; 
    height: 50px; 
    text-align: center; 
    color: #ffffff; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none; 
    background-color: #bd2020;
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

#centerBox1 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%;  
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
#centerBox2 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%;  
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc); 
}
#centerBox3 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%; 
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
#centerBox4 {
	padding: 20px; 
    border-radius: 0em 1.8em; 
    border: 1px solid #3366cc; 
    width: 90%; 
    text-align: left; 
    margin-right: auto; 
    margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
#conForm { 
    border: 0px; 
    width: 230px; 
    text-align: center; 
    margin-right: auto; 
    margin-left: auto; 
}
#conBut { 
    border: 0px; 
    width: 230px; 
    text-align: right;  
}
#btnSend { 
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #fbac0c; 
    text-align: center;  
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#btnSend:hover {
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #3366cc; 
    text-align: center;
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#txtPh {
    background: url("/images/tel.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 17px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtName {
    background: url("/images/name.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtEmail {
    background: url("/images/email.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
#txtMessage {
    background: url("/images/message.png") no-repeat left;
    background-color: #ffffff;
    background-position: 0px 3px;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
    height: 200px;
}
#txtSecWord {
	background: url("/images/chk.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 230px;
}
.greyed {
    color:#888888;
    }
div#wrapper > footer > div#footerBox > div#socialMedia {
    width: 100%;
	height: 35px;
	padding-top: 0.3em;
	padding-bottom: 0.7em;
    margin-right: auto; 
    margin-left: auto;
	margin-bottom: 0.6em;
    border-bottom-color: #3366cc; 
    border-bottom-width: 1px; 
    border-bottom-style: solid;
}
.fbBut {
background: url("/images/FacebookIcon.png") no-repeat;
display:block;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
background-size: cover;
}

.fbBut:hover {
background: url("/images/FacebookIcon-on.png") no-repeat;
display:block;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut {
background: url("/images/LinkedInIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut:hover{
background: url("/images/LinkedInIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut {
background: url("/images/GooglePlusIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut:hover  {
background: url("/images/GooglePlusIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut {
background: url("/images/TwitterIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut:hover {
background: url("/images/TwitterIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia >  div#smBox {
display: inline-block;
	width: 36px;
	height: 36px;
border: 0;
}

div#wrapper > footer > div#footerBox {
	margin: 0px; 
    	width: 100%; 
    	height: 80px; 
    	text-align: center; 
	color: #3366cc;
    	overflow: hidden; 
    	padding-top: 0.1em; 
    	border-top-color: #3366cc; 
    	border-top-width: 1px; 
    	border-top-style: solid;
}
} /*End max715px---------------------------------------------------*/



















@media screen and (max-width: 480px) {
body {
  	background-position: 0 0;
	background-size: 100%;
	margin: 0px; 
	text-align: center; 
	color: #000000; 
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	background-color: #6699cc;
	background-image: linear-gradient(0deg, #6699cc, #000000);
	background-repeat: no-repeat;
}
div#wrapper {
	border: 1px solid #3366cc; 
    width: 98%; 
    margin-top: 1em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #000000;
}

div#wrapper > header  { 
    height: 140px; 
    margin-right: auto; 
    margin-left: auto;
}

div#wrapper > header > div#heading {
	width: 195px;
	padding: 20px 0 20px 0;
    	margin-right: auto; 
    	margin-left: auto;
}

div#wrapper > div#contentWrapper {
	width: 95%; 
    padding-bottom: 1.5em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #000000;
}
div#wrapper > #dd {
	top: 105px; 
    	width: 100%; 
    	margin-right: auto; 
    	margin-bottom: 1em; 
    	margin-left: auto; 
    	position: absolute;
}
#ddn {
	width: 170px; 
    height: 30px; 
    padding-top: 0.1em; 
    padding-bottom: 0.1em; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #fbac0c;
}
div#wrapper > div#contentWrapper >nav {
	top: -300px; 
    	position: fixed;
}
div#wrapper > div#contentWrapper > div#centerBox1 {
	padding: 20px; 
    	border-radius: 0em 1.8em; 
    	border: 1px solid #3366cc; 
    	width: 80%;  
    	text-align: left; 
    	margin-right: auto; 
    	margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
div#wrapper > div#contentWrapper > div#centerBox2 {
	padding: 20px; 
    	border-radius: 0em 1.8em; 
    	border: 1px solid #3366cc; 
    	width: 80%;  
    	text-align: left; 
    	margin-right: auto; 
    	margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc); 
}
div#wrapper > div#contentWrapper > div#centerBox3 {
	padding: 20px; 
    	border-radius: 0em 1.8em; 
    	border: 1px solid #3366cc; 
    	width: 80%; 
    	text-align: left; 
    	margin-right: auto; 
    	margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc);
}
div#wrapper > div#contentWrapper > div#centerBox4 {
	padding: 20px; 
    	border-radius: 0em 1.8em; 
    	border: 1px solid #3366cc; 
    	width: 80%; 
    	text-align: left; 
    	margin-right: auto; 
    	margin-left: auto; 
    	background: #ffffff;
	background-image: linear-gradient(150deg, #ffffff, #3366cc); 
}

#conForm { 
    border: 0px; 
    width: 160px; 
    text-align: center; 
    margin-right: auto; 
    margin-left: auto;
}
#conBut { 
    border: 0px; 
    width: 140px; 
    text-align: right;  
}
#btnSend { 
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #fbac0c; 
    text-align: center;  
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#btnSend:hover {
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc; 
    width: 120px;
    background-color: #3366cc; 
    text-align: center;
    cursor: hand;
    padding: 3px 3px 3px 3px;
}
#txtPh {
    background: url("/images/tel.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 17px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 160px;
    margin: 0px 0px 0px -5px;
}
#txtName {
    background: url("/images/name.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 160px;
    margin: 0px 0px 0px -5px;
}
#txtEmail {
    background: url("/images/email.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 160px;
    margin: 0px 0px 0px -5px;
}
#txtMessage {
    background: url("/images/message.png") no-repeat left;
    background-color: #ffffff;
    background-position: 0px 3px;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    width: 160px;
    height: 150px;
    margin: 0px 0px 0px -5px;
}
#txtSecWord {
	background: url("/images/chk.png") no-repeat left;
    background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em; 
    border: 1px solid #3366cc;
	padding: 4px 3px 4px 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    font-weight: normal; 
    width: 160px;
    margin: 0px 0px 0px -5px;
}
.greyed {
    color:#888888;
    }
div#wrapper > footer > div#footerBox > div#socialMedia {
    	width: 100%;
	height: 35px;
	padding-top: 0.3em;
	padding-bottom: 0.7em;
    	margin-right: auto; 
    	margin-left: auto;
	margin-bottom: 0.6em;
    	border-bottom-color: #3366cc; 
    	border-bottom-width: 1px; 
    	border-bottom-style: solid;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#fbBut {
background: url("/images/FacebookIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#fbBut:hover {
background: url("/images/FacebookIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut {
background: url("/images/LinkedInIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#inBut:hover {
background: url("/images/LinkedInIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut {
background: url("/images/GooglePlusIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#gpBut:hover {
background: url("/images/GooglePlusIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut {
background: url("/images/TwitterIcon.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia > div#smBox > div#tBut:hover {
background: url("/images/TwitterIcon-on.png") no-repeat;
cursor: hand;
border: 0;
width: 36px;
height: 36px;
	background-size: cover;
}

div#wrapper > footer > div#footerBox > div#socialMedia >  div#smBox {
display: inline-block;
	width: 36px;
	height: 36px;
border: 0;
}

div#wrapper > footer > div#footerBox {
	margin: 0px; 
    	width: 100%; 
    	height: 80px; 
    	text-align: center; 
	color: #3366cc;
    	overflow: hidden; 
    	padding-top: 0.1em; 
    	border-top-color: #3366cc; 
    	border-top-width: 1px; 
    	border-top-style: solid;
}
#revTxtName {
font-size: 9px;
}
#revTxtEmail {
font-size: 9px;
}
#revTxtPh {
font-size: 9px;
}
#revTxtMessage {
font-size: 9px;
}
#revTxtSecWord {
font-size: 9px;
}
} /*End max480px---------------------------------------------------*/

.upArrow {
			position: fixed;
			bottom: 2.2em;
			right: 25px;
			background-color: rgba(235, 235, 235, 0.70);
			padding: 0.09em;
			display: none;
		}

		.upArrow:hover {	
			background-color: rgba(135, 135, 135, 0.50);
		}
		
#frmErr {
	color: #ff0000;
}