body{ margin:0px; padding:0px; background:url(imgs/bg_body.jpg) repeat; height:100%}

.clear{ clear:both}
/*///////////////////////// DEFAULT//////////////////////////////////*/

#top{ margin:0px auto; padding:10px; display:block;  width:880px; height:195px; background-color:#1f1f1f}
#top .top_links{ margin:0px; padding:0px; display:block; float:left; width:300px;}

#top .top_links ul{ margin:0px; padding:0px;}
#top .top_links ul h1{ margin:0px; padding:0px; float:left; display:block; font:normal 10px/16px "Verdana"; color:#7ab51d}
#top .top_links ul h1 a{ outline:none;text-decoration:none; font:normal 10px/16px "Verdana"; color:#7ab51d}
#top .top_links ul h1 a:hover { outline:none;text-decoration:none; font:normal 10px/16px "Verdana"; color:#7ab51d}

#top .top_links ul li{ list-style-type:none;margin:0px;width:300px; padding:0px;float:left; display:block;font:normal 10px/16px "Verdana"; color:#5b7062}
#top .top_links ul li a{font:normal 10px/16px "Verdana"; color:#5b7062;outline:none;  text-decoration:none;}
#top .top_links ul li a:hover {font:normal 10px/16px "Verdana";outline:none;  color:#fff; text-decoration:none; outline:none}
#top .top_links ul li a:focus, #top .top_links ul li a:active {font:normal 10px/16px "Verdana"; color:#fff; text-decoration:none; outline:none}

#top .logo{ margin:0px; padding:0px; float:right; display:block; width:212px; height:117px}
#top .logo a, #top .logo a:hover, #top .logo a:active {margin:0px; padding:0px; border:0px solid #000;}
#second {margin:0px auto; padding:10px; display:block;  width:880px; height:15px; background-color:#1f1f1f}
#second h1{ margin:0px 0px 0px 0px; padding:0px; display:block; float:left; font:normal 19px/22px "Verdana"; color:#7ab51d}
#second h1 a{font:normal 19px/22px "Verdana"; color:#7ab51d; text-decoration:none;}
#second h1 a:hover{font:normal 19px/22px "Verdana"; color:#fff; text-decoration:none;}
#second h1 a:focus, #top h1 a:active {font:normal 19px/18px "Verdana"; color:#fff; text-decoration:none;}

#second span.order {margin:0px 0px 0px 0px; padding:0px; display:block;  float:right;font:normal 10px/16px "Verdana"; color:#7ab51d}
#second span.order a {text-decoration:none;font:normal 10px/26px "Verdana"; color:#5b7062}
#second span.order a:hover {text-decoration:none;font:normal 10px/26px "Verdana"; color:#fff}


#main{ margin:0px auto; padding:10px; display:block;  width:880px; min-height:235px; background-color:#000000}
/*// left //////*/
#main .left{ margin:0px; padding:0px; float:left; display:block; width:216px;}
#main .left .news{ margin:0px; padding:0px; float:left; display:block; width:216px;height:235px;  background-color:#19171c}
#main .left .news h2{margin:0px; padding:5px; float:left; display:block; width:206px; height:15px ;font:bold 12px/16px "Verdana"; color:#7ab51d;background-color:#1f1f1f;}
#main .left .news ul{  margin:0px; padding:0px;}
#main .left .news ul li{ list-style-type:none;margin:10px 0px 0px 5px; padding:0px 0px 5px 0px ;width:206px; display:block; float:left;font:normal 10px/13px "Verdana";
color:#5b7062}
#main .left .news ul li a{font:normal 10px/13px "Verdana";color:#5b7062; text-decoration:none}
#main .left .news ul li a:hover{font:normal 10px/13px "Verdana";color:#5b7062; text-decoration:underline}
#main .left .news ul li dl{ margin:0px 0px 8px 0px; padding:0px; float:left; width:55px; height:30px; overflow:hidden;}
#main .left .news ul li strong{color:#7ab51d;font:normal 10px/13px "Verdana"; }
/*// right //////*/
#main .groups{ margin:0px; padding:0px; float:right; display:block; width:660px;}
#main .groups ul{ margin:0px 0px 0px 0px; padding:0px; float:left; display:block; height:235px; width:215px; overflow:hidden}

#main .groups a ul { text-decoration:none; cursor:pointer}
#main .groups ul h2{margin:0px; padding:5px;text-decoration:none; float:left; display:block; width:205px; height:15px ;font:bold 12px/16px "Verdana"; color:#1f1f1f;background-color:#7ab51d;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}


/*///////////////////////// MAIN PAGES//////////////////////////////////*/
/*// left //////*/
#main .left .text{ margin:0px; padding:0px; float:left; display:block; width:216px;}
#main .left span div.greece{margin:0px; padding:0px; float:left; display:block; color:#0095d8;font: normal 10px/16px "Verdana"; width:214px;}
#main .left span div.turkey{margin:0px; padding:0px; float:left; display:block; color:#c00418;font:normal 10px/16px "Verdana"; width:214px;}
#main .left span div.cyprus{margin:0px; padding:0px; float:left; display:block; color:#ffcc00;font:normal 10px/16px "Verdana"; width:214px;}



