<style type="text/css">
body {
      font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
               font-size:100%;
      margin-top:10px;
	background-color: #eeeeee;      
}
#wrap {
      background-color: #ffffff;
      width:960px;
      border:thin solid black;
      margin:0 auto;
}
#masthead {
background-color:#006495;
border:thin solid black;
 width:960px;
float:left;
clear:both;
padding-top:10px;
}
#masthead p {
color:white;
text-allign:center;
float:right;
padding:50px 100px 50px 60px;
font-size:1.3em;
}
}
#hdrimg {
    float:left;
    padding-top:5px;
}
#hdrtxt {
    float:right;
   height:150px;
   width:660px;
   border:thin solid black;
}

#mainnav {
background-color:#4892b9;
height:40px;
width:960px;
}
#mainnav li {
background-color:#4892b9;

float:left;
width:158px;
height:25px;
text-align:center;
border-left:1px black solid;
border-right:1px black solid;
}
#mainnav ul li a {
color:#ffffff;
display:block;
}
#mainnav ul li a:hover {
background-color:#29336B;
color:#F8F068;
}
#welcome {
Height:60px;
padding:10px 10px 10px 10px;
}
#welcome h1{
font-size:1.2em;
padding:0px 10px 5px 0px;
}
#welcome-img {
width:950px;
height:101px;
padding:0px 100px 5px 180px;
border-right:thin solid black;
}

#break1 {
background-color:#006495;
height:10px;
width:960px;
}

#main {
width:450px;
float:left;
background-color:#eeeeee; 
position:relative;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;

}
#main p {
font-size:1.3em;
padding:5px 10px 0px 10px;
}
#main li {
margin-left:10px;
padding:5px 15px 0px 10px;
}
#sidebar {
float:right;
width:450px;
background-color:#ffffff;
padding:10px 10px 0px 10px;
}
#sidebar img{
float:left;
margin-right:4px; 
}
#sidebar p {
   text-align:left;
   padding:5px 5px 5px 5px;
   margin-left:2px;  
}
#sb-table {
padding-left:5px;
}
#sb-table th {
font-size:1em;
text-align:center;
background-color:#4892b9;
color:white;
border-left:1px solid white;
padding:0px 1px 0px 1px;
}
#sb-table td
{
font-size:1em;
text-align:center;
background-color:#4892b9;
color:white;
border-left:1px solid white;
vertical-align:bottom;
padding:1px;

}

#break2 {
background-color:#006495;
height:10px;
width:960px;
clear:both;
}


#callus {
clear:both;
background-color:#ffffff;
padding:10px 10px 10px 10px;
}
#bigp {
Height:60px;
padding:10px 10px 10px 10px;
}

#coolsite {
margin-left:10px;
}


#footer {
clear:both;
background-color:#ffffff;
border:thin solid black;
margin-bottom:20px;
}
#footer p {
font-size:.7em;
text-align:center;

}
.clear-both {
   clear: both;
}

<!-- websites page -->

#page {width:960px;
          font-family:Arial, Helvetica, sans-serif;
          color: #4c4c4c;
          background-image:url(bgi.gif); 
          border-style:solid; border-width:2px; border-color:#666666;
          margin:0 auto;
          padding:20px;}

#Programming_page {width:920px;
          font-family:Arial, Helvetica, sans-serif;
          color: #4c4c4c;
          background-image:url(images/bgi.gif); 
          border-style:solid; border-width:2px; border-color:#666666;
          padding:20px;
          margin:0 auto;
          }

#lc_bttm {
   clear:both
   }

.wsh1 {
font-size:1.5em;
padding-top:5px;
padding-bottom:4px;
text-align:center;
}

.wsh2 {
font-size:1.5em;
padding-top:5px;
padding-bottom:4px;
text-align:center;
}

#wbsit_lc {
   border: 1px black solid; 
   background-color:#b6d3e3;
   float:left;
   width:312px;
   padding-left:4px;
   padding-right:2px;
   padding-top:2px;
   font-size:1.1em;
   min-height:320px;
      }

#wbsit_mc {
   border: 1px black solid; 
   background-color:#b6d3e3;
   float:left;
   width:312px;
   
   padding-left:4px;
   padding-right:2px;
   padding-top:2px;

   min-height:320px;
   font-size:1.1em;
      }

#wbsit_rc {
   border: 1px black solid; 
   background-color:#b6d3e3;
   float:left;
   width:312px;
  
   padding-left:4px;
   padding-right:2px;
   padding-top:2px;

   min-height:320px;
   font-size:1.1em;
      }
.wsh4 {
font-size:1.25em;
padding-bottom:5px;
padding-bottom:4px;
text-align:center;
}


#basic_plan {
   border: 1px black solid; 
   background-color:#b6d3e3;
   float:left;
   width:308px;
   padding-left:1%;
      }

#medium_plan {
   border: 1px black solid; 
   background-color:#b6d3e3;
   float:left;
   width:308px;
   padding-left:1%;
      }

#large_plan {
   border: 1px black solid; 
   background-color:#b6d3e3;
   float:left;
   width:309px;
   padding-left:1%;
      }
#services_security {
   width:938px;
   border: 1px black solid; 
   background-color:#b6d3e3;
   padding:10px;
   }

#services_programming {
   width:938px;
   border: 1px black solid; 
   background-color:#b6d3e3;
   padding:10px;
   }
#client_side {
   border: 1px black solid; 
   background-color:#b6d3e3;
   text-indent:10px}

#server_side {
   border: 1px black solid; 
   background-color:#b6d3e3;
   text-indent:10px}
#db_design {
   border: 1px black solid; 
   background-color:#b6d3e3;
   padding:10px;
   }

#db_normal {
   border: 1px black solid; 
   background-color:#b6d3e3;
   padding:10px;
   }

#db_query {
   border: 1px black solid; 
   background-color:#b6d3e3;
   padding:10px;
   }

#db_secure {
   border: 1px black solid; 
   background-color:#b6d3e3;
   padding:10px;
   }

</style>
