/* -------------- Bluepearl Design CSS -------------------- */
/* ------------ www.bluepearl-design.com ------------------ */

/* ------------------------------------------------- */
/* ----------------- Body - HTML  ------------------ */
/* ------------------------------------------------- */

body,html {
   height: 100%;
   min-height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   }  

body {
   background: #FFFFFF url('../images/background.jpg');
   padding: 0px;
   margin: 0px;
   height: 100%;
   min-height: 100%;
   color: #000000; 
   font-size: 11px; 
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   }
   
A:link, A:visited, A:active {
   color:#263892;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
   text-decoration:none;
   }

A:hover {
   color:#6E7430;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
   text-decoration:none;
   }
   
A.network:link, A.network:visited, A.network:active {
   font-size: 10px; 
   color:#ffffff;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
   text-decoration:none;
   }

A.network:hover {
   font-size: 10px; 
   color:#afc9e9;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
   text-decoration:none;
   }
   
A.bluepearl:link, A.bluepearl:visited, A.bluepearl:active {
   font-size: 10px; 
   color:#f3d634;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
   text-decoration:none;
   }

A.bluepearl:hover {
   font-size: 10px; 
   color:#ffffff;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
   text-decoration:none;
   }
   
.news {
   width: 540px;
   background: #ffffff;
   color: #000000;
   padding: 3px;
   margin: 3px;
   font-size: 10px;
   border-width: 1px;
   border-style: solid;
   border-color: #a0a6af;
   text-align: left;
   }

/* ------------------------------------------------- */
/* ------------------ Headers ---------------------- */
/* ------------------------------------------------- */


h1#contentheader {
   height: 75px;
   width: 800px;
   padding:0px;
   margin:0px;
   border: 0;
   background: #FFFFFF url('../images/header.jpg') no-repeat;
   position: relative; 
   left: 56px; Top: 0px;
   }

#services {
   background: url('../images/cat-services.jpg') no-repeat;
   height: 31px;
   }
   
#login {
   background: url('../images/cat-login.jpg') no-repeat;
   height: 31px;
   position: relative; 
   left: -1px; Top: 0px;
   }
   
#latestwork {
   background: url('../images/cat-latestwork.jpg') no-repeat;
   height: 31px;
   }
   
.mheader {
   background: url('../images/header.gif') no-repeat;
   height: 31px;
   width: 593px;
   border: 0;
   margin: 0;
   padding: 0;
   }
   
/* ------------------------------------------------- */
/* ---- Header - Navbar - Frame - Footer ----------- */
/* ------------------------------------------------- */

#frame {
   position: relative;
   height: auto !important;
   width:917px;
   height: 100%; 
   min-height: 100%;
   background: url('../images/mainback.jpg') top left;
   margin-right:auto;
   margin-left:auto;
   padding-left: 0px;
   padding-right: 0px;
   text-align:left;
   }

#network {
   width: 798px;
   height: 20px;
   margin: 0;
   padding: 2px 0px 2px 0px;
   border: 0;
   background: #6b768a;
   border-top:1px solid #9fa7be;
   border-left:1px solid #9fa7be;
   border-right:1px solid #9fa7be;
   position: relative; 
   left: 56px; Top: 0px;
   color: #ffffff; 
   font-size: 10px; 
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   }
   
#network1 {
   float: left;
   width: 638px;
   margin: 0;
   padding: 4px 0px 0px 0px;
   border: 0;
   text-align: center;
   }
   
#network2 {
   float: right;
   width: 152px;
   margin: 0;
   padding: 0;
   border: 0;
   }

   
#navbar {
   height: 33px;
   width: 800px;
   display: block;
   margin: 0px;
   padding: 0px;
   border: 0;
   background: #FFFFFF url('../images/navbar.jpg') no-repeat;
   position: relative; 
   left: 56px; Top: 0px;
   }

#footer {
   position: relative;
   left: 56px; bottom: -1px;
        height: 62px;
   width: 800px;
   display: block;
   margin: 0px;
   padding: 0px;
   border: 0;
   background: #FFFFFF url('../images/footer.jpg') no-repeat;
   }
   
#payments {
	background-color: #fff;
	border: 1px solid #a0a6af;
	}
  
/* ------------------------------------------------- */
/* ------------------ Left Column ------------------ */
/* ------------------------------------------------- */

#leftcolumn {
   width:177px;
   padding-left: 69px;
   padding-right: 0px;
   margin: 0px;
   float:left;
   color: #000000; 
   font-size: 11px; 
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   }

.leftcontent {
   width:151px;
   padding-left: 15px;
   padding-right: 11px;
   margin: 0px;
   float:left;
   }

.leftcontent ul {
   display: block;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   }

.leftcontent ul li {
   background: url('../images/services-back.gif');
   width: 146px;
   height: 19px;
   display: block;
   color: #000000; 
   font-size: 10px; 
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: left;
   vertical-align: bottom;
   padding-left: 4px;
   margin-left: 0px;
   margin-bottom: 3px;
   line-height: 13pt;
   }

