/* 	
	TATU CSS declarations
	copyright Beast 2007
*/

/* main areas */
* html {  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body { background:#000000 none repeat scroll 0%; color:#F5F5F5; font-family:Helvetica,Arial,sans-serif; font-size:9pt; line-height:16px; margin:0pt; padding:0pt; text-align:left; }

h1 { color:#261c1a; font-size:21px; margin:0; font-weight:lighter; }
h3 { color:#848493; font-size:12pt; font-weight:normal; margin:3px 0 3px 0; }

ul { list-style: none; margin: 0; padding: 0; }

ul li { list-style: none; position: relative; float: left; }

ul.list li { clear: both;}

li, input, select { padding: 0; margin: 0; }

/* begin header area */
#header { float:left; height:82px; margin:0pt 0pt 0pt 24px; position:relative; top:12px; width:350px; }

#logo	  { height:76px; width:960px; }
#logo img { height:76px; width:227px; }
/* end header area */

a { color:#FFFFFF; text-decoration: none;}
a:hover { text-decoration: underline; }

/* begin body area */
#wrapper{ clear:both; float:left; margin:0; padding:0; position:relative; top:30px; width:100%; }

/* end body area */

/* begin nav area */
.nav_holder 	{ float:right; height:25px; left:300px; position:absolute; top:30px; width:660px;}

.nav_menu { height:25px; position:absolute; z-index:3; }

.nav_menu .home		 { background: url(../images/nav.gif) no-repeat scroll   0px  0px; height: 25px; width:60px; }
.nav_menu .portfolio { background: url(../images/nav.gif) no-repeat scroll -60px  0px; height: 25px; width:96px; }
.nav_menu .about     { background: url(../images/nav.gif) no-repeat scroll -156px 0px; height: 25px; width:135px; }
.nav_menu .blog      { background: url(../images/nav.gif) no-repeat scroll -291px 0px; height: 25px; width:95px; }
.nav_menu .downloads { background: url(../images/nav.gif) no-repeat scroll -386px 0px; height: 25px; width:110px; }
.nav_menu .contact	 { background: url(../images/nav.gif) no-repeat scroll -495px 0px; height: 25px; width: 84px; }

.nav_menu .home span,
.nav_menu .portfolio span,
.nav_menu .about span,
.nav_menu .blog span,
.nav_menu .downloads span,
.nav_menu .contact span { display: none; }

.nav_menu a:hover .home		 { background-position:   0px  -25px; }
.nav_menu a:hover .portfolio { background-position: -60px  -25px; }
.nav_menu a:hover .about	 { background-position: -156px -25px; }
.nav_menu a:hover .blog		 { background-position: -291px -25px; }
.nav_menu a:hover .downloads { background-position: -386px -25px; } 
.nav_menu a:hover .contact	 { background-position: -495px -25px; }

.nav_menu a .home.select	 { background-position:   0px  -50px; }
.nav_menu a .portfolio.select{ background-position: -60px  -50px; }
.nav_menu a .about.select	 { background-position: -156px -50px; }
.nav_menu a .blog.select	 { background-position: -291px -50px; }
.nav_menu a .downloads.select{ background-position: -386px -50px; } 
.nav_menu a .contact.select	 { background-position: -495px -50px; }


.bodytext {
	clear: both;
	line-height:21px; 
	margin:10px auto 21px auto;
	padding:0px;
	position:relative;
	text-align:left;
	width:980px;
	z-index: 3;
}

/* end nav area */
.panel{
	position:relative;
	float:left;	
	height:480;
	width:375;
}
#panel_img {
	position:relative;
	float:left;
	margin:auto;
	width:380px;
	background-color:#261c1a;
}
#panel_img img{
	position:relative;
	float:right;
}

.panel_preview{ width:100%; }
.panel_preview p{ line-height:18px; }
.panel_full{ position:relative; float:left; }
	
.panel_btn { height:21px; margin:4px 4px 0 4px; width:21px; }


.column{ float:left; margin:0px 24px 24px 24px; position:relative; width:370px; }

.coltxt{ line-height:16px; }
.coltxt2{ clear:both; float:left; line-height:14px; margin:12px auto 24px auto; position:relative; text-align:center; }
.coltxt3{ float:left; line-height:14px; margin:0px 0px 21px 21px; position:relative; text-align:left; width: 201px; }

/* begin shadows */
div.shadow-bottom { position:absolute; background:transparent url(../images/shadow-bottom.gif) repeat-x scroll 0%; height:8px; width:99%; left:8px; top:480px; }
div.shadow-bottom div.start { position:absolute; background:transparent url(../images/shadow-bottom-start.gif) no-repeat scroll 0%; height:8px; width:8px; }
div.shadow-right { position:absolute; background:transparent url(../images/shadow-right.gif) no-repeat scroll 0%; height:488px; right:-7px; top:0px; width:7px; }

/* begin footer area */
.footer		{ clear:both; color:#F5F5F5; margin:30px 0 0 21px; padding:50px 0 0 0; font-size: 8pt; position:relative; width:980px; }
.footer p	{ color:#F5F5F5; text-align:left; }
.footer p a { text-decoration:none; }
.footer p a:hover { text-decoration:underline; }




#flash { float: right;	z-index:0; z-index: -1;}
/* initialized components */