html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background: 	#D8D8D8;padding-bottom:5px; padding-top:5px;}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%; }
h3{font-size:120%; font-weight: bold;}

a:hover { color: #0c070d; }

div#header{width:770px;overflow:hidden;background: #006699; margin:0 auto 0px; padding:20px 0 0px;}
div#header h1,div#menu{width:770px; margin:0 auto}
div#header h1{padding: 30px 0 10px;color: #FFF}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:left;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #6699CC;text-decoration:none;color: #FFF; font-weight: bold;}
ul#nav a:hover{background: #0099CC;color: #000000;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #F5F5F5;color: #000}

div#container{width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#F5F5F5}
div#content{float:left;display:inline;width:560px;margin: 0px 0px 10px 10px;}
div#content h2{margin: 10px 0;color: #007BC4}

div#content2{float:left;display:inline;width:560px;margin: 0px 0px 10px 10px;}
div#content2 h2{margin: 10px 0;color: #007BC4}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
li#mission{background: #006699}
li#services{background: #0099CC}
ul#intro li#more{margin-right:0;background: #00CCFF}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

ul#serv_intro,ul#serv_intro li{list-style-type:none;margin:0;padding:0; }
ul#serv_intro{width:100%;overflow:hidden;margin-bottom:0px}
ul#serv_intro li{float:left;width:270px;margin-left:5px;margin-right:5px;padding: 10px 0}
li#serv1{background: #6699CC;}
li#serv2{background: #0099CC;}
ul#serv_intro p,ul#serv_intro h3{margin:0;padding: 0 10px}
ul#serv_intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

ul#side_intro,ul#side_intro li{list-style-type:none;margin:0;padding:0; }
ul#side_intro{width:100%;overflow:hidden;margin-bottom:0px}
ul#side_intro li{float:right;width:180px;margin-left:5px;margin-right:5px;padding: 10px 0}
li#side{background: #B0C4DE;}
ul#side_intro p,ul#side_intro h3{margin:0;padding: 0 10px}
ul#side_intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}    

ul#port,ul#port li{list-style-type:none;margin:0;padding:0;}         
ul#port{width:100%;overflow:hidden;margin-bottom:20px;}               
ul#port li{float:left;width:180px;margin-right:10px;padding: 10px 0}  
li#folio0{background: #000000;}  
li#folio1{background: #000000;}  
ul#port li#folio2{background: #000000;} 
li#folio3{background: #000000;} 
li#folio4{background: #000000;} 
ul#port li#folio5{background: #000000;} 
li#folio6{background: #000000;}  
li#folio7{background: #000000;}  
ul#port li#folio8{margin-right:0;background: #000000;}                  
ul#port p,ul#port h3{margin:0;padding: 0 10px;}                      
ul#port h3{text-transform:uppercase;padding-bottom:3px;color: #FFF; font-size: 12px;}  

/*
div.side{float:right;display:inline;width: 180px; background:#B0C4DE; margin:0px 10px 10px 0px}
div.side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}
*/

/* square no round top left corner*/
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width:100%;overflow:hidden;margin-bottom:20px}
ul#about li{float:left;width:175px;margin-right:10px;padding: 10px 0}
li#ab1{background: #006699}
li#ab2{background: #0099CC}
li#ab3{background: #00CCFF}
li#ab4{background: #39F}
li#ab5{background: #F36}
li#ab6{background: #FFF;color: #000}
ul#about p,ul#about h3{margin:0;padding: 0 10px;}
ul#about h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

/*
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 474px;margin:70px auto 0;text-align:left}
ul#about li{float:left;width: 120px; height:100px; padding: 30px 10px 20px 20px;margin:8px 8px 0 0}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
li#ab3{background: #F60}
li#ab4{background: #39F}
li#ab5{background: #F36}
li#ab6{background: #FFF;color: #000}
*/

div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background: #EEE; margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}

/*div#side{float:right;display:inline;width: 180px;background:#B0C4DE; margin:0px 10px 10px 0px}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}*/

div.side{float:right;display:inline;width: 180px; background:#B0C4DE; margin:0px 10px 10px 0px}
div.side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}

div#footer{clear:both;width:750px;margin:0 10px 0;padding: 10px 0;
    background: #006699;color: #FFF;text-align:center}
div#footer p{margin:0}

