/* RESET */
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Addition by Christian Montoya - www.christianmontoya.net 
   Dapauniennie ad Sp.Shut - www.kamputerm.org */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
html{
	font-size:100.01%;
	/* Eliminates an IE/Win problem
	with growing or shrinking fonts out of proportion
	if they are later set in ems in other elements.
	Some versions of Opera will draw a default
	font-size of 100% too small compared to other browsers*/
}
body{
	font-size:62.5%; /* Sets to 10px in all browsers*/
	line-height:1.2em;
	background:#fff;
	color:#000;
}
/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin:0;
        padding:0;
}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left:1em;
}
/* Miscellaneous conveniences: */
img{
	border:0;
	outline:0;
	font-size:70%;
	font-family:Tahoma;
	}
pre, code{
	font:1.05em Courier New, monospace;
	}
form label {
    cursor:pointer;
}
fieldset {
    border:none;
}
input, select, textarea {
	font-size:100%;
	font-family:inherit;
}
acronym{
	border-bottom:1px dotted #eee;
	cursor:help;
}
hr{
	border-style:solid;
}

/* /reset */

/* LAYOUT */

/*
Layout based on "Faux Absolute Position" technique by Eric Sol.
URL: http://www.alistapart.com/articles/fauxabsolutepositioning
 */
#bodywrapper{
	width:100%;
	margin:0 auto;
 	text-align:center;
}
#header,
#main,
#footer{
	text-align:left;
	}
.line{
  float:left;
  width:100%;
  display:block;
  position:relative;
}
.item{
  position:relative;
  float:left;
  left:100%;
}
#index #MainContent{
	margin-left:0;
	width:100.1%;/*I love IE*/
	left:0;
	}
#main,
#navPlacer{
	margin:0 auto;
	width:90%;
	min-width:55em;
	max-width:75em;
	}
#navPlacer{
	position:relative;
	left:-5px;
	clear:both;
	}
#sidebar{
  margin-left:-100%;
  width:30%;
  z-index:10;
}
#sidebar .inner-wrapper.dialog{
	width:220px;
	margin:1em auto !important;
	}
#MainContent{
  margin-left:-70%;
  width:70.1%;
}
#header-item,
#footer-item{
	position:static;
	margin:0;
	width:100%;
	}
#footer-item .inner-wrapper{	
	position:relative;
}
/* /LAYOUT */

body{
	background:rgb(30,29,28);
	color:#aaa;
	font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	font-size:.8em;
	line-height:1.3em;
	z-index:-2;
}
a{
	color:rgb(252,117,43);
	text-decoration:none;
	}
a:link{
	border-bottom:1px solid rgb(252,117,43);
	}
a:visited{
	border-bottom:none;
	color:#C6876B;
	}
a:hover{
	border-bottom:1px solid #FF9045;
	color:#FF9045;
	}
a:active{
	outline:none;
	}
#current{
	font-weight:bold;
	font-size:1.15em;
	color:rgb(252,117,43);
	padding:.4em .1em .7em;
	padding-left:5px;
	margin-left:.9em;
	background:url(img/dialog.png) center -200px no-repeat;
	}
#current a,
#current a:visited,
#current a:hover,
.nav #current{
	color:#fff !important;
	border:none;
	cursor:default;
	}
.nav #current{
	border:0 solid #333;
	border-width:0 1px;
	padding-left:1em;
	padding-right:1em;
	}
h1, h2, h3, h4{
	font-family:Impact, Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	margin:1em 0 .7em;
	color:#fff;
}
h1, big{
	font-size:3em;
	line-height:1em;
	margin:0 0 .5em;
	}
h1{
	border-bottom:3px solid #FD8B2B;
	padding:0 .2em .2em;
	}
h2{
	font-size:2.0em;
	line-height:1em;
	clear:both;
	}
table + h2,
p + h2{
	margin-top:0;
	padding-top:1em; /*Fix for Opera's bug not setting margins on h2*/
	}
h3{
	font-size:1.7em;
	padding:.4em 0 .1em;
	}
h4{
	font-size:2.1em;
	padding:0 0 .1em;
	margin:.7em 1em .6em;
	}
p{
	margin:0 0 1em;
	line-height:1.4em;
	}
ul{
	list-style:disc;
	}
#MainContent ul,
#MainContent ol{
	margin:1em 1em 1em 2em;
	color:rgb(252,117,43);/*bullets*/
	}
#MainContent ul p,
#MainContent ol p{
	color:#aaa;/*Body color*/
	}	
li{
	margin-bottom:.3em;
	padding-left:.7em;
	}
