@import url(http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,greek-ext,greek,latin-ext);


body {margin:0px; padding:0px; width:100%; background:#bbbbbb url(imgs/mainbg.png) repeat-x 0px 173px; font-family: 'Didact Gothic', sans-serif; font-size:14px;  font-weight:normal;}
.clear {margin:0px; padding:0px; clear:both;}
#content strong {font-weight: 500;}



#header {margin:0px auto; padding:0px; width:100%; height:212px; background:url(imgs/header.png) repeat-x center top!important;}
#header .top {margin:0px auto; width:980px; padding:0px; text-align:center; height:217px; background:url(imgs/tob_bgr.jpg) no-repeat center top;}
#header .top img {padding:30px 0px 30px 0px;}
#header .top .nav {margin:0px auto; width:920px; margin:0px; padding:20px 30px 0px 30px; display:block; height:42px;   z-index:1000;}

#header .top .mainmenu {margin:0px auto; width:920px; display:block; padding:20px 30px 0px 30px; height:42px; z-index:1000; background:url(imgs/menubgr.png) no-repeat center top;}


#content {margin:0px auto; padding:10px; width:914px;min-height:400px; background:url(imgs/container.png) no-repeat center top; font-size:14px; line-height:16px;}
#content a {color:#5c5131; text-decoration:underline;}
#content a:hover {color:#5c5131; text-decoration:none;}
#content .welcome {width:800px; margin:0px auto; height:auto; display:block; margin-top:40px; font-size:16px; line-height:20px; font-weight:normal; color:#32372f;}
#content .welcome h2 {margin:0px; font-size:22px!important; font-weight:normal; line-height:45px!important; background:url(imgs/h2border.jpg) no-repeat 0px bottom!important; margin-bottom:10px;}

#content .services {margin:0px auto; margin-top:40px; width:800px; height:auto; display:block; line-height:20px; font-size:16px;}
#content .services ul {margin:0px auto; padding:0px;}
#content .services li {list-style-type:none!important; width:377px; height:126px; background:url(imgs/services.png) no-repeat 0px 0px; margin:0px 3px 3px 0px; padding:10px; float:left;}
#content .services li .left {width:180px; height:126px; float:left; display:block; margin:0px 0px 0px 5px; padding:0px;}
#content .services li .right {width:190px; margin:0px; padding:5px 0px 0px 0px; float:right; display:block; text-align:right;}
#content .services li a {text-decoration:none; color:#32372f;}
#content .services li a:hover {text-decoration:underline; color:#32372f;}

#content .services li .left h2 {color:#8c7e4d; font-size:20px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; }
#content .services li .left h2 a {color:#8c7e4d; font-size:20px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; text-decoration:none;}
#content h3 {color:#8c7e4d; font-size:20px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; border-bottom:2px solid #978a55; background:none!important; margin:10px 0px 10px 0px;}

#bottom {margin:0px auto; padding:0px 10px; width:914px; height:50px; background:url(imgs/bottom.png) no-repeat 0px 0px; margin-top:20px; line-height:50px; font-size:12px; color:#fefefe;}

#bottom a {color:#c6b371; text-decoration:none;}
#bottom a:hover {color:#c6b371; text-decoration:underline;}
#bottom .l {float:left;}
#bottom .r {float:right;}

#content .form .myinput {background:#eed787; height:25px; border:0px; width:340px; color:#666; font-size:14px; line-height:25px; padding:0px 0px 0px10px; margin:5px 0px 15px 0px; border-bottom:1px solid #666;}
#content .form .mytextarea {background:#eed787;width:340px; padding:5px; margin:5px 0px 10px 0px; font-size:14px; color:#666;  border:1px solid #666;}
#content .form .button {margin:20px 0px 0px 0px; width:100px; font-size:16px; font-weight:bold; background:#333; border:1px groove #eed787; color:#eed787; cursor:pointer; padding:5px;}
#content .form .button:hover {margin:20px 0px 0px 0px; width:100px; font-size:16px; font-weight:bold; background:#eed787; border:1px groove #333; color:#333; cursor:pointer; padding:5px;}