/*General Body Background Header for each page*/

body {background-color: #003366

}

#page {	

position: relative;

top: 5px;

width: 850px;

background-color: #000000;   

margin:30px auto;    

padding: 0px;    

border: thin solid #000000;	

text-align: center; 

}



#header { 

margin: 0; 

background-color: #000000; 

height: 175px; 

width: 850px; 

padding-top: 0px; 

padding-right: 0; 

padding-bottom: 0; 

padding-left: 0; 

background-image: url(images/header.png); 

background-repeat: no-repeat; 

background-position: center;

border-width: 0px;

border-style: solid;

border-color: #000066;

 }

 

 

#menu {

position: relative;

width: 100%;

background-color: #ffffff;

float: left;

z-index: 15;

}

#menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 170px;

float: left; 



}

#menu a, #menu h2 {

font: bold 11px/16px arial, helvetica, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 0px 0px;	

text-align: center;



}



#menu h2 {

color: #ffffff;

background: #000;

text-transform: uppercase;

}



#menu a {

color: #ffffff;

background: #000000;

text-decoration: none;

}



#menu a:hover {

color: #a00;

background: #fff;

}			 



#menu li {position: relative;}



#menu ul ul {

position: absolute;

z-index: 500;

}



#menu ul ul ul {

top: 0px;

left: 100%;

}		  





div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}



#paypal {

position: absolute;

left: 20px;

top: 20px;

text-align: center;

font: 12pt;

font-style: comic sans ms, arial, times new roman, sans serif;

color: #000066;

text-decoration: bold;

}





#design {

position: relative;

background-image: url(images/hugh2.png);

background-repeat: no-repeat;

width: 175px;

height: 83px;

padding: 5px;

font-size: .5pt;

}





#design2 {

position: relative;

background-image: url(images/fairborn2.png);

background-repeat: no-repeat;

width: 175px;

height: 58px;

padding: 5px;

font-size: .5pt;

}



#design3 {

position: relative;

background-image: url(images/thrifty.png);

background-repeat: no-repeat;

width: 175px;

height: 58px;

padding: 5px;

font-size: .5pt;

}



#design4 {

position: relative;

background-image: url(images/obi2.png);

background-repeat: no-repeat;

width: 175px;

height: 58px;

padding: 5px;

font-size: .5pt;

}







#design a:link { color: #fff; text-decoration:none; border-style: none; font-size: .5pt; opacity: 0;}

#design a:hover, a.footer:focus,{ color: #fff; border-style: none; font-size: .5pt } a:active { color: #fff; border-style: none; opacity: 0; font-size: .5pt}	

#design a:visited {color: #fff; text-decoration: none; border-style: none; opacity: 0; font-size: .5pt}



#design2 a:link { color: #fff; text-decoration:none; border-style: none; font-size: .5pt; opacity: 0;}

#design2 a:hover, a.footer:focus,{ color: #fff; border-style: none; font-size: .5pt } a:active { color: #fff; border-style: none; opacity: 0; font-size: .5pt}	

#design2 a:visited {color: #fff; text-decoration: none; border-style: none; opacity: 0; font-size: .5pt}



#design3 a:link { color: #330f0b; text-decoration:none; border-style: none; font-size: .5pt; opacity: 0;}

#design3 a:hover, a.footer:focus,{ color: #330f0b; border-style: none; font-size: .5pt } a:active { color: #330f0b; border-style: none; opacity: 0; font-size: .5pt}	

#design3 a:visited {color: #330f0b; text-decoration: none; border-style: none; opacity: 0; font-size: .5pt}



#design4 a:link { color: #330f0b; text-decoration:none; border-style: none; font-size: .5pt; opacity: 0;}

#design4 a:hover, a.footer:focus,{ color: #330f0b; border-style: none; font-size: .5pt } a:active { color: #330f0b; border-style: none; opacity: 0; font-size: .5pt}	

#design4 a:visited {color: #330f0b; text-decoration: none; border-style: none; opacity: 0; font-size: .5pt}



