Body {
	margin: 20px 0px 0px 0px;
	background-color: #189aba;
	background-image:url('bg.gif');
    background-repeat:repeat-x;
	font: 12px Verdana, Arial, sans-serif;
}
table.main {
    width: 90%;
	border: 0px;
	font: 12px Verdana, Arial, sans-serif;
	
}
table.content {
    width: 100%;
	background-color: #ffffff;
	background-image:url('main_bg.gif');
    background-repeat:repeat-x;
	font: 12px Verdana, Arial, sans-serif;
}
td.navigation {
	background: url('tabbuttonbg.gif');
	border: 0px;
}
.navigation a {
	text-decoration: none;
	float: left;
	font-size: 12px;
	color: #868686;
	height:44px;
}
.navigation a strong {
	text-decoration: none;
	float: left;
	color: #868686;
	padding: 15px 15px 8px 11px;
	height: 44px;
}
.navigation a:hover, body#home .home, body#about .about, body#computer .computer, body#web .web, body#portfolio .portfolio, body#contact .contact {
	background: url('tabbutton1.gif') no-repeat top left;
	float: left;
	color: #fff;
	cursor: pointer;
}
.navigation a:hover strong, body#home .home strong, body#about .about strong, body#computer .computer strong, body#web .web strong, body#portfolio .portfolio strong, body#contact .contact strong {
	background: url('tabbutton2.gif') no-repeat top right;
	float: left;
	color: #fff;
}

.menu ul {
	list-style-type: none;
	display: inline;
}

.menu li {
	display: inline;
}

table.dynamic {
	width: 100%;
	height: 200px;
	background-image:url('banner.jpg');
	border: 2px #ffffff solid;
	border-top: none;
}
table.plain {
	width: 100%;
	height: 40px;
	background-image:url('banner.jpg');
	border: 2px #ffffff solid;
	border-top: none;
}


H3  {
  font: normal 24px "Myriad Pro", Arial, sans-serif;
  font-weight: normal;
	color: #9debff;
	width: 85%;
	text-align: right;
	padding: 0px;
	margin: 0px;
 }

p.dynamic  {
  font-family: arial;
	font-size: 12pt;
	color: #FFFFFF;
	width: 90%;
	text-align: right;
 }
p.dynamic a  {
  font-family: arial;
	font-size: 12pt;
	color: #9debff;
	text-decoration:none
 }
 p.dynamic a:hover  {
    color: #FFFFFF;
 }

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%;
height: 171px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 20px;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 190px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 95%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 20px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #FFFFFF;
background: #5b5b5b;
}

.pagination a:hover, .pagination a.selected{
color: #000000;
background-color: #cddf00;
}


 p {
font: 12px/18px Verdana, Arial, sans-serif;

 }
div.bl {background: url(1bl.gif) 0 100% no-repeat #f0f0f0; width: 20em; width:100%;}
div.br {background: url(1br.gif) 100% 100% no-repeat; width: 100%%;}
div.tl {background: url(1tl.gif) 0 0 no-repeat; width: 100%%;}
div.tr {background: url(1tr.gif) 100% 0 no-repeat; padding:10px;}
div.clear {font-size: 1px; height: 1px}

div.contentbg {
background-image:url(contentbg.gif);
background-position:top;
background-repeat:no-repeat;

}

div#left {
    float: left;
    width: 33%;
	text-align:center;
}
div#right {
    float: right;
    width: 33%;
	text-align:center;
}
div#middle {
	text-align:center;
}


 H1 {
  font: normal 24px "Myriad Pro", Arial, sans-serif;
	color: #1b7daf;
	padding: 10px;
	
}

 H2 {
    font: normal 20px "Myriad Pro", Arial, sans-serif;
	color: #1b7daf;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
 }

 H4 {
    color: #cddf00;
	font-size: 14px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	padding: 10px 10px 0px 10px;	
}
table.buttonbg {
width: 100%;
	background-color: #ffffff;
	background-image:url('main_bg2.gif');
    background-repeat:repeat-x;
	margin:0px;
	padding-bottom:10px;
}	
td.sidemenu {
width: 25%;
background-color: #393939;
}
div.sidemenubg {

padding: 6px;
}
div.sidemenu {

background-color: #4b4b4b;
color:#FFFFFF;
padding: 10px;
font: 8pt Verdana;
}	
ul.sidemenu {

background-color: #4b4b4b;
color:#FFFFFF;
font: 8pt Verdana;
list-style:none;
padding: 0px;
margin: 0px;
}	
	
	
td.footer {
    width: 100%;
	background-color: #ffffff;
	
}
div.sidemenu a{
text-decoration:none;
color:#FFFFFF;
font: 8pt Verdana;
}

div.sidemenu a:hover{
text-decoration:underline;
color:#cddf00;
}

a {
   text-decoration:underline;
   color:#1b7daf;
	font: 12px/18px Verdana, Arial, sans-serif;
 }
 a:hover {
  color:#01a8e6; 
 }
 img.pics {
	border: 10px solid #FFFFFF; 
}

 table.menu td {
	border-width: 0px;
}
 table.main td {
	border-width: 0px;
	font: 12px Verdana, Arial, sans-serif;
}
  p.copy {
  font-family: arial;
	font-size: 7pt;
	color: #a9eaff;
	font-weight: normal;
	text-align: center;
 }
 p.copy a {
  font-family: arial;
	font-size: 7pt;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
 }
img.bdr {
    border: 1px solid #ffffff;
	margin: 15px;
	
}

 input{
   color:#1b5175;
   background-color:#FFFFFF;
   border: 1px solid #189aba;
   height: 18px;
   width: 65%;
}
 textarea{
   color:#1b5175;
   background-color:#FFFFFF;
   border: 1px solid #189aba;
   height: 150px;
   width: 95%;
}
 input.submit {
   color:#1b5175;
   background-color:#FFFFFF;
   border: 1px solid #189aba;
   height: 18px;
   width: 25%;
}