/* ----------------------------------------------------- */ 
/* ------------------ Middle Column  ------------------- */
/* ----------------------------------------------------- */

#middlecolumn {
   width:593px;
   padding-left: 0px;
   padding-right: 0px;
   float:left;
   }
   
.middleservices {
   width:401px;
   padding-left: 10px;
   padding-right: 8px;
   margin: 0px;
   float:left;
   }
   
.midinfo {
   width: 550px;
   background:#e6e7ec;
   padding: 7px;
   margin-left: 3px;
   color: #000000; 
   font-size: 11px; 
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   border-width: 1px;
   border-style: solid;
   border-color: #a0a6af;
   clear: right;
   }
   
/* ------------------------------------------------- */
/* -------------------- Footers -------------------- */  
/* ------------------------------------------------- */

.bottomleft {
   background: url('../images/bottomleft.jpg') no-repeat;
   width: 177px;
   height: 16px;
   margin: 0px;
   padding: 0px;
   border: 0;
   float:left;
   }
   
html .bottomleft {
   background: url('../images/bottomleft.jpg') no-repeat;
   width: 177px;
   height: 16px;
   margin: 0px;
   padding: 0px;
   position: relative;
   top: 6px;
   }

.bottommiddle {
   background: url('../images/bottommiddle.jpg') no-repeat;
   width: 593px;
   height: 16px;
   margin: 0px;
   padding: 0px;
   border: 0;
   float:left;
   }

/* ------------------------------------------------- */
/* ------------------ Gradients -------------------- */
/* ------------------------------------------------- */

.catgradientleft {
   background: url('../images/cat-gradient.jpg') no-repeat;
   width: 177px;
   height: 11px;
   margin: 0px;
   padding: 0px;
   border: 0;
   float:left;
   }
   
.catgradientmiddle {
   background: url('../images/cat-gradient-middle2.jpg') no-repeat;
   width: 593px;
   height: 11px;
   margin: 0px;
   padding: 0px;
   border: 0;
   float:left;
   }

/* ------------------------------------------------- */
/* ------------------ Spacers ---------------------- */
/* ------------------------------------------------- */

#leftspacerheader {
   background: url('../images/spacergradient.jpg') no-repeat;
   height: 31px;
   }
   
#leftcontentspacer {
   width:151px;
   padding-left: 15px;
   padding-right: 11px;
   margin: 0px;
   float:left;
   }

#leftspacermiddle {
   background: url('../images/spacergradient-middle.jpg') no-repeat;
   height: 17px;
   }

/* ------------------------------------------------- */
/* -------------------- Misc ----------------------- */
/* ------------------------------------------------- */

h1 {
   color: #787838;
   font-size:14px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: center;
   margin: 0;
   padding: 0;
   border: 0;
   }
   
h2 {
   color: #fff;
   font-size: 16px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: center;
   padding: 7px;
   margin: 0;
   border: 1px solid #fff;
   background-color: #717b96;
   }
   
h3 {
   color: #000000;
   font-size: 11px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: left;
   padding: 0;
   margin: 0;
   border: 0;
   }
   
h4 {
   color: #263892;
   font-size: 9px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 0px 0px 0px 17px;
   margin: 0;
   text-align: left;
   }
   
h5 {
   color: #263892;
   font-size:12px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 5px 0px 5px 0px;
   margin: 0;
   text-align: left;
   }
   
h6 {
   color: #000000;
   font-size: 14px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: center;
   padding: 10px 0px 0px 0px;
   margin: 0;
   border: 0;
   }


h1 span {
   display: none;
   }

a span {
   display: none;
   }
   
#portfolio1 {
   width: 140px;
   height: 95px;
   background:#e6e7ec;
   margin: 2px;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 2px;
   padding-right: 2px;
   border-width: 1px;
   text-align: center;
   border-style: solid;
   border-color: #a0a6af;
   }
   
#portfolio2 {
   width: 140px;
   height: 105px;
   background:#e6e7ec;
   margin: 2px;
   padding-top: 5px;
   padding-bottom: 2px;
   padding-left: 2px;
   padding-right: 2px;
   border-width: 1px;
   border-style: solid;
   border-color: #a0a6af;
   }
   
.portfolio-wrap {
   width: 550px;
   padding: 10px 0px 0px 0px;
   margin: 0px;
   border: 0;
   }
   
.login1 {
   width: 140px;
   background:#e6e7ec;
   margin: 2px;
   padding: 2px;
   border-width: 1px;
   text-align: left;
   border-style: solid;
   border-color: #a0a6af;
   }

#xhtml {
   position: absolute; 
   left: 614px; Top: 28px;
   height: 15px;
   width: 80px;
   }

#css {
   position: absolute; 
   left: 700px; Top: 28px;
   height: 15px;
   width: 80px;
   }
   
#copyright {
   display: block;
   margin: 0px;
   padding-top: 28px;
   padding-left: 22px;
   color: #505164; 
   font-size: 10px; 
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-weight: bold;
   }