/***********************************************/
/* Global tag styles						   */
/***********************************************/
* {
   margin:0; 
   padding:0;
}

/* mac hide \*/
html, body {
   height:100%;
   margin:0; 
   padding:0;   
}
/* end mac hide */

body {
   background:url(../images/background.gif) repeat-x top;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;   
   color:#000000;
}
/***********************************************/
/* Container DIV					           */
/***********************************************/
/* mac hide \*/
.container {
   min-height:100%;
}
/* End mac hide */

* html .container {
   height:100%;
}

.container {
   width:780px;
   margin:0 auto;
   background:url(../images/mainBac.gif) repeat-y;   
}
/***********************************************/
/* Header  DIV					               */
/***********************************************/
.header {
   float:left;
   height:90px;
   width:780px;
   background:url(../images/header.gif) no-repeat;
}

.header p {
   float:right;
   margin:12px 0 0 0;
   font-size:0.7em;
   color:#FFFFFF;
}

.header a {
   color:#FFFFFF;
}
.phplive {
	margin: 5px 0 0 5px;
}
/***********************************************/
/* Main  DIV					               */
/***********************************************/
.main {
   float:left;
   width:780px;
}
/***********************************************/
/* Left Column  DIV					           */
/***********************************************/
.lc {
   float:left;
   width:120px;
   text-align:center;
}

.lc li {
   float:left;
   list-style-type:none;
   text-align:center;
}

.lc li a {
   float:left;
   height:2.2em;
   width:120px;
   background:#007CC3;
   border-bottom:1px solid #006FB0;
   font-size:0.7em;
   text-decoration:none;
   line-height:2.2em;
   color:#FFFFFF;
}

.lc li a:hover {
   background-color:#035F91;
   color:#FFFFFF;
}

.lc img {
   margin:20px 0 0 0;
}
/***********************************************/
/* Intro  DIV					               */
/***********************************************/
.intro {
   float:left;
   width:660px;
   height:120px;
   text-align:left;
   background:url(../images/intro.gif) no-repeat;
}

.intro p {
   width:180px;
   margin:5px 10px 5px 10px;
   font-size:0.7em;
   color:#FFFFFF;
}

.intro a {
   color:#FFCC00;
}

.offers {
   float:right;
   width:200px;
   margin:30px 0 0 0;
}

.offers p {
   margin:10px 10px 0 10px;
}

#price {
   color:#FFCC00;
}
/***********************************************/
/* Content  DIV					               */
/***********************************************/
.content {
   float:left;
   width:659px;
   text-align:left;
}

.content p {
   margin:0 20px 10px 20px;
   font-size:0.7em;
   color:#333333;
}

.content h1 {
   margin:10px 20px 10px 20px;
   font-size:0.75em;
   color:#000000;
}

.content h2 {
   margin:30px 20px 0 20px;
   font-size:0.7em;
   color:#007CC3;
}

.content ul {
   margin:10px 0 10px 0;
}

.content li {
   margin:0 0 10px 30px;
   font-size:0.7em;
   color:#333333;
}

.textBox {
   float:left;
   width:295px;
   display:inline;
   margin:10px 0 10px 20px;
}

.textBox p {
  margin:0 0 10px 0;
}

.textBox h1 {
  margin:0 0 10px 0;
  padding:2px;
  background:#007CC3;
  font-size:0.75em;  
  color:#FFFFFF;
}

.textBox ul {
   margin:20px 0 10px 0;
}

.textBox li {
   margin:0 0 10px 30px;
   font-size:0.7em;
   list-style-type:square;
   color:#333333;
}
#contact {
	font-size:0.7em;
	margin:10px 20px 10px 20px;
	}
/***********************************************/
/* Footer DIV 					               */
/***********************************************/
.footer {
   position:relative;
   width:780px;
   height:20px;  
   margin:-20px auto;
   text-align:center;
   background:#007CC3;
}

.footer p {
   float:right;
   margin:0 10px 0 0;
   font-size:0.7em;   
   line-height:20px;
   color:#FFFFFF;
}

#clearfooter{clear:both;height:30px;}/*needed to make room for footer*/

* > html #clearfooter {float:left;width:100%;}/* ie mac styles */