/* CSS Document */

body { 
padding: 4px;
margin: 0px;
background-image: url(bodybg.gif); 
}
body, td { 
font-family : "book antiqua", arial, sans-serif;
font-size: 13px;
color: #4E521F; /* 656527 */
} 

#page { margin: 0px auto; width: 786px; text-align: center;  }/* auto Centers body */

#out { border: 1px solid #8C8C39; width: 782px; background: #fff; margin: 0px auto;font-style: italic; font-weight: bold; }
#textbox { width: 582px; margin-left: 100px; margin-right: 100px; margin-top: 50px; margin-bottom: 50px; text-align: justify; }
#narrow { width: 362px; margin-left: 210px; margin-right: 210px; margin-top: 50px; margin-bottom: 50px; text-align: left; }


.ctr { text-align: center; }/* CLASS, being used */
.lft { text-align: left; }
.rht { text-align: right; }

img.aright { float: right; clear: right; margin: 0px; background: #fff; padding: 2px; border: 0px; }/* class="aright" */
img.aleft { float: left; clear: left; margin: 0px; background: #fff; padding: 2px; border: 0px; }/* class="aleft" */
img.ctr { display: block; padding: 2px; margin: 0px auto; border: 1px solid #666; float: none; clear: both; }/* class="ctr" */

#head { width: 782px; height: 50px; background-image: url(graphic.gif); text-align: left; }
#headblk { width: 782px; height: 50px; background: #fff; text-align: left; }
.next { height: 25px; margin: 50px 166px 0px 166px; background: #fff; }

a.def { color: #1C1C1C; text-decoration: none; font-weight: bold; } 
a.def:hover { color: #595983; text-decoration: none; font-weight: bold; }
a.none { color: #4E521F; text-decoration: none; font-weight: bold; } 
a.none:hover { color: #595983; text-decoration: none; font-weight: bold; }
a.sml { color: #5B5B26; text-decoration: none; font: 11px normal; font-family: arial; } /* Copyright + ? */
a.sml:hover { color: #fff; text-decoration: none; font: 11px normal; }


.style2 { font-size: 12px; }/* small body font */
.style4 { font-size: 12px; font-weight: bold; }/* small body font BOLD */
.style3 { font-size: 13px; font-weight: bold; color: #ff0000; }/* small red font */
.black { color: #000; font-size: 14px; }
.red { color: #ff0000; }


.block { margin: 20px; }
.sitemap { margin-left: 20px; }

.title { height: 20px; background-image: url(img-bg.gif); background-repeat: no-repeat; margin: 40px 0px 6px 0px; }
.txttitle { height: 20px; color: #000; background-image: url(img-bg.gif); background-repeat: no-repeat; margin: 40px 0px 6px 0px; }
.titin { margin-left: 0px; font-size: 14px; font-style: italic; color: #000; text-align: right; font-family: "book antiqua", arial; }


a.mtl { color: #000; text-decoration: none; } 
a.mtl:hover { color: #000; text-decoration: none; }
a.titsm { color: #646428; text-decoration: none; font-size: 13px; } /* small title */
a.titsm:hover { color: #646428; text-decoration: none; font-size: 13px; }

/* Bottom boxes Home */
#container {
width: 786px;
margin: 0 auto;
}
#boxleft {
width: 250px;
float: left; background: #fff; border: 1px solid #8C8C39; margin: 15px 0px 0px 0px; /* MARGINS: Top Right Bottom Left */
}
#boxcenter {
width: 250px;
float: left; background: #fff; border: 1px solid #8C8C39; margin: 15px 15px 0px 15px;
}
#boxright {
width: 250px;
float: right; background: #fff; border: 1px solid #8C8C39; margin: 15px 0px 0px 0px;
}
.bxin { background: #fff; margin: 15px; text-align: left; font-size: 13px; font-style: italic; }
#footer {
clear: both;
}
.bxtitle { height: 20px; background-image: url(sqr.gif); background-repeat: no-repeat; margin-bottom: 6px; }
.bxtitlein { margin: 2px 0px 0px 16px; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; color: #4D4D1F; }
a.bxt { color: #000; text-decoration: none; font-weight: bold; font-family: "book antiqua"; } 
a.bxt:hover { color: #000; text-decoration: none; font-weight: bold; font-family: "book antiqua"; }

/* Register text box */
#register {
width: 292px;
float: left; background: #fff; border: 0px solid #8C8C39; margin: 15px 30px 0px 0px; 
}


/* Webdesign text boxs */
#webdesign {
width: 582px;
margin: 0 auto;
}
#twoleft {
float: left;
margin-right: 20px;
color: #42421A;
}
#tworight {
float: right;
color: #42421A;
}
.bxwout { border: 1px solid #C8C875; width: 279px; margin-top: 10px; }
.bxwin { border: 0px; margin: 12px; text-align: left; font-size: 12px; font-family: "book antiqua"; font-style: italic; }


/* Payment Page CC */
#ccard {
width: 582px;
margin: 0 auto;
}
#ccardleft {
float: left;
font: 12px normal; font-family: "book antiqua"; margin-right: 20px;
}
#ccardright {
float: left;
font: 12px normal; font-family: "book antiqua"; text-align: center; width: 279px;
}


/* portfolio boxes */
#portfolio {
width: 582px;
margin: 0 auto;
}
#ptleft {
width: 194px;
float: left;
}
#ptcenter {
width: 194px;
float: left; text-align: center; 
}
#ptright {
width: 194px;
float: right; text-align: right; 
}

.bxpout { border: 1px solid #C8C875; width: 184px; margin-top: 10px; }
.bxpin { border: 1px solid #333; width: 165px; margin: 9px; }/* Around pic */


/* 3 boxes on index, hosting and webdesign page (surrounded by #portfolio) */
.bxtout { width: 184px; margin-top: 10px; }
.bxtin { border: 0px; width: 160px; margin: 6px 12px 6px 12px; text-align: left; font: 13px normal; font-style: italic; font-family: "book antiqua"; }
.bxtinctr { border: 0px; width: 160px; margin: 6px 12px 6px 12px; text-align: left; font: 13px normal; font-style: italic; font-family: "book antiqua"; }

#boxesone {
width: 582px;
margin: 0 auto;
}
#boxestwo {
width: 582px;
margin: 0 auto;
}
.hsleft {
width: 194px; height: 250px;
float: left; background-image: url(3boxbgleft.gif);
}
.hscenter {
width: 194px; height: 250px;
float: left; text-align: center; background-image: url(3boxbg.gif);
}
.hsright {
width: 194px; height: 250px;
float: right; text-align: right; background-image: url(3boxbgright.gif);
}
.hsfoot {
clear: both;
}


.homeout {
width: 582px;
margin: 0 auto;
}
.homeleft {
width: 174px; height: 250px;
float: left; margin: 0 20px 0 0;
}
.homecenter {
width: 174px; height: 250px;
float: left; margin: 0 10px 0 10px;
}
.homeright {
width: 174px; height: 250px;
float: right; margin: 0 0 0 20px;
}



.blogshot {
float: left;
border: 0px;
}


/* Website Management */
#navout { margin: 0 auto; border: 1px solid #D8D89C; font: 11px normal; width: 680px; font-family: "book antiqua"; }
.navin {  margin: 4px; text-align: center; }
/* INVOICE STYLES */

.style40 { font-size: 11px; font-family: arial; font-weight: normal; color: #000; }
.style41 { font-size: 13px; font-family: arial; font-weight: bold; color: #000; }/* abc001 and total */

.details { width: 506px; margin: 20px; margin-top: 5px; clear: both; }

#invoice { width: 574px; height: 67px; border-top: 1px solid #333; border-bottom: 1px solid #333; }
#total { width: 574px; border-top: 1px solid #333; margin-top: 10px; }
.ileft { width: 220px; float: left; padding: 10px; text-align: left; }
.icenter { width: 122px; float: left; padding: 10px; text-align: right; }
.iright { width: 172px; float: right; padding: 10px; text-align: center; }


#balance { width: 574px; margin: 0 auto; border-bottom: 1px dotted #ccc; padding-top: 20px;  }
#hosting { width: 574px; margin: 0 auto; border-bottom: 1px dotted #ccc; }
#misc { width: 574px; margin: 0 auto; border-bottom: 1px dotted #ccc; }
#manage{ width: 574px; margin: 0 auto; border-bottom: 1px dotted #ccc; }
#requests{ width: 574px; margin: 0 auto; border-bottom: 1px dotted #ccc; }
#photo{ width: 574px; margin: 0 auto; border-bottom: 1px solid #fff; }
.bleft { width: 446px; float: left; margin: 10px; text-align: left; }
.bcenter { width: 11px; float: left; margin: 10px; text-align: center; }
.bright { width: 55px; float: right; margin: 10px; text-align: center; }

.colone { width: 311px; float: left; margin: 10px; text-align: left; }
.coltwo { width: 11px; float: left; margin: 10px; text-align: center; }/* 0 */
.colthree { width: 11px; float: left; margin: 10px; text-align: center; }/* @ */
.colfour { width: 55px; float: left; margin: 10px; text-align: center; }/* $20.00 */
.colfive { width: 11px; float: left; margin: 10px; text-align: center; }/* - */
.colsix { width: 55px; float: right; margin: 10px; text-align: center; }/* $0.00 */

fieldset { border: 0px; }



/* Link Exchange Page */

.exchange { 
border-bottom: 1px solid #606040;
margin: 0px auto;
width: 468px;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
font-family: arial;
font-style: normal;
font-size: 11px;
color: #474730;
} 

#boxtwo { 
width: 390px;
margin: 20px auto;
} 
#boxtwoinner { 
width: 350px;
text-align: left;
font-family: arial;
font-style: normal;
font-size: 11px;
margin: 10px auto;
color: #474730;
} /* boxtwo being used around banner exchange forms */


/* START FORMS */
input { font-family: arial, Helvetica; font: 12px normal; color: #000; margin-bottom: 5px; border: 1px solid #606040; background: #f5f5f1; } 
textarea { font-family: arial, Helvetica; font: 12px normal; color: #000; border: 1px solid #606040; margin-bottom: 5px; background: #f5f5f1; } 
.submit { font-family: arial, Helvetica; font: 10px normal; color: #fff; background-image: url(submit.gif); width: 60px; height: 18px; margin-left: 5px; } 

.radio { background-color:#fff; border: 0px; margin-bottom:0px; }

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #fff;
padding: 10px;
border: 1px solid #222;
color: #000;
font: normal 11px arial;
line-height: 18px;
z-index:100;
visibility: hidden;
}

.copy { margin-top: 10px; margin-bottom: 70px;}/* div around copyright, see also a.class "sml" */

/* Start LOGO - bg:  */
a.log { color: #4D4D1F; text-decoration: none; } 
a.log:hover { color: #222; text-decoration: none; }
.logout { border: 1px solid #4D4D1F; width: 182px; height: 50px; margin: 20px 301px 0px 301px; background-image: url(http://www.escortmarketing.co.nz/images/logow.gif);  }
.login { text-align: right; height: 42px; font-size: 11px; font-family: arial, helvetica; margin: 4px; letter-spacing: 1px; }