body {
margin:					0 auto;
padding:    			0;
font-family:			verdana;
font-size:				15px;
font-weight:			normal;
text-align:				left;
background-color:		black;
color:					white;}


html {height: 101%}
img {border: 0px}


h1, h2, h3, p {font-family: verdana}
h1 {font-size: 24px;	text-align: left; 		color: aqua;  		margin-top:	20px;	margin-bottom: 30px}
h2 {font-size: 15px;	text-align: center;		color: white;		margin-top: 10px;	line-height: 30px;	 font-weight: bold;}
h3 {font-size: 15px;	text-align: center;		color: #00cccc;		margin-top: 0px;	margin-bottom: 0px;  font-weight: normal;}   /* Dark Aqua */
h4 {font-size: 15px;	text-align: left;		color: #ff9900;		margin-top: 0px;	margin-bottom: 0px;  font-weight: bold;}   /* Orange */
p  {font-size: 15px;	text-align: left;		color: white;   	margin-top: 40px;	line-height: 160%;}



.img-banner {
margin:				0 auto;
display:  			block;
width:				100%}





/* ======================================================= FOR DESKTOP  =================================================== */
/* ============================ If the minimum width is greater than 900px, run this code ================================= */

@media only screen and (min-width: 900px) {

a:link, a:visited, a:active  {font-size: 16px; font-weight: bold; text-decoration: none;  color: aqua;}
a:hover   {text-decoration: none;  color: white;}


.container {
width:				1200px;
margin:				0 auto;
margin-top: 		10px;
margin-bottom: 		30px;
text-align:			left;}


.menubar {
width:				100%;
margin-top:			10px;
margin-bottom:		20px;
text-align:			center;}


.pricestable {
width:				400px;
margin:				0 auto;
text-align:			left;
color:				silver;
line-height:		160%}


.center  {
width:				100%;
margin:				auto;
text-align:			center;
color:				silver;
line-height:		160%}

}


/* ======================================================= FOR LAPTOP & PADS =================================================== */
/* ================ If the minimum width is greater than 500px and maximum less than 1100, run this code ======================= */

@media only screen and (min-width: 500px) and (max-width: 1100px) {

a:link, a:visited, a:active  {font-size: 16px; font-weight: bold; text-decoration: none;  color: aqua;}
a:hover   {text-decoration: none;  color: white;}


.container {
width:				800px;
margin:				0 auto;
margin-top: 		10px;
margin-bottom: 		30px;
text-align:			left;}


.menubar {
width:				100%;
margin-top:			10px;
margin-bottom:		20px;
text-align:			center;}


.pricestable {
width:				500px;
margin:				0 auto;
text-align:			left;
color:				silver;
line-height:		160%}

}



/* ======================================================= FOR MOBILE PHONES =================================================== */
/* =============================== If the maximum width is less than 550px, run this code ====================================== */

@media only screen and (max-width: 550px) {

a:link, a:visited, a:active  {font-size: 14px; font-weight: bold; text-decoration: none;  color: aqua;}
a:hover   {text-decoration: none;  color: white;}


.container {
width:				320px;
margin:				0 auto;
margin-top: 		10px;
margin-bottom: 		30px;
text-align:			left;}


.menubar {
width:				100%;
margin-top:			10px;
margin-bottom:		20px;
text-align:			center;}


.pricestable {
width:				300px;
margin:				0 auto;
text-align:			center;
color:				silver;
line-height:		160%}


.center  {
width:				300px;
margin:				auto;
text-align:			center;
color:				silver;
line-height:		160%}


}



}


/* ============================================================================================================================= */
/* ============================================================================================================================= */




z {}