strong{
	color:#ddd;
	}
table{
	float:left;
	text-align:center;
	background:#333 url(img/dialog.png) 50% -120px no-repeat;
	border:none;
	margin:.5em .5em .2em 0;
	}
th,
td{
	padding:.4em .6em;
	border:none;
	}
thead{
	}
tbody{
	border-bottom:2px solid red;
	}
th{
	font-weight:bold;
	border:0 solid #fff;
	border-width:1px 0;	
	border-left:2px solid #FD8B2B;
	background:#FD8B2B url(img/dialog.png) 65% -18px no-repeat;
	color:#333;
	}
td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0 #444 solid;
	border-width:0 0 1px 0;
	color:#eee;
	}
caption{
	text-align:left;
	font-style:italic;
	font-size:.9em;
	padding:.5em 2em;
	border:0 #444 solid;
	border-width:0 ;
	text-align:right;
	background:#262626;
	vertical-align:bottom;
	caption-side:bottom;
	}
col{
	border:1px solid white;
		}
td em{
	font-size:90%;
	color:#aaa;
	}
.highth{
	background-position:65% -7px;
	}
.marka{
	background:#333;
	}
.noborderbottom{
	border-bottom:none;
	}
/* */
.clear:after,
.line:after{
    content:" "; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
/* \*/
* html .clear,
* html .line{
	height:1%;
}
.ill{
	float:right;
	border:0 solid #fff;
	border-width:2px 1px;
	background:#fff;
	margin:0 0 1em 1em;	
	text-align:center;
}
.clearright{
	clear:right;
	}
.ill img{
	clear:both;
	margin:0;
	}
.ill p{
	font-size:.9em;
	background:#FD8B2B url(img/dialog.png) 85% -12px /*center -70px*/ no-repeat;
	border-top:1px dashed #ddd;
	margin:0;
	padding:.2em .3em .3em;
	font-style:italic;
	color:#333 !important;
	}
#header{
	height:188px;
	background:url(img/headerbg3.png) 50% no-repeat;
}
#header-item{
	height:142px;
	}
#header big{
	font-weight:normal;
	font-size:65px;
	font-family:Impact;
	letter-spacing:2px;
	width:10em;
	margin:20px 8% 0;
	color:#fff;	
	display:block;
	}
#header big span{
	color:#a6a6a6;
	font-size:90%;
	}
#header h3{
	text-align:center;
	text-indent:-13em;
	font-size:16px;
	font-weight:normal;
	font-family:Georgia,"Times New Roman", Times, serif;
	color:#bbb;
	width:100%;
	margin:0;
	}
#bgdiv{
	position:absolute;
	z-index:0;
	width:100%;
	height:394px;
	background:rgb(62,58,56) url(img/bigslashes.gif) repeat-x;
	border-bottom:6px solid rgb(62,58,56);
	}
.nav{
	width:72%;
	text-align:center;
	height:19px;
	background: url(img/png-transparent-90.png);
	border:0 solid /*rgb(252,138,23)*/#ccc;
	border-width:1px 0;
	padding:.5em 0 .8em;
	}
.nav a{
	margin:0 2em;
	}
#index #main{
	background:none;
	}
#main{
	border:5px solid rgb(62,58,56);
	clear:both;
	z-index:2;
	position:relative;
	background:rgb(30,28,27)  url(img/bgdots.gif) repeat-x 0 0/*url(img/fauxcols.gif) repeat-y 23% 0*/;
	}
#index #MainContent{
	background:rgb(30,29,28) url(img/bgdots.gif) repeat-x 0 0;	

	}
#MainContentInnerWrapper{
	padding:1em 2em 1em 0em;
	}
#hello{
	background:url(img/png-transparent-90.png);
	border-bottom:5px solid rgb(62,58,56);
	}
#hello .inner-wrapper{
	padding:0 3em 0;
	margin:12px;
	background:rgb(30,29,28) url(img/png-transparent-90.png);
	border:0 solid #888;
	border-width:1px;
	font-size:90%;
	color:#ddd;
	}
.img{
	background-image:url(img/kruzhki.png);	
	}
#col-kamery .img{
	background-position:left top;
	}
#col-shiny .img{
	background-position:248px top;
	}
#col-ximija .img{
	background-position:120px top;
	}
#index-3colsline #col-ximija{
	padding-right:20px;
	}
#index-3colsline #col-ximija h3{
	padding-top:15px;	
}
#index-3colsline{
	margin-left:auto;
	margin-right:auto;
	}
