@import "forms.css";
html, body					{ font-family:"trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#ccc; margin:0; padding:0; /*height:100%;*/ /*overflow:hidden;*/
							  background-image:url(img/backgr_left.gif); background-position:left top; background-color:#262626; background-repeat:repeat-y;}



a:visited, a:link			{ color:#ccc; text-decoration:none;}
a							{ filter: alpha(opacity=70); opacity:0.7;}

h1							{ margin:0; padding:0; height:40px; padding-left:22px; margin-left:-20px; font-size:20px; color:#ffc;
							  background-image:url(../img/backgr_h1.png); background-position:left 6px; background-repeat:no-repeat; }
h2							{ font-size:16px; color:#ffc; margin:0; padding:0; margin-top:20px; margin-bottom:5px; margin-left:-20px; padding-left:10px; padding-bottom:4px; border-bottom:1px #444 solid; text-transform:capitalize;}
h2 small					{ font-size:11px; color:#999;}

p							{ margin:0;}

strong						{color:#fff;}

#logo						{ margin-bottom:20px;}

#borders					{ position:absolute; height:100%;}
 #border_bot				{ position:absolute; bottom:0; left:0; right:266px; z-index:8;}
 .border					{ background-color:#262626; width:100%; /*margin-left:249px;*/}
 .top						{ border-bottom:1px #444 solid;}
 .bot						{ border-top:1px #444 solid;}
 .border_top				{ position:relative; z-index:5; margin-left:0; background-color:#262626; width:100%; /*position:absolute; top:0; left:0; right:266px;*/}

#panel_left						{ width:249px; height:inherit; float:left;
								  /*background-image:url(../img/backgr_left.gif); background-position:right top; background-repeat:repeat-y;*/
								position:relative; z-index:5;
								}

#panel_right					{ overflow:auto; /*height:inherit;*/ height:100%;}
#panel_right 						{/*overflow-y:scroll;*/  position:relative; z-index:5;
								background-image:url(img/background.gif); background-position:left top; background-color:#333;
								}


#section_left					{ text-align:right;  /*border-right:1px #474747 solid;*/
								  background-image:url(../img/logo_under.jpg); background-position:left top; background-repeat:no-repeat; height:inherit;}
#section_left ul				{ list-style:none; padding:0; margin:0; margin-right:36px; margin-left:26px; margin-top:10px; margin-bottom:16px;  text-align:right; font-size:1.2em;font-weight:bold; color:#FFFFCC; text-transform:uppercase;}

#section_left ul ul				{ margin:0; padding:0; font-size:12px; font-weight:normal; text-transform:none; margin-top:6px;}

#section_left ul ul li			{ overflow:hidden;}

#section_left ul ul li a		{ display:block; border-bottom:1px #444 dotted;   padding-right:2px;}
#section_left ul ul li a:hover, #section_left ul ul li a.on
								{ background-color:#222; color:#fff;}
#section_left ul ul li a.on		{ font-weight:bold;}

#section_left ul ul li a.on	.cube		{ color:#f00;}
#section_left ul ul li a:hover .cube	{ color:#ff9;}

#section_left .cube				{ margin-left:10px; float:right; width:10px; height:20px; color:#ffc;}

#section_right					{  border:1px solid #444444; border-right:0; padding:11px 10px 36px 36px; /*width:680px;*/ min-height:592px;}

#services						{ float:right; width:200px; border:1px #555 dotted; background-color:#444; padding:10px; color:#998}
#services ul					{ padding-left:5px;; margin-left:10px; margin-bottom:10px;}


.items							{ margin-top:-35px; color:#666; text-align:right; margin-bottom:20px; padding-right:10px;}

.first_logo						{ float: left; margin-right: 20px; }


.project						{ background-color:#292929; width:320px; height:220px; margin:10px; padding:2px; border-top: 1px #3d3d3d solid; border-bottom: 1px #3d3d3d solid;float:left;}
.project:hover					{ }
.project p						{ display:block;}
.project .image_holder			{ background-color:#444444; padding:6px; margin-bottom:0;}
.project .image					{ background-color:#262626; overflow:hidden; height:144px; display:inline-block; }
.project .image	.mb				{ height:144px; display:inline-block; text-align:center;}
.project .image					{ height:138px; width:307px;}
.project .image_s				{ background-color:#262626; overflow:hidden; height:144px; }
.project .image_s img			{ /*width:307px; */}
.project .description			{ font-size:10px;  border-bottom: 1px #3d3d3d solid; height:50px; margin:0; padding:0; margin-bottom:0; padding-left:8px; overflow:hidden; color:#666;}
.project .description b			{ font-size:15px; clear:both; display:block; color:#ffb; margin-top:4px;; margin-bottom:4px;}
.project .description b .nr		{ float:right; color:#555; padding-right:6px;}
.project .logomic				{ position:absolute; margin-top:-2px; z-index:1; margin-bottom:-38px; width:300px; display:block;}
.project .action				{ padding:0; margin:0;  margin-top:2px; color:#999; font-size:11px;}
.project .action .goto, .project .action .comments		{ float:right;}
.project .action .goto a		{ padding-left:22px; padding-right:6px; border-left:2px #333 solid; background-image:url(../img/arrowright.png); background-position:6px 4px; background-repeat:no-repeat; }
.project .action .goto a:hover	{ background-color:#222;}
.project .action .comments		{ padding-left:10px; padding-right:10px; border-left:2px #333 solid; cursor:help;}
.project .action .comments img	{ margin-bottom:-1px;}
.project .action .images		{ padding-left:6px; font-size:10px;}
.project .action .images img	{ margin-bottom:-1px;}
.project .flag					{ text-align:right; position:relative; margin-top:-20px;}
.project .flag b				{ padding:5px 6px 0px 10px; background-image:url(../img/blacktransparent.png);  display:block; font-size:9px; color:#ff9; text-transform:capitalize; font-weight:normal; }

.item_container					{ display:block; width:600px; height:408px; }
.item_container a				{ display:block; }

.tags_random a					{ text-decoration:underline; }
a.link							{ text-decoration:underline; }

#copyright						{ margin-right:35px; color:#555; font-size:11px; margin-top:30px;}

.clear							{ clear:both;}

/* PAGINATION */
.index          { float:right; }
.nav            { margin-top:20px; height:30px;}
.pages          { float:left; font-weight:bold;}
.pages a        { float:left; display:block; color:#9B9B9B; margin-right:2px; padding:2px 5px; font-size:11px; border:1px solid #3d3d3d; text-decoration:none; background-color:#292929;}
span.current    { float:left; display:block; font-size:11px; margin-right:2px; padding:2px 5px; border:1px solid #3d3d3d; background-color:#FFFFFF; color:#292929;}
span.disabled    { float:left; display:block; font-size:11px; margin-right:2px; padding:2px 5px; border:1px solid #3d3d3d; background-color:#292929; color:#5b5b5b;}