a:link { color: #5e8292; text-decoration:none; border-style: none; font-size: 17pt;} 

a:hover, a:focus { color: #000000; border-style: none; font-size: 17pt;} a:active { color: #606878; border-style: none;font-size: 17pt; }	

a:visited {color: #5e8292; text-decoration: none; border-style: none;font-size: 17pt;} 

a img {border: none;} 



span.bolditalic {

font-size: 15pt;

font-style: italic;

font-weight: bold;

font-family: comic sans ms, arial, times new roman, sans serif;

}





p.small {

font-size: 10pt;

font-family: comic sans ms, arial, times new roman, sans serif;

text-transform: uppercase;

color: #5e8292;

} 



p.left {

text-align: left;

}

 

/* Index Page */

#mainpage {

position: relative;

/*top: 195px;*/

background-image: url(images/bgmp.jpg);

background-repeat: repeat;

width: 800px;

height: 686px;

padding: 25px;

} 







#thrifty {

position: absolute;

top: 20px;

left: 300px;

text-align: center;

background-image: url(images/thrifty.gif);

background-repeat: no-repeat;

width: 486px;

height: 60px;

padding: 5px;

}





#content {

position: absolute;

top: 120px;

left: 240px;

text-align: center;

font-size: 14pt;

color: #870507;

font-family: comic sans ms, arial, times new roman, sans serif;

font-decoration: bold;

}



#footer {

position: relative;

text-align: center;

width: 850px;

background-color: #000066;

font-size: 9pt;

font-family: comic sans ms, arial, times new roman, sans serif;

color: #870507;

}



#footer a:link { color: #5e8292; text-decoration:none; border-style: none; font-size: 9pt;}

#footer a:hover, a.footer:focus,{ color: #000000; border-style: none; } a:active { color: #606878; border-style: none; }	

#footer a:visited {color: #5e8292; text-decoration: none; border-style: none;}



/* Pricing Page */

#mainpageprice {

position: relative;

/*top: 195px;*/

background-image: url(images/bgmp.jpg);

background-repeat: repeat;

width: 800px;

height: 1386px;

padding: 25px;

} 

}



#price {

position: absolute;

top: 20px;

left: 300px;

text-align: center;

background-image: url(images/price.png);

background-repeat: no-repeat;

width: 486px;

height: 60px;

padding: 5px;

}



#type {

position: absolute;

top: 800px;

left: 240px;

text-align: left;

font-size: 14pt;

color: #870507;

font-family: comic sans ms, arial, times new roman, sans serif;

font-decoration: bold;

}





#footerprice {

position: relative;

text-align: center;

width: 850px;

background-color: #000066;

font-size: 9pt;

font-family: comic sans ms, arial, times new roman, sans serif;

color: #870507;

}



#footerprice a:link { 

color: #5e8292; 

text-decoration:none; 

border-style: none; 

font-size: 9pt;

}

#footerprice a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none; font-size: 9pt; }	

#footerprice a:visited {color: #5e8292; text-decoration: none; border-style: none; font-size: 9pt;}



/*Sites Page*/







#mainpagesites {

position: relative;

/*top: 195px;*/

background-image: url(images/bgmp.jpg);

background-repeat: repeat;

width: 800px;

height: 3886px;

padding: 25px;

} 

#contentsites {

position: absolute;

top: 120px;

left: 240px;

text-align: left;

font-size: 14pt;

color: #870507;

font-family: comic sans ms, arial, times new roman, sans serif;

font-decoration: bold;

}



#port {

position: absolute;

top: 20px;

left: 300px;

text-align: center;

background-image: url(images/portfolio.png);

background-repeat: no-repeat;

width: 486px;

height: 60px;

padding: 5px;

}



#footersites {

position: relative;

text-align: center;

width: 850px;

background-color: #000066;

font-size: 9pt;

font-family: comic sans ms, arial, times new roman, sans serif;

color: #870507;



}



#footersites a:link { 

color: #5e8292; 