#main .left .text ul{ margin:0px; padding:5px; float:left; display:block; min-height:280px; font:normal 10px/13px "Verdana";width:205px; color:#5b7062; background-color:#19171c}
#main .left .text ul strong{font:normal 10px/13px "Verdana";color:#7ab51d;}
#main .left .text ul a{font:normal 10px/16px "Verdana"; color:#7ab51d; text-decoration:underline;}
#main .left .text ul a:hover{font:normal 10px/16px "Verdana"; color:#7ab51d; text-decoration:none;}
#main .left .menu_left{ margin:0px; padding:0px; float:left; display:block; width:216px;}
#main .left .menu_left ul{ margin:0px; padding:0px; float:left; display:block; width:216px;}
#main .left .menu_left ul li{ color:#fff;list-style-type:none; margin:0px; padding:0px;font:normal 10px/16px "Verdana"; float:left; display:block; width:216px;}
#main .left .menu_left ul li a{font:normal 10px/16px "Verdana"; color:#5b7062; text-decoration:none;}
#main .left .menu_left ul li a:hover {font:normal 10px/16px "Verdana"; color:#fff; text-decoration:none;}

#main .left .menu_left ul li a:focus, #main .left .menu_left ul li a:active {font:normal 10px/16px "Verdana"; color:#fff; text-decoration:none;}



/*// right //////*/
#main .right{ margin:0px; padding:0px 0px 0px 0px ; float:left; display:block; width:660px;}
#main .right img{ float:right; margin:0px; padding:0px; display:block}
/*// text //////*/
#main .right .text{ margin:0px; padding:0px ; float:right; display:block; width:655px; font:normal 12px/16px "Verdana"; color:#7ab51d;}
#main .right .text strong{font:normal 12px/16px "Verdana"; color:#fff;}
#main .right .text a{ text-decoration:underline; color:#fff;font:normal 12px/16px "Verdana";}
#main .right .text a{ text-decoration:underline; color:#7ab51d;font:normal 12px/16px "Verdana";}
/*// news list //////*/
#main .right .news{ margin:0px; padding:0px ; float:right; display:block; width:655px;}
#main .right .news ul{ margin:0px 0px; padding:0px ; }
#main .right .news ul li{ list-style-type:none; margin:0px 0px 20px 0px ; padding:0px ; height:220px; background-color:#1a171b; float:left; display:block; width:655px;}
#main .right .news ul li dl{ margin:0px 10px 10px 0px; padding:0px; float:left; display:block; width:216px; height:150px; overflow:hidden; clip: rect(5px, 0px, 0px, 5px);}
#main .right .news ul li strong{ margin:0px ; padding:0px; float:left; display:block; width:420px;color:#7ab51d;font:normal 12px/16px "Verdana";}
#main .right .news ul li h2{ margin:0px ; padding:0px; float:left; display:block; width:420px;color:#fff;font:normal 19px/24px "Verdana";}
#main .right .news ul li span{margin:0px ; padding:0px; float:left; display:block; width:420px;color:#5b7062;font:normal 12px/16px "Verdana";}
#main .right .news ul li span a{ margin:5px 0px; padding:0px; float:left; display:block; text-decoration:none;color:#7ab51d;font:normal 12px/16px "Verdana";}
#main .right .news ul li span a:hover{ margin:5px 0px; padding:0px; float:left; display:block; text-decoration:none;color:#fff;font:normal 12px/16px "Verdana";}

/*// commercila and stills //////*/
#main .right .work{ margin:0px; padding:0px; float:right; display:block; width:655px;}
#main .right .work .img{margin:0px; padding:0px; float:right; display:block; width:655px; height:220px; overflow:hidden}
#main .right .work ul{ margin:0px 0px 20px 5px; padding:0px; float:left; background-color:#1a171b; display:block; width:655px;}
#main .right .work ul li {list-style-type:none;margin:0px 1px 0px 2px; padding:0px 0px 10px 0px; float:left; display:block; width:214px;}
#main .right .work ul li div.text{margin:0px; padding:0px; float:left; display:block; color:#fff;font:bold 10px/13px "Verdana"; width:214px;}
#main .right .work ul li div.client{margin:0px; padding:0px; float:left; display:block; color:#fff;font:bold 10px/13px "Verdana"; width:214px;}


#main .right .work ul li div.Greece{margin:0px; padding:0px; float:left; display:block; color:#0095d8;font:bold 10px/13px "Verdana"; width:214px;}
#main .right .work ul li div.Turkey{margin:0px; padding:0px; float:left; display:block; color:#c00418;font:bold 10px/13px "Verdana"; width:214px;}
#main .right .work ul li div.Cyprus{margin:0px; padding:0px; float:left; display:block; color:#ffcc00;font:bold 10px/13px "Verdana"; width:214px;}