a:link.delo {  text-decoration: underline; font-family: arial; font-size: 11px; font-weight: bold; color: #f5f5f5 ; }
a:visited.delo {text-decoration: underline; font-family: arial; font-size: 11px; font-weight: bold; color: #f5f5f5;}
a:hover.delo {text-decoration: none; font-family: arial; color: white; font-weight: bold; font-size: 11px;}
a:active.delo {text-decoration: none; font-family: arial; font-weight: bold; font-size: 11px;}

/*form*/
form.contact{width:560px; background-color: #BBD8FF;}
fieldset.contact{border: 0px solid #000;}
legend.contact{font: bold 140%/1.6 Arial,sans-serif;color: #27518A; text-align: center;}
fieldset.contact label.contact{float:left;display:inline;width:100px; line-height:20px; font-size: 10px; margin: 3px 10px;text-align:center;background: #FFF url("../images/arrow.jpg") no-repeat right center}
input.contact,textarea{margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 380px}
input.contact{height: 18px;}
br{clear:left}
input#go{margin: 0.2cm 0cm 0.2cm 3.2cm; border-style:solid;border-color: #FFF #333 #333 #FFF;
    border-width:1px 2px 2px 1px;background: #CCC;width:auto;height: auto;}

/*services left*/
div.serv1{float:left;width: 275px;padding: 5px 0;background: #6699CC;color:#F5F5F5;
    text-align:center;margin: 0px 5px 0px 0px;font-size: 80%;line-height:0.9}
h3.serv1{ font-size: 18px; color: #F5F5F5}
p.serv1{padding: 5px 5px 0px 5px; font-size: 15px; text-align: left; color: #F5F5F5}

/*services right*/
div.serv2{float:left;width: 275px;padding: 5px 0;background: #0099CC;color:#F5F5F5;
    text-align:center;margin: 0px 0px 0px 5px;font-size: 80%;line-height:0.9}
h3.serv2{ font-size: 18px; color: #F5F5F5}
p.serv2{padding: 5px 5px 0px 5px; font-size: 15px; text-align: left; color: #F5F5F5}

/*div.serv2 span{display:block;font-size: 150%;font-weight:bold}*/
    
/*sloagn.js*/    
p.slogan,ul.slogan {
  font-size: 10px;
  /*list-style-type: circle;*/
  margin-top: 0px;
}

.contact {
  color: #007BC4;
  text-align: left;
}

.go {
  font-size: 14px;
  font-weight: bold;
  background-color: #006699;
  color: #F5F5F5;
}

.login {
  background-color: #F5F5F5;
  width: 48%;
  padding: 6px 0px 0px 0px;
}

a:link.link { color: #ffffff; font-family: verdana, arial, sans-serif; font-size: 0.4cm; text-align: center; }
a:visited.link {color: #ffffff; font-family: verdana, arial, sans-serif; font-size: 0.4cm; text-align: center;}
a:active.link {color: #ffffff; font-family: verdana, arial, sans-serif; font-size: 0.4cm; text-align: center;}
a:hover.link {color: #0c070d; font-family: verdana, arial, sans-serif; font-size: 0.4cm; text-align: center;}

a:link.w3s { text-decoration: underline; font-family: arial; font-size: 10px; font-weight: bold; color: #f5f5f5 ; }     
a:visited.w3s {text-decoration: underline; font-family: arial; font-size: 10px; font-weight: bold; color: #f5f5f5;}      
a:hover.w3s {text-decoration: none; font-family: arial; color: white; font-weight: bold; font-size: 10px;}               
a:active.w3s {text-decoration: none; font-family: arial; font-weight: bold; font-size: 10px;}            

a:link.portfolio {  text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; color: #000000; }
a:visited.portfolio {text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; color: #000000;}
a:hover.portfolio {text-decoration: underline; font-family: arial; font-size: 12px; font-weight: bold; color: #6699CC;}
a:active.portfolio {text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold;}


a:link.menu_foot { text-decoration: underline; font-family: arial; font-size: 12px; font-weight: bold; color: #6699CC;}     
a:visited.menu_foot { text-decoration: underline; font-family: arial; font-size: 12px; font-weight: bold; color: #6699CC;}      
a:hover.menu_foot { text-decoration: underline; font-family: arial; font-size: 12px; font-weight: bold; color: #6699CC;}               
a:active.menu_foot { text-decoration: underline; font-family: arial; font-size: 12px; font-weight: bold; color: #6699CC;}            

font.menu_page, p { text-decoration: none; font-family: arial; font-size: 12px; font-weight: bold; color: #000000;}