body  
{ 
text-align: center; 
font-family: Verdana, Helvetica, Arial;
font-size: 62%;
color: #000000;
line-height: 1.5em;
background-image: url("images/bg_img1.jpg");
background-repeat: repeat-x;
margin: 0px;
height: 100%;
height: auto!important;
}


#frame 
{ 
position: relative; 
text-align: left; 
margin-top: 0; 
margin-right: auto; 
margin-left: auto; 
padding: 0; 
width: 900px;
background-color: #fffffff;
height: 100%;
min-height: 100%;
height: auto!important;
}

/* Secondary Pages - Holds logo, slogan and navigation */

#banner
{
width: 800px;
height: 150px;
}

/* END */
/* INDEX BANNER ELEMENTS - IMG AND ORDER BUTTON - DIFFERS FROM BODY */

#indexbanner
{width: 800px;
height: 218px;
margin-top: 11px;
background-image: url("images/printed_banner3H.jpg");
background-repeat: no-repeat;
z-index: 15;
}

div.orderbutton
{ width: 100px;
margin-left: 75px;
margin-top: 170px;
position: absolute;
background-image: url("images/order.png");
background-repeat: no-repeat;
height: 40px;
font-size: 1em;
font-weight: bold;
color: #000;
text-align: center;
padding-top: 8px;
}

div.orderbutton a
{ 
color: #000000;
text-align: center;
}

div.orderbutton a:hover
{ 
color: #ff0000;
text-align: center;
text-decoration: none;
}

/* END */

/* Secondary Pages - smaller size logo and slogan positioning */

#logo
{
width: 309px;
margin-top: 20px;
margin-left: 0px;
z-index: 5;
float: left;
height: 129px;
}

/* END */

/* NAVIGATION TOP OF SECONDARY PAGES */

#navigation
{
width: 300px;
height: 50px;
left: 440px;
top: 90px;
z-index: 3;
position: absolute;
}

div.navbox
{width: 60px;
height: 60px;
text-align: center;
float: left;
margin-right:5px;
}


#navigation a
{
color: #000000;
text-decoration: none;
}

#navigation a:hover
{
color: #00aeff;
text-decoration: none;
}

/* This puts the link to home page at top right of site */

#home
{
position: absolute;
width: 50px;
font-size: 1em;
color: #000000;
font-family: Verdana, Helvetica, Arial;
top: 10px;
left: 645px;
}

/* END */



/* MAIN CONTAINER THAT HOLDS LEFT COLUMN AND CONTENT AREA */

#container
{
width: 698px;
margin-bottom: 10px;
padding-bottom: 20px;
background-color: #fff;
border: 1px solid #d2d2d2;
position: relative;
}

div.textbox
{
width: 670px;
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
font-size: 1.1em;
line-height: 1.5em;
padding-bottom: 10px;
}

div.bgcolor
{
background-color: #cacaca;
width: 100%;
height: 20px;
margin-top: 2px;
}

div.order
{ width: 100px;
position: relative;
float: right;
right: 20px;
background-image: url("images/order.png");
background-repeat: no-repeat;
height: 40px;
font-size: 1em;
font-weight: bold;
color: #000;
text-align: center;
padding-top:7px;
}

div.order a
{ 
color: #000000;
text-align: center;
}

div.order a:hover
{ 
color: #ff0000;
text-align: center;
text-decoration: none;
}

/* END */


/* MAIN CONTENT TEXT TO BE PLACED WITHIN DIV PAGEMIDDLE IN ORDER FOR THE CONTENT AREA TO INCREASE AS THE AMOUNT OF CONTENT INCREASES AND PUSH THE FOOTER DOWN */

#title
{
position: absolute;
height: 2.3em;
left: 140px;
top: 193px;
}

#services
{
width: 465px;
padding-left: 12px;
font-size: 1em;
line-height: 2em;
padding-right: 15px;
color: #000000;
}

#contact
{
width: 465px;
padding-left: 12px;
font-size: 1em;
line-height: 2em;
padding-right: 15px;
padding-top: 25px;
color: #000000;
}

/* END */



html.opera #ndxnav ul li
{
padding-right:20px;
padding-left: 0px;
}

/* Footer Elements */

#footer
{
clear: both;
width: 800px;
height: 195px;
background-color: #ffffff;
background-image: url("images/footerbg.gif");
background-repeat: no-repeat;
}

#copyright
{
text-align: left;
width: 150px;
font-size: .8em;
color: #888;
padding-left: 25px;
margin-top: 5px;
}

#copyright a
{
color: #888;
text-decoration: none;
}

#copyright a:hover
{
color: #00aeef;
text-decoration: inherit;
}

/* END */


/* Normal Links */

a
{
color: #000000;
text-decoration: none;
font-weight: inherit;
}

a:hover
{
color: #00aeef;
text-decoration: underline;
font-weight: inherit;
}

/* END */

/* Fonts */

p
{
font-size: 1.2em;
color: #000000;
font-family: Verdana, Helvetica, Arial;
line-height: 2em;
padding-bottom: 1.0em;
text-align: justify;
}



/* IMAGE FLOATS IN BODY TEXT */

.floatimgleft
{
float: left;
margin: 0;
padding-top:5px;
}

.floatimgright
{
float: right;
padding-left: 5px;
padding-right: 0px;
padding-top: 2px;
margin: 0;
}


span.abouthdg
{
color: #00aeff;
font-size: 2em;
font-family: Arial;
padding-left: 20px;
margin-top: 20px;
font-weight: 300;
}

span.serviceshdg
{
color: #eb008b;
font-size: 2em;
font-family: Arial;
padding-left: 20px;
margin-top: 20px;
font-weight: 300;
}

span.contacthdg
{
color: #f9e710;
font-size: 2em;
font-family: Arial;
padding-left: 20px;
font-weight: bold;
}

span.heading
{
color: #000;
font-size: 1.2em;
font-family: Arial;
padding-left: 15px;
line-height: 1.7em;
font-weight: bold;
}

span.contact
{
font-size: 1.2em;
color: #000000;
font-family: Verdana, Helvetica, Arial;
line-height: 2em;
padding-bottom: 0.5em;
text-align: justify;