/*** SITE STYLES ***/

* {margin:0; padding:0;}
.clear {clear:both;}
.clear0 {height:0px; line-height:0px; clear:both;}
body {background:url(../img/bg.jpg); font-family: Tahoma, Verdana, Arial, "sans serif";}

#contactContainer {width:100%; height:284px; background:url(../img/contact_bg.png) repeat-x left top;}
.contact {width:900px; height:284px; margin:0 auto; background:url(../img/contact_main.png) no-repeat;}
.contact p.welcome {font-size:16px; font-family:Tahoma, Geneva, sans-serif; color:#242424; position:relative; left: 80px; top: 26px; margin-bottom:44px;}
.contact p.welcome em {color:#ffffff;}
.contact p.welcome strong{color:#ffffff;}
.contact .box {position:relative; float:left; display:inline; width:300px; height:200px; margin:0; border:0;}
.contact .box p {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#6b6a6a; position:absolute; left:24px; top:68px;}
.contact .box h2 {position:absolute; top:5px; left:25px; background:url(../img/contact_on.png) no-repeat; width:254px; display:none; padding-top:52px; overflow:hidden; height:0px !important; height /**/:52px;}
.contact .box.phone h2  {background-position:left 0px;}
.contact .box.email h2 {background-position:left -52px;}
.contact .box.cv h2 {background-position:left -104px;}
.contact .box:hover h2 {display:block;}
.contact .box a {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#6b6a6a; position:absolute; left:90px; top:141px; text-decoration:underline;}
.contact .box a:hover { color:#deb500; text-decoration:none;}

#headerContainer {position:relative; width:100%; height:110px; background:url(../img/header.png) repeat-x left top;}
.header {position:relative; width:900px; height:100%; margin:0 auto;}
.header a.logo {position:absolute; top:30px; left:24px; background:url(../img/logo.jpg) no-repeat left 0; width:434px; display:block; padding-top:60px; overflow:hidden; height:0px !important; height /**/:60px;}
.header a.logo:hover {background-position:left -60px;}
.header a.logo.active {background-position:left -60px;  width:379px;}
.header a.button {position:absolute; top:0px; right:34px; background:url(../img/contact.png) no-repeat left 0; width:138px; display:block; padding-top:42px; overflow:hidden; height:0px !important; height /**/:42px;}
.header a.button:hover {background-position:left -42px;}
.header p {font-size:24px; color:#565656; font-family:Arial, Helvetica, sans-serif; position:absolute; right:26px; top:56px;}
.header p em {color:#fff;}

#mainContainer {position:relative; width:900px; margin:0 auto; padding-top:30px;}



#footerContainer {position:relative; width:100%; height:62px; background:url(../img/footer_bg.jpg) repeat-x left top; margin:0 0 6px 0;}
.footer {position:relative; width:900px; height:100%; margin:0 auto; background:url(../img/footer_main.jpg) no-repeat;}
.footer ul.networking {position:absolute; top:12px; right:40px;}
.footer ul.networking li {float:left; display:inline; margin-left:24px; list-style:none;}
.footer ul.networking li a {padding-top:37px; overflow:hidden; height:0px !important; height /**/:37px; display:block; background:url(../img/links.png) no-repeat;}
.footer ul.networking li.rss a {width:33px; background-position:0 0;}
.footer ul.networking li.rss a:hover {background-position:0 -37px;}
.footer ul.networking li.facebook a {width:124px; background-position:-55px 0;}
.footer ul.networking li.facebook a:hover {background-position:-55px -37px;}
.footer ul.networking li.twitter a {width:128px; background-position:-201px 0;}
.footer ul.networking li.twitter a:hover {background-position:-201px -37px;}
.footer ul.nav {position:absolute; top:20px; left:40px;}
.footer ul.nav li {float:left; display:inline; margin-right:15px; list-style:none;}
.footer ul.nav li a {color:#fff; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25;}
.footer ul.nav li a:hover {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}