text-decoration:none; 

border-style: none; 

font-size: 9pt;

}

#footersites a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none; font-size: 9pt; }	

#footersites a:visited {color: #5e8292; text-decoration: none; border-style: none; font-size: 9pt;}





/* About Page*/



#about {

position: absolute;

top: 20px;

left: 300px;

text-align: center;

background-image: url(images/about.png);

background-repeat: no-repeat;

width: 486px;

height: 60px;

padding: 5px;

}



#footerabout {

position: relative;

text-align: center;

width: 850px;

background-color: #000066;

font-size: 9pt;

font-family: comic sans ms, arial, times new roman, sans serif;

color: #870507;

}



#footerabout a:link { 

color: #5e8292; 

text-decoration:none; 

border-style: none; 

font-size: 9pt;

}

#footerabout a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none; font-size: 9pt; }	

#footerabout a:visited {color: #5e8292; text-decoration: none; border-style: none; font-size: 9pt;}



#p.a a:link { 

color: #5e8292; 

text-decoration:none; 

border-style: none; 

font-size: 9pt;

}

#p.a a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none; font-size: 9pt; }	



#p.a a:visited {color: #5e8292; text-decoration: none; border-style: none; font-size: 9pt;}



/*Customers Page*/



#mainpagecustomers {

position: relative;

/*top: 195px;*/

background-image: url(images/bgmp.jpg);

background-repeat: repeat;

width: 800px;

height: 926px;

padding: 25px;

} 



#customers {

position: absolute;

top: 20px;

left: 300px;

text-align: center;

background-image: url(images/customers.png);

background-repeat: no-repeat;

width: 486px;

height: 60px;

padding: 5px;

}



#contentcustomers {

position: absolute;

top: 120px;

left: 240px;

text-align: left;

font-size: 12pt;

color: #870507;

font-family: comic sans ms, arial, times new roman, sans serif;

font-decoration: bold;

padding: 20px;

}







#contentcustomers a:link { color: #5e8292; text-decoration:none; border-style: none; font-size: 9pt;}

#contentcustomers a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none;font-size: 9pt; }	

#contentcustomers a:visited {color: #5e8292; text-decoration: none; border-style: none;font-size: 9pt;}





#footercustomers {

position: relative;

text-align: center;

width: 850px;

background-color: #000066;

font-size: 9pt;

font-family: comic sans ms, arial, times new roman, sans serif;

color: #870507;

}



#footercustomers a:link { 

color: #5e8292; 

text-decoration:none; 

border-style: none; 

font-size: 9pt;

}

#footercustomers a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none; font-size: 9pt; }	

#footercustomers a:visited {color: #5e8292; text-decoration: none; border-style: none; font-size: 9pt;}



/*Contact Us Page */





#mainpagecontent {

position: relative;

/*top: 195px;*/

background-image: url(images/bgmp.jpg);

background-repeat: repeat;

width: 800px;

height: 1086px;

padding: 25px;

}



#contactus {

position: absolute;

top: 20px;

left: 300px;

text-align: center;

background-image: url(images/contactus.png);

background-repeat: no-repeat;

width: 486px;

height: 60px;

padding: 5px;

}



#contentcontact {

position: absolute;

top: 120px;

left: 240px;

text-align: left;

font-size: 12pt;

color: #870507;

font-family: comic sans ms, arial, times new roman, sans serif;

font-decoration: bold;

}



#footercontact {

position: relative;

text-align: center;

width: 850px;

background-color: #000066;

font-size: 9pt;

font-family: comic sans ms, arial, times new roman, sans serif;

color: #870507;

}



#footercontact a:link { 

color: #5e8292; 

text-decoration:none; 

border-style: none; 

font-size: 9pt;

}

#footercontact a:hover, a.footer:focus,{ color: #000000; border-style: none;font-size: 9pt; } a:active { color: #606878; border-style: none; font-size: 9pt; }	

#footercontact a:visited {color: #5e8292; text-decoration: none; border-style: none; font-size: 9pt;}