body {
margin:0;
text-align:center;
font-family: verdana, arial, sans-serif;
background:#000000;
}	

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#outer {
	width:100%;
	overflow: hidden;
	text-align:center;
	padding:0em;
	margin:0;	
	}
	
a:link {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #9957c6;}
a:active {color: #63248d;}	
	
br.clear {
width:90%;
height:0.1em;
clear:both;
padding:0;
margin:0;
background:#00ccee;
}	
	
h1,h2,h3,h4 {
font-weight:bold;
margin:0.2em auto 0.2em auto;
text-align:center;
}		
	
h1 {
font-size:1.0em;
}
	
h2 {
font-size:0.9em;
}	
	
h3 {
font-size:0.8em;
}	

h4 {
font-size:0.7em;
}
	
p {
margin:0em;
padding:0em;
}	

#header {
width:100%;
padding:0em 0em 0em 0em;
margin:0;
float:left;
text-align:center;
}

#topnav {
float:left;
width:100%;
text-align:center;
padding:0.3em 0em 0.3em 0em;
margin:0em;
}

#topnav #navlist1 {
width:90%;
text-align:center;
padding:0em;
margin:0em auto 0em auto;
font-size:0.7em;
}	

#topnav #navlist1 ul{
width:100%;
list-style:none;
text-align:center;
padding:0em;
margin:0em auto 0em auto;
background-color:#000000;
}  

#topnav #navlist1 ul li{
display:inline-block;
width:17%;
margin:0em;
padding:0.2em 0.5em 0.2em 0.5em;
background-color:#000000;
border-right:1px solid #cccccc;
}

#topnav #navlist1 ul li a{
text-decoration:none;
font-weight:normal;
background-color:#000000;
padding:0em 0em 0em 0em;
} 
	
#maincontent {
width:98%;
text-align:center;
padding:0;
margin:0em auto 0em auto;
border:0em solid #228b22;
border-top:0em;
}

#mainmid {
clear:both;
width:90%;
padding:0.8em 1.0em 0.2em 1.0em;
margin:0.2em auto 0em auto;
color:#000000;
font-size:0.7em;
background-color:#ffffff;
text-align:center;
border:2px solid #444444;
border-radius:1em;
}

#mainmid a:link {color: #0000cc;}
#mainmid a:visited {color: #0000cc;}
#mainmid a:hover {color: #9957c6;}
#mainmid a:active {color: #63248d;}	

#mainmid .section{
width:100%;
clear:both;
margin:0.5em auto 0.3em auto;
background-color:#ececec;
}

#mainmid .sectleft{
width:65%;
float:left;
margin:0.5em auto 0.5em auto;
padding:0.2em;
background-color:#ececec;
border:1px solid #669c35;
}

#mainmid .sectright{
width:30%;
float:right;
font-size:0.8em;
margin:0.5em auto 0.5em auto;
padding:0.2em;
background-color:#ececec;
border:1px solid #669c35;
}

#mainmid .section ul{
width:95%;
list-style:none;
margin:0.2em;
padding:0em;
}

#mainmid .maintext{
float:right;
width:65%;
background-color:#ececec;
margin:1.5em auto 0em auto;
padding:0em;
}

#mainmid .section p{margin-top:0.5em;}

#mainmid .formsection{
width:100%;
clear:both;
margin:0.5em auto 0.3em auto;
background-color:#ececec;
text-align:center;
}

#mainmid .formsection .mainform{
clear:both;
width:90%;
background-color:#ececec;
margin:0.5em auto 0.5em auto;
padding-top:0.5em;
}

#mainmid .enqdetails{
clear:both;
width:90%;
background-color:#ececec;
margin:0.5em auto 0.5em auto;
padding-top:0.5em;
}

#mainmid .formsection .formleft{
width:90%;
float:left;
text-align:left;
margin:0.5em auto 0.5em 0.5em;
padding:0em;
background-color:#ececec;
}

#mainmid .formsection .formright{
width:90%;
float:left;
text-align:left;
margin:0.5em auto 0.5em 0.5em;
padding:0em;
background-color:#ececec;
}

#mainmid input[type=submit]{
font-size:1.0em;
}

#mainmid input[type=text]{
font-size:1.0em;
}

#mainmid input[type=file]{
font-size:1.0em;
}

#mainmid input[type=button]{
font-size:1.0em;
}

#mainmid .description{
font-size:1.0em;
width:20em;
height:8em;
}

#intro {
clear:both;
padding:0em 0.2em 0em 0.2em;
width:100%;
margin:0em;
text-align:center;
font-weight:bold;
font-size:0.7em;
}	

#addcontact {
clear:both;width:95%;margin:0em auto 0em auto;
}
#phonecontact {
clear:both;width:95%;margin:0em auto 0em auto;
}

/* mobile */
@media only screen 
and (min-device-width: 20em)
and (max-device-width: 50em)
and (orientation:portrait)
{
body { font-size:100%;}
#topnav #navlist1 ul li{padding:0.2em 0.3em 0.2em 0.3em;}
}

/* mobile landscape */
@media only screen 
and (min-device-width: 20em)
and (max-device-width: 50em)
and (orientation:landscape)
{
body { font-size:130%;}
#topnav #navlist1 ul li{padding:0.2em 0.3em 0.2em 0.3em;}
#mainmid .maintext{margin-top:1.2em;}
#mainmid h2{font-size:1.2em;}
#mainmid .description{font-size:1.0em;width:30em;height:5em;}
#mainmid .formsection .formleft{margin:0.2em auto 0.2em 2em;}
#mainmid .formsection .formright{margin:0.2em auto 0.2em 2em;}
}

/* desktops */
@media only screen 
and (min-device-width: 51em)
{
body { font-size:150%;}
#topnav #navlist1{font-size:1em;}
#mainmid {width:80%;font-size:0.9em;}
#mainmid h2{font-size:1.3em;}
#mainmid h3{font-size:1.0em;}
#mainmid .formsection .enqdetails{width:45%;float:left;}
#mainmid .formsection .formleft{width:45%;float:right;margin:1em auto 0.2em 2em;}
#mainmid .formsection .formright{width:45%;float:right;margin:1em auto 0.2em 2em;}
#mainmid .formsection .mainform{width:45%;float:right;clear:right;margin:1em auto 0.2em 2em;}
}