/* TOPICT V3 */



body{margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
td { vertical-align:top;}

p, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
a.fy{ color:#099FB8; text-decoration:none; border-bottom: 1px solid #CCCCCC; font-weight:bold; }
a:hover.fy{ color:#099FB8; text-decoration:none; border-bottom: 3px solid #000000; font-weight:bold; }

a.pd{ color:#099FB8; text-decoration:none; border-bottom: 1px solid #CCCCCC; font-size:80%; font-weight:bold; }
a:hover.pd{ color:#099FB8; text-decoration:none; border-bottom: 3px solid #333; font-weight:bold; }

#yap{position:relative; background:#FFFFFF url(../images/body-bg.jpg) repeat-x bottom; padding-bottom:3px;}


#yheader{height:245px; width:100%; background-image:url(../images/hdr-bg.jpg);}

#yheader-contents{position:relative; margin:0px auto; width:776px; }
#yheader-logo{position:relative; top: 95px;  left:20px;  width:285px; height:66px; background-image:url(../images/topict-logo.jpg); background-repeat:no-repeat;  }
#yheader-mini{position:relative; left:415px; width:308px; padding-left:25px; background:url(../images/vline-header.gif) no-repeat left center; } 

#yheader-mini p{ color:#666; font-size:12px;}


#drop{position:absolute; height:45px; width:65px; background-image:url(../images/yappie.gif); background-repeat:no-repeat; top:-21px; left:135px; }

#y-links{margin:0px 0px 50px 65px;}
#y-links span.home{}
#y-links a{border-bottom: 0.2em solid #EFEFEF; padding-bottom: 0.2em; }
html>body #y-links a {padding-bottom: 0em;}
#y-links a:hover {border-bottom:4px solid #333333;}
a.home {margin-right:95px}
a.yp{margin-right:40px; }
a:hover.yp{}




#ymid{ position:relative; margin:0px auto; width:776px; margin-top:18px; margin-bottom:30px }

#mid-contents{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; color:#666}
#mid-contents p{ margin-top:15px}
#mid-contents li{ margin-top:10px}
#mid-contents table.t{margin:20px 0px 10px 0px;}

#mid-contents p.major{ margin-left:10px;}
#mid-contents p.w {padding:10px 0px 5px 15px;}
#mid-contents div.works{ background:url(../images/works-bg.jpg) no-repeat top; margin-bottom:20px;}
#mid-contents div.works strong { color:#333}

#mid-contents div.works ul{margin:0px 0px 0px 25px; padding:0px}
#mid-contents div.works li{margin:0px; padding:0px; list-style-type:none;}
#mid-contents div.works img.clients{float:left; margin:25px 10px 10px 10px;}

#mid-contents div.det span{display:block; padding:0px 0px 3px 35px; background:url(../images/pdetails.gif) no-repeat; margin:10px 0px 0px 5px}

#mid-contents span.hideme{display:block; padding:0px 0px 3px 35px; background:url(../images/pdetails.gif) no-repeat; margin:10px 0px 0px 5px}

#mid-contents div.news {margin:40px 5px 0px 5px;}
#mid-contents div.news p{margin:0px; padding:0px;  margin-top:10px;}
#mid-contents div.news p.title{ font-size:1.1em;}
#mid-contents div.news p.date{ font-size:.8em; font-style:italic; margin-top:5px; color:#999999}
#mid-contents div.news p.newscon{ margin-top:20px;}
#mid-contents div.news p.newscon a{ font-size:.9em;}
#mid-contents div.news img.small{float:left; margin:0px 10px 10px 0px;}
#mid-contents span.newslinks{ padding-left:13px; background: url(../images/sbullets.gif) no-repeat; background-position:0px 7px; display:block; margin-left:15px; line-height:1.4em}

#mid-contents div.coninfo{ margin:0px 0px 0px 10px;}
#mid-contents div.coninfo p{ font-size:.8em; margin:10px 0px 0px 15px}
#mid-contents div.coninfo p.b{ font-size:.8em; margin:10px 0px 0px 25px}

#mid-contents div.indexnews{}
#mid-contents div.indexnews p.title{ font-size:.8em;}
#mid-contents div.indexnews p.date{ font-size:.8em; font-style:italic; margin-top:5px; color:#999999}
#mid-contents div.indexnews p.newscon{ margin-top:10px; font-size:.8em;}


#s-links{}
#s-links span{ display:block; padding-left:18px; background: url(../images/sbullet.gif) no-repeat left}
#s-links p{margin:3px 0px 10px 20px; font-size:.75em}
#s-links p.ptech{margin:10px 10px 30px 10px; font-size:1em; padding-left:40px; background:url(../images/info.gif) no-repeat}


#sdesc p{font-size:1em; margin:3px 0px 10px 5px;}

#superyap{margin:20px 60px 0px 60px;}
#superyap div.title{margin:30px 0px 20px 0px;}
#superyap div.sub{margin:40px 0px 20px 0px; font-size:0.9em;}
#superyap div.sub2{margin:20px 0px 5px 10px;}
#superyap span.img{float:left; margin:10px 10px 20px 0px;}

#contactform{ background:url(../images/form-bg.gif); padding:10px 0px 10px 20px;  }
#contactform span.error{ color:#FF3300; font-size:.7em; padding:5px;}
#contactform span.errory{ color:#FF3300; font-size:1.1em; }

#ybanner{ text-align:center; }




#yfooter{  margin:0px auto; width:762px; height:105px; background:url(../images/ftr-bg.jpg) repeat-x;}
#yfooter div.left{ background-image:url(../images/ftr-left.gif); background-position:left; background-repeat:no-repeat;height:105px;}
#yfooter div.right{background-image:url(../images/ftr-right.gif); background-position:right; background-repeat:no-repeat;height:105px;}

#yfooter span{ font-size:.6em; color: #999; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:1.0em; display:block; padding:53px 0px 0px 30px;}
#yfooter a{color:#23CBE4; text-decoration:none;}
#yfooter a:hover{ text-decoration:overline;}
#yfooter a:hover.mailto{ text-decoration:underline;}


form{margin:0px;}
form span.formbg{ display: block;	border-right: #333 1px solid;  border-top: #333 1px solid; padding-top: 2px; padding-right: 5px; padding-left: 2px; padding-bottom: 2px; margin: 3px 0px 7px 0px; border-left: #333 1px solid;  border-bottom: #333 1px solid; background-color: #099FB8; }

form span.formbg input {border-right: #999999 1px solid; border-top: #333333 1px solid; margin: 0px; border-left: #666666 1px solid; width: 100%;  border-bottom: #CCCCCC 1px solid;  COLOR: #666; background-color:#EAFBFD; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; }

form span.formbg textarea {border-right: #999999 1px solid; border-top: #333333 1px solid; font-size: 1.0em; margin: 0px; border-left: #666666 1px solid; width: 100%;  border-bottom: #CCCCCC 1px solid;  COLOR: #666; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#EAFBFD;}