#main .right .work ul li dl{margin:0px 0px 10px 0px; padding:0px; float:left; display:block; height:150px; width:214px; overflow:hidden}
/*// contacts  left//////*/
#main .left .cy_cont{ margin:0px; padding:0px; float:left; display:block; width:216px;}
#main .left .cy_cont ul{ margin:0px; padding:0px;}
#main .left .cy_cont ul li{ list-style-type:none;margin:0px;width:206px;  height:225px;background-color:#1a171b; padding:5px;color:#fff;font:normal 10px/16px "Verdana";}
#main .left .cy_cont ul li h2{margin:0px 0px 20px 0px; padding:0px; float:left; display:block; width:206px;font:bold 12px/16px "Verdana"; color:#7ab51d;}
#main .left .cy_cont ul li .address{margin:0px 0px 0px 0px; padding:0px; height:50px; float:left; display:block; width:206px;font:normal 10px/16px "Verdana"; color:#fff;}
#main .left .cy_cont ul li .tel{margin:0px 0px 0px 0px; padding:0px; height:65px; float:left; display:block; width:206px;font:normal 10px/16px "Verdana"; color:#fff;}
#main .left .cy_cont ul li .tel strong{ font:bold 10px/16px "Verdana"; color:#7ab51d;}
#main .left .cy_cont ul li .tel a{ text-decoration:none;font:normal 10px/16px "Verdana"; color:#5b7062;}
#main .left .cy_cont ul li .tel a:hover{ text-decoration:none;font:normal 10px/16px "Verdana"; color:#fff;}

/*// contacts  right//////*/
#main .right .cy_cont{ margin:0px; padding:0px ; float:right; display:block; width:660px;}
#main .right .cy_cont ul{ margin:0px 0px 0px 5px; padding:0px;width:655px;float:left; display:block;}
#main .right .cy_cont ul li{ width:205px;list-style-type:none;margin:0px 0px 0px 0px; padding:5px; float: left; display:block; height:225px;background-color:#1a171b;color:#fff;font:normal 10px/16px "Verdana";}
#main .right .cy_cont ul li h2{width:205px;margin:0px 0px 20px 0px; padding:0px; float:left; display:block; font:bold 12px/16px "Verdana"; color:#7ab51d;}
#main .right .cy_cont ul li .address{width:205px;margin:0px 0px 0px 0px; padding:0px; height:50px; float:left; display:block; font:normal 10px/16px "Verdana"; color:#fff;}
#main .right .cy_cont ul li .tel{width:205px;margin:0px 0px 0px 0px; padding:0px; height:65px; float:left; display:block; font:normal 10px/16px "Verdana"; color:#fff;}
#main .right .cy_cont ul li .tel strong{ font:bold 10px/16px "Verdana"; color:#7ab51d;}
#main .right .cy_cont ul li .tel a{ text-decoration:none;font:normal 10px/16px "Verdana"; color:#5b7062;}
#main .right .cy_cont ul li .tel a:hover{ text-decoration:none;font:normal 10px/16px "Verdana"; color:#fff;}

/*// client zones//////*/
#main .left .clients_zone{ margin:0px; padding:0px; background-color:#1a171b;float:left; height:235px; display:block; width:216px;}
#main .left .clients_zone h2{margin:0px; padding:5px; float:left; display:block; width:206px; height:15px ;font:bold 12px/16px "Verdana"; color:#7ab51d;background-color:#2d3727;}
#main .left .clients_zone ul{ margin:0px; padding:0px;}
#main .left .clients_zone ul .error { margin:0px;padding:0px 5px;width:206px; height:117px; display:block; float:left; text-align:left;;font:normal 10px/16px "Verdana";color:#fff;}
#main .left .clients_zone ul .error span{margin:0px; padding:0px;}
#main .left .clients_zone ul li{ list-style-type:none;width:206px; text-align:left; display:block; float:left; color:#5b7062;font:normal 10px/16px "Verdana"; margin:0px; padding:0px 5px;}
#main .left .clients_zone ul li input{ margin:5px 0px; padding:0px;width:206px; display:block; float:left; border:none; height:20px; background-color:#2d3727}
#main .left .clients_zone ul li a{font:normal 10px/16px "Verdana"; color:#5b7062; text-decoration:none;}
#main .left .clients_zone ul li a:hover {font:normal 10px/16px "Verdana"; color:#fff; text-decoration:none;}

#last{ margin:5px auto 0px auto; padding:5px; display:block;  width:890px;background-color:#000000}
#last ul {margin:0px; padding:0px;font: normal 10px/16px "Verdana";display:block; width:245px; float:left;  color:#5b7062;}

#last li{margin:0px;font: normal 10px/16px "Verdana"; color:#5b7062; padding:0px; text-align: right;width:645px;  display:block; float: left}
#last a{color:#5b7062; text-decoration:underline}
#last a img{border:0px;}
#last a:hover{color:#5b7062; text-decoration:none}