#index #index-3colsline,
#index #index-3colsline td,
#index #index-3colsline th{
	background:none;
	text-align:left;
	padding:0;
	float:none;
	border:none;
	vertical-align:top;
	}
#index #index-3colsline td,
#index #index-3colsline th{
	width:33%;
	}
#index-3colsline .img,
#sidebar .img{
	position:absolute;
	z-index:20;
	left:-40px;
	top:-30px;
	height:120px;
	width:120px;
	}
#index-3colsline .dialog{
	margin:20px 5px 20px 40px;
	}
	
/*--- Rounded corners ---*/
.dialog{
	position:relative;
	margin:1.5em auto;
	min-width:14em;
	max-width:280px; /* based on image dimensions */
	color:#fff;
	z-index:1;
	margin-left:18px; /* default, width of left corner */
}
.dialog .dialogContent,
.dialog .t,
.dialog .b,
.dialog .b div{
	background:url(img/dialog.png) no-repeat top right;
}
.dialog .dialogContent{
	position:relative;
	padding:0px 18px 0px 0px;
	min-height:23em;
}
.dialog .t{	/* top+left vertical slice */
	position:absolute;
	left:0;
	top:0;
	width:18px; /* top slice width */
	margin-left:-18px;
	height:100%;
	background-position:top left;
	visibility: visible;
}
.dialog .b,
.dialog .b div{
	height:18px; /* height of bottom cap/shade */
	font-size:1px;
	position:relative;
}
.dialog .b{
	background-position:bottom right;
	width:100%;
}
.dialog .b div{
	width:18px; /* bottom corner width */
	margin-left:-18px;
	background-position:bottom left;
}
.dialog h3,
.dialog p{
	margin:0; /* margins will blow out backgrounds, leaving whitespace. */
	padding:8px 0;
}
#index-3colsline .dialog h3{
	padding:7px 7px 0 85px;
	height:60px;
	text-align:center;
	font-size:26px;
	line-height:1em;
	font-weight:normal;
}
#index-3colsline .dialog ul{
	padding:2em 0 .3em 2em;
	margin:0;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.sidelogo{
	float:right;
	margin:0 0 1em 2em;
	}
.larger{
	font-size:120%;
	}
/*-- /Rounded Corners ---*/

/*-----  Sidebar  -------*/
#sidebar .inner-wrapper{
	margin:.5em .5em 4em 1em;
	}
#sidebar .img{
	left:-60px;
	}
#sidebar h3{
	padding:17px 0 0;
	margin:0 0 1.5em;
	text-indent:30px;
	letter-spacing:0;
	line-height:1.1em;
	background:url(img/dialog.png) no-repeat right top;
	text-align:center;
	position:relative;
	z-index:20;
	right:-18px;
	height:38px;
	}
#sidebar ul{
	margin:0 1em 1em 1.0em;
	}
#sidebar ul a{
	}
.submenu{
	position:relative;
	padding-bottom:2em;
	}
.submenu span{
	background:url(img/dialog.png) no-repeat left top;
	height:54px;
	width:36px;
	display:block;
	position:absolute;
	left:-18px;
	z-index:10;
	}
#sidebar #firstHeader{
	background:none;
	}
/*-----  /Sidebar  -------*/

/*--------   Footer  ---------*/
#footer{
	margin:2em 0 0;
	background:url(img/bigslashes.gif) 0 -200px repeat-x;
	border-bottom:0px solid rgb(30,29,28);
	}
#footer-item{
	padding:25px 0 50px;
	background:url(img/png-transparent-90.png);
	}
#footer .inner-wrapper{
	min-height:2em;
	padding:1em 5em;
	border:0 #333 solid;
	border-width:3px 0;
	background:rgb(30,29,28) url(img/shina-footer.gif) 130% 50% no-repeat; 	
	}
#footer li{
	list-style:none;
	margin:0 0 .4em}

.leftpart{
	float:left;
	width:49%;
	}
.leftpart a{
	border:0 !important;
	}
.rightpart{
	float:right;
	width:49%;
	text-align:right;
	}
.credits{
	position:absolute;
	bottom:0;
	width:100%;
	z-index:10000;
	text-align:center;
	background:url(img/png-transparent-90.png);
	padding:.3em 0;
	color:#777 !important;	
	}
.credits *{
	color:#777 !important;
	border:0 !important;
	}
/*--------  / Footer  ---------*/

	
/*--------------------------*/
/*
bodyBG 		rgb(30,29,28)
lightGrey 	rgb(62,58,56)
a-orange	rgb(252,117,43)
bg-orange	#FD8B2B
*/