@charset "UTF-8";
/*  CSS Document  */

/*  GLOBAL  */
* {margin:0; padding:0; font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;}
html {height:100%;}
body {height:100%; color:#000; font-size:63%; overflow:hidden;}

a,a:hover, a:active,a:link {color:#f36; text-decoration:none; outline:0;}

img {border:none;}
ul,li{list-style:none;}

.about {position:absolute; z-index:1000; bottom:0; left:0; width:370px; height:90px; background:url(../img/about.png) bottom left no-repeat;}
*html .about {background:url(../img/about.gif) bottom left no-repeat}
a.contact, a.blog {display:block; position:absolute; right:0; width:90px; height:30px; background:url(../img/about_btn.png) no-repeat;}
*html a.contact, *html a.blog {background:url(../img/about_btn.gif) no-repeat;}
a.contact {top:20px; background-position:0 0 !important;}
a.blog {top:50px; background-position: 0 -60px !important;}
a.contact:hover {background-position: 0 -30px !important;}
a.blog:hover {background-position: 0 -90px !important;}

#myContact {position:absolute; display:block; z-index:1001; top:50%; left:50%; margin:-150px  -250px; width:499px; height:301px; background:url(../img/contact.png) top left no-repeat; visibility:hidden;}
*+html #myContact {background:url(../img/contact.gif) no-repeat;}
*html #myContact {background:url(../img/contact.gif) no-repeat;}
a.email {display:block; margin-top:105px; margin-left:60px; width:370px; height:60px; background:url(../img/email.png) no-repeat;}
*html a.email {background:url(../img/email.gif) no-repeat;}
a.email:hover {background-position: 0 -60px !important;}
a.close {display:block; margin-top:14px; margin-left:416px; width:71px; height:71px; background:url(../img/close.gif) no-repeat;}
a.close:hover {background-position: 0 -71px !important;}

.copyright {position:absolute; z-index:1000; bottom:0; right:0; width:370px; height:80px; background:url(../img/copyright.png) bottom right no-repeat;}
.copya {float:right; margin-right:20px; margin-top:58px; display:block; width:60px; height:3px;}
*html .copyright {background:url(../img/copyright.gif) bottom right no-repeat}

/*
.clearfix:after {clear:both; content: "."; display: block; height: 0; visibility: hidden;} 
.clearfix {display: inline-block;} 
*html .clearfix {height: 1%;} 
.clearfix {display: block;}
*/

/*  STRUCTURE  */

/*
#Container {width:100%; min-height:100%; height:auto !important; _height:100%; min-width:1000px;}
#Container2 {margin:0 auto; padding-bottom:40px; width:100%;}

#Footer {clear:both; width:100%; height:40px; line-height:40px; margin-top:-40px; position:relative; text-align:center;}
*/


/*  CLASSES  */
/*
.clr {clear:both;}
.left {float:left;}
.right {float:right;}
*/

/*  Buttons  */
/*
.btn-wrapper .btn {display:inline-block; width: uto; outline:none; border:none; background:none; height:26px; line-height:26px; overflow:visible; cursor:default; z-index:0; cursor:pointer; color:#0072cf; font-size:13px; font-weight:bold;}
.btn-wrapper {display:inline-block; position:relative; height:26px; overflow:hidden; white-space:nowrap; width:auto; z-index:0;}
.btn-wrapper .btn {display:block; width:auto; white-space:nowrap; padding:0 17px 0 18px !important; padding:0 20px 0 21px; _padding:0 8px;}

.btn-wrapper .l, .btn-wrapper .r {display:block; position:absolute; z-index:-1; height:78px; background-image:url(../images/btn.png);}
.btn-wrapper .l {left:0; right:4px; _width:4px;}
.btn-wrapper .r {width:404px; right:0; clip: rect(auto, auto, auto, 400px);}
.btn-wrapper:hover .l, .btn-wrapper:hover .r  {top:-26px;}
.btn-wrapper.hover .l, .btn-wrapper.hover .r  {top:-26px;}
.btn-wrapper:active .l, .btn-wrapper:active .r {top:-52px;}
*/