/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;}
img { border: 0 }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
form * { border: 0; }

	  
/*Layout

------------------------------------------------------------------------- */
body { background: #000 url(images/bg.gif) center 0 repeat; padding: 20px 20px;}

/* all those element have to be definet due to some problems and interpretaitons with IE png */
#top, #content, #footer, #border, #table { width: 816px; height: 100%; margin: 0 auto; position: relative; overflow: hidden; clear: both; z-index: 2;}
#top-bg, #content-bg, #footer-bg, #border-bg  { width: 816px; height: 100%!important; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
#top .body, #content .body, #footer .body, #border .body { width: 816px; height: 100%; position: relative; top: 0; left: 0; overflow: hidden; z-index: 3;}
.body { color: #ACACAC; font-size: 11px; text-align: center; line-height: 19px;}

/* Top

------------------------------------------------------------------------- */
#top-bg {background: url(images/bg-top.png) 0 0 no-repeat; }
#top {height: 220px;}
#top .body { top: 100px;}


/* Content 

------------------------------------------------------------------------- */
#content-bg {background: url(images/bg-content.png) 0 0 no-repeat; height: 3000px; /* IE6*/}
#content .body {padding: 00px 0; min-height: 75px; height:100%!important; height: 75px; overflow: visible; /* IE6*/ }
#content .body a.email{color:#ACACAC;}
#content .body a:hover.email{color:#DECA53;}

/* Pop-up 

------------------------------------------------------------------------- */
#table { width: 560px;}
#table img.fl { margin-top: 20px; }
table {width:99%; height: 100%; background: #FFF; color: #191919; font-size: 11px; margin: 5% 0; clear: both; float: left; border: 1px solid #ACACAC; border-width: 1px 0 0 1px; text-align: left; line-height: 19px;}
table * {color: #191919;}
table td, table th { padding: 2px; height: 100%; border: 1px solid #ACACAC; border-width: 0 1px 1px 0; vertical-align: top;}
table .c1 {width: 17%; font-weight: bold;}
table .c2 {width: 34%;}
table .c3 {width: 43%;}
table td.c1 {background: #DECA53;border-bottom-color:white;}
table td.c2 {background: #FFF;}
table td.c3 {background: #E6E7E8;}
table th {background: #FFF url(images/th.jpg) 0 0 repeat-x;}

/* Footer 

------------------------------------------------------------------------- */
#footer-bg {background: url(images/bg-footer.png) 0 0 no-repeat;}
#footer {height: 280px;}
#footer .body { font-size: 9px; color:#707070;}
#footer .body { line-height:14px;}

/* Border 

------------------------------------------------------------------------- */
#border-bg {background: url(images/bg-border.png) 0 0 no-repeat; } 
#border { height: 65px; margin: 30px auto 40px; width: 605px; padding: 20px 60px; text-align: left;}
#border img.fl { margin-top: 10px;}
#border img.fr { margin-top: 22px;}


/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }