/* CSS Document */
body { color: #818181; font: 9px/14px Tahoma, sans-serif; background: #fff; margin: 0; padding: 0 }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* CONTAINER */

#container{width:775px; margin: 0 auto; position:relative;}

/* LEFT */

#leftPan{width:107px;float:left }

/* RIGHT */

#rightPan { float: left; width: 668px }

/* HEADER */

#header{width:668px; height:77px; position:relative; background:url(../images/topline.jpg) 0 0 no-repeat;}

#header ul   { position: relative; top: 33px; left: 15px; width: 650px; height: 19px }
#header ul li{float:left; margin-right:8px}

#header ul li.home a  { background: url(../images/btn_home.gif) no-repeat; text-indent: -20000px; display: block; width: 73px; height: 19px }
#header ul li.home a:hover  { background: url(../images/btn_home_over.gif) no-repeat; width: 73px; height: 19px }

#header ul li.about a   { background: url(../images/btn_about.gif) no-repeat; text-indent: -20000px; display: block; width: 73px; height: 19px }
#header ul li.about a:hover   { background: url(../images/btn_about_over.gif) no-repeat; width: 73px; height: 19px }

#header ul li.gallery a  { background: url(../images/btn_gallery.gif) no-repeat; text-indent: -20000px; display: block; width: 90px; height: 19px }
#header ul li.gallery a:hover  { background: url(../images/btn_gallery_over.gif) no-repeat; width: 90px; height: 19px }

#header ul li.birds a  { background: url(../images/btn_birds.gif) no-repeat; text-indent: -20000px; display: block; width: 70px; height: 19px }
#header ul li.birds a:hover  { background: url(../images/btn_birds_over.gif) no-repeat; width: 70px; height: 19px }

#header ul li.contacts a   { background: url(../images/btn_contacts.gif) no-repeat; text-indent: -20000px; display: block; width: 80px; height: 19px }
#header ul li.contacts a:hover   { background: url(../images/btn_contacts_over.gif) no-repeat; width: 80px; height: 19px }

#header ul li.flash a   { background: url(../images/btn_flash.gif) no-repeat; text-indent: -20000px; display: block; width: 80px; height: 19px }
#header ul li.flash a:hover   { background: url(../images/btn_flash_over.gif) no-repeat; width: 80px; height: 19px }

#header ul li.ita a   { background: url(../images/btn_ita.gif) no-repeat; text-indent: -20000px; display: block; width: 25px; height: 19px }
#header ul li.ita a:hover   { background: url(../images/btn_ita_over.gif) no-repeat; width: 25px; height: 19px }
#header ul li.esp a   { background: url(../images/btn_esp.gif) no-repeat; text-indent: -20000px; display: block; width: 25px; height: 19px }
#header ul li.esp a:hover   { background: url(../images/btn_esp_over.gif) no-repeat; width: 25px; height: 19px }

#header ul li.bullet{width:19px; height:19px; display:block; background:url(../images/bullet_m.jpg) 0 0 no-repeat;}

/* MAINIMG */

#main{width:664px; height:285px; position:relative; background:url(../images/mainimg.jpg) 0 0 no-repeat; clear:both; margin-left:4px}
#main img{position:absolute; top:65px; left:67px;}

/* CONTENT */

#content { clear: both; margin-left: 4px; position: relative; width: 640px }

#content a  { color: #d34e09; font: bold 10px/14px Tahoma, sans-serif; text-decoration: none }
#content a:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

#content a.a1{font:10px/14px Tahoma, sans-serif; color:#e34d09; font-weight:bold; text-decoration:none }
#content a.a1:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

#content a.a2{font:10px/14px Tahoma, sans-serif; color:#e34d09; font-weight:normal; text-decoration:underline}
#content a.a2:hover{color:#000; border-bottom: #000 1px dotted; text-decoration:none }

#content p span.headline   { color: #d34e09; font: bold 12px/12px "Trebuchet MS", sans-serif; width: 250px }
#content p headline  { color: #e34d09; font-size: 14px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; padding-bottom: 5px; padding-left: 36px; width: 300px }
#left{width:210px; margin: 17px 12px 10px 1px; float:left; display:inline;}
#news { background-image: url(../images/flash.jpg); background-repeat: no-repeat; margin-bottom: 10px; position: relative; width: 184px ; padding-left: 56px; }
#news h2 { background: #f4f4f4 url(../images/h_news.gif) no-repeat 15px 50%; margin-bottom: 10px; width: 184px; height: 37px }
#news p { width: 184px }
#news p.bullet  { color: #e34d09; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; background: url(../images/bullet.gif) no-repeat 16px; padding-bottom: 5px; padding-left: 36px; width: 154px }
#news-c { background-image: url(../images/photoshop.jpg); background-repeat: no-repeat; margin-bottom: 10px; position: relative; width: 184px ; padding-left: 56px; }
#news-c h2 { background: #f4f4f4 url(../images/h_news.gif) no-repeat 15px 50%; margin-bottom: 10px; width: 184px; height: 37px }
#news-c p { width: 184px }
#news-c p.bullet  { color: #e34d09; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; background: url(../images/bullet.gif) no-repeat 16px; padding-bottom: 5px; padding-left: 36px; width: 154px }
#news-b { background-image: url(../images/dreamweaver.jpg); background-repeat: no-repeat; margin-bottom: 10px; position: relative; width: 184px ; padding-left: 56px; }
#news-b h2 { background: #f4f4f4 url(../images/h_news.gif) no-repeat 15px 50%; margin-bottom: 10px; width: 184px; height: 37px }
#news-b p { width: 184px }
#news-b p.bullet  { color: #e34d09; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; background: url(../images/bullet.gif) no-repeat 16px; padding-bottom: 5px; padding-left: 36px; width: 154px }
#news-a { background-image: url(../images/flash.jpg); background-repeat: no-repeat; margin-bottom: 10px; position: relative; width: 184px ; padding-left: 56px; }
#news-a h2 { background: #f4f4f4 url(../images/h_news.gif) no-repeat 15px 50%; margin-bottom: 10px; width: 184px; height: 37px }
#news-a p { width: 184px }
#news-a p.bullet  { color: #e34d09; font-size: 11px; font-family: "Trebuchet MS", sans-serif; font-style: normal; font-variant: normal; font-weight: bold; background: url(../images/bullet.gif) no-repeat 16px; padding-bottom: 5px; padding-left: 36px; width: 154px }

.line{height:1px; background:#e9efef; margin:20px}

#partners { position: relative; bottom: 20px; width: 184px; height:80px; }
#partners h2{width:184px; height:70px; background:#f4f4f4 url(../images/h_partners.gif) no-repeat 15px 11px; margin-bottom:10px}
#partners p{width:184px;}

#right{width:396px; margin: 17px 0 10px 0; float:left; display:inline;}

#welcome { margin-bottom: 20px; position: relative; width: 444px }
#welcome h2 { background: #e9e9e9 url(../images/h_welcome.gif) no-repeat 15px; clear: both; width: 444px; height: 37px }
#welcome #frame{background:#f4f4f4; clear:both;}
#welcome #frame img{float:left; margin: 0 11px 0 0; width:182px}
#welcome #frame #weltext{float:left; padding-top:20px; width:181px}
.line2 { background: #dfe5e5; margin: 10px 0; width: 240px; height: 1px }

#advice { position: relative; width: 250px }
#advice h2 { background: #f4f4f4 url(../images/h_advice.gif) no-repeat 15px; clear: both; margin-bottom: 15px; width: 444px; height: 37px }
#advice p.bullet2{width:230px; padding-left:38px; background:url(../images/bullet.gif) 18px 4px no-repeat; padding-bottom:10px }
#advice img { position: absolute }

/* FOOTER */

#footer { background: url(../images/b_footer.jpg) no-repeat; position: absolute; top: 757px; width: 668px; height: 60px }
#footer #copy{width:215px; float:left;}
#footer #copy p{padding: 25px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}

#footer #links{width:453px; float:left;}
#footer #links p{padding: 25px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#818181;}
#footer #links p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#818181; text-decoration:none; padding: 0 3px }
#footer #links p a:hover{color:#000; background:#dedede; border-bottom: #000 1px dotted; }