/*Layout*/

html {
	
	height:100%;
	margin: 0;
	padding: 0; 

	
}

/*CSS for Body and Specific HTML5*/
body { 
	font: 12pt/ Arial, sans-serif;
	width: 100%;
	height: 98%;	
	margin-left: auto;
	margin-right: auto;
	color: rgb(200,200,200);


	
}


/*HTML 5 specific
main-page, header, spacer, navbar, menubar, goHome, goAbout, goServices, goContact, goRequest, shim, content, services-text, text-container, addressbox, notice, psb, footer*/

   {display: block;
}


/*CSS for Main Layout Container (named #main-page) */

#main-page {
	overflow: hidden;
	width: 100%;
	height: 98%;
	margin: auto;
	background: transparent;


}

/*CSS for Header (named #header) */

#header {
	overflow: visible;
	width: 100%;
	height: 100px;
	margin: auto;
	background-image: url(../images/Banner.png);
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: right;


}

/*CSS for Spacer (named #spacer) */

#spacer {
	overflow: hidden;
	width: 100%;
	height: 12px;
	margin: auto;
	background: transparent;


}

/*CSS for Navigation Bar at top of Main Layout Container (named #navbar)*/

#navbar {
	width: 100%;
	height: 4%;
	text-align: center;
	margin: auto;
	background:	transparent;


}

/*CSS for Navigation Bar content at top of Main Layout Container (named #menubar)*/

#menubar {
	width: 60%;
	height: 100%;
	text-align: center;
	margin: auto;
	background:	rgba(0,0,0,.1);


}

/*CSS for Shim in menubar (named #shim)*/

#shim {
	width: 3%;
	height: 100%;
	float: left;
	text-align: center;
	margin: auto;
	background:	transparent;


}

/*CSS for Home Button in menubar (named #goHome)*/

#goHome {
	overflow: visible;
	width: 16%;
	height: 100%;
	float: left;
	text-align: center;
	margin: auto;
	background-image: url(../images/Home.png);
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: bottom;


}

/*CSS for About Button in menubar (named #goAbout)*/

#goAbout {
	width: 16%;
	height: 100%;
	float: left;
	text-align: center;
	margin: auto;
	background-image: url(../images/About.png);
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: bottom;


}

/*CSS for Home Button in menubar (named #goServices)*/

#goServices {
width: 18%;
height: 85%;
float: left;
	 text-align: center;
	 margin: auto;
	 background-image: url(../images/Services.png);
	 background-repeat: no-repeat;
	 background-size: 40%;
	 background-position: bottom;


}

/*CSS for Home Button in menubar (named #goContact)*/

#goContact {
width: 16%;
height: 100%;
float: left;
         text-align: center;
         margin: auto;
	 background-image: url(../images/Contact.png);
	 background-repeat: no-repeat;
	 background-size: 40%;
	 background-position: bottom;


}

/*CSS for Home Button in menubar (named #goRequest)*/

#goRequest {
	width: 16%;
	height: 100%;
	float: left;
	text-align: center;
	margin: auto;
	background-image: url(../images/Request.png);
	background-repeat: no-repeat;
	background-size: 40%;
  	background-position: bottom;


}

/*CSS for Main Content Container (named #content)*/

#content {
	overflow: hidden;
	width: 100%;
	height: 50%;
	font-size: 14pt;
	float: left;
	text-align: left;
	margin: auto;
	background:	rgba(0,0,0,.4);


}

/*CSS for Services Text (named #services-text)*/

#services-text {
	width: 22%;
	height: 100%;
	float: left;
	text-align: left;
	margin: auto;
	


}

/*CSS for Main Text (named #text-container)*/

#text-container {
	width: 50%;
	height: 100%;
	float: right;
	text-align: left;
	margin: auto;
	


}

/*CSS for Address Container (named #addressbox)*/

#addressbox {
	width: 30%;
	height: 100%;
	float: left;
	text-align: right;
	margin: auto;
	



}

/*CSS for Footer (named #footer)*/

#footer {
	width: 100%;
	height: 10%;
	font-size: 24pt;
	text-align: center;
	margin: auto;
	background:	rgba(0,0,0,0);


}
#psb {
	width: 100%;
	height: 6%;
	font-size: 12pt;
	text-align: center;
	margin: auto;
	background:	rgba(0,0,0,0);


}


#notice {
	width: 100%;
	height: 10%;
	font-size: 10pt;
	text-align: center;
	margin: auto;
	background:	rgba(0,0,0,0);


}