/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

* {
	margin: 0;
	padding: 0px;
}
html {
	overflow-y: scroll;
}
.clear {
	clear: both;
}
:focus{outline:0;}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
body {
	color: #FFFFFF;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #777777;
	font-family: "Lucida Grande", Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 20px;
}
.icons {float:left; position:absolute !important; top:-8px; margin-left:115px;}
.icons a { margin-left:2px;}
.icons img {border:none;}
#background {
	background: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color:#333333;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
#sidebar {
	width: 160px;
	float: left;
	margin-right: 20px;
}
#main-content {
	width: 540px;
	float: right;
}
.page-wrap {
	width: 950px;
	margin: 0 auto;
	position: relative;
	z-index: 106;
	background: rgba(0, 0, 0, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3333333, endColorstr=#000000);
	zoom: 1;
	overflow: auto;
	/*padding: 30px 50px;
	left: 3px;*/
	height: 404px;
	border-left: 5px solid rgba(255, 255, 255, 0.2);
	border-right:5px solid rgba(255, 255, 255, 0.2);
}
.hei{ height:40px !important; width:950px !important;}


html, body {height:100%;}
h
.wrp{ position:relative; height:100%;width:100%;}
.footer1 {
	width: 940px;
	margin: 0px auto;
	height:90px;
	bottom:0px;
	background-color:#282828;
	z-index:107;
	overflow:hidden;
}

.footerContainer{
	height:90px;
	width:100%;
	background:#282828;
	position:absolute;
	bottom:0px;
	z-index:107;		
}

.footerContainer1{
	height:90px;
	width:100%;
	background:#282828;
	position:absolute;
//	bottom:0px;
	z-index:107;		
}

.www {height:300px !important;}
.footer{
	width: 940px;
	margin: 0 auto;
	position: relative;
	height:90px;
	background-color:#282828;
	z-index:107;
	overflow:hidden;
}


html {background:#333;}
.wrapBG {margin:0px auto; position:absolute;z-index:104;}
.background{height:501px; width:12800px; }
.wrapper ul li {list-style:none; float:left; overflow:hidden;}
.wrapper ul li a{text-decoration:none !important; background: none !important; display:block !important;}
.wrapper ul li a img {border-style:none !important;}
.ceva { height:525px !important; margin:0px !important;}
#progressbar{padding-top:25%; padding-left:40%; width:500px; position:relative; z-index:1000;}
#progressbar img{ float:left; margin-top:-30px; margin-left:130px; position:relative; z-index:15;}
.logo {display:block; background:url(../images/logo.png) no-repeat; width:102px; height:112px; text-indent:-9999px; position:absolute; margin-top:-170px; margin-left:45px;}
.procent {font-size:54px; font-weight:bold; color:#fff; line-height:50px; font-weight:lighter; float:left; margin-top:-35px; margin-left:0px; position:relative; z-index:150;}
.load {font-size:40px; color:#fff; font-weight:bold; float:left; position:absolute; z-index:1100;}
.left {float:left; width:250px; margin-left:20px;}
.right {float:right; margin-right:180px; margin-top:50px;}
.right img {margin-top:20px;}
.underthetitle {font-size:16px; color:#fff; width:250px;}
.spatiu{height:20px;}
.paragraf {color:#fff; line-height:12px; width:300px !important; line-height: 20px;}
.b1{background:url(../images/BG/F6-03.jpg) no-repeat left #d0d0d0  !important; border:none !important; }
.b2{background:url(../images/BG/F7-1.jpg) no-repeat left #d0d0d0!important;  border:none !important;}
.b3{background:url(../images/BG/E11-1.jpg) no-repeat left #d0d0d0!important; border:none !important;}
.b4{background:url(../images/BG/G9-3.jpg) no-repeat left #d0d0d0!important;  border:none !important;}
.b5{background:url(../images/BG/DHA-01.jpg) no-repeat left #d0d0d0!important; border:none !important; height:440px !important;}
.b6{background:url(../images/BG/F10-01.jpg) no-repeat left #d0d0d0!important; border:none !important; height:300px !important;}
#gallery a {color:#fff !important;}
.ast { overflow:auto; height:379px;}

.def{ position:relative;}
.prof{margin-left:14px !important;}
.people{margin-left:18px !important;}
.projects{margin-left:27px !important;}
.curent{margin-left:10px !important;}
.contc{}

/* IE 6 */
* html #footer {
	position:absolute;
 top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
/*
#page-wrap {
	width: 840px;
	margin: 0 auto;
	position: relative;
	z-index: 300;
	background: rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#0000000);
    zoom: 1;
	overflow: hidden;
	padding: 30px 50px;
	height: 470px;
	left: 3px;
	border-left: 5px solid rgba(255,255,255,0.2);
	border-right: 5px solid rgba(255,255,255,0.2);

}*/

h1 {
	font: 42px Georgia, Serif;
	margin: 0 0 10px 0;
	color: #eee;
}
h2 {
	font: 20px Georgia, Serif;
	margin: 0 0 1px 0;
	color: #eee;
}
h2.bump {
	text-indent: 200px;
}
p {
	margin: 0 0 15px 0;
	color: #999;
}
code {
	color: white;
	margin: -1px 0 0 0;
	font: 10px Courier;
}
p.thinParagraph {
	width: 340px;
}
blockquote {
	font: italic 15px/20px Georgia, Serif;
	width: 180px;
}
blockquote p {
	color: white;
}
blockquote.right {
	float: right;
}
ul.meta {
	width: 180px;
	margin: 0 10px 0 0;
	list-style: none;
	float: left;
}
ul.meta li {
	text-align: right;
}
ul.meta li.author {
	font: normal small-caps normal 15px Georgia, Serif;
	margin: 0 0 2px 0;
	letter-spacing: 2px;
}
ul.meta li.date {
	margin: 0 0 10px 0;
}
ul.meta li.comments {
	font-style: italic;
}
.article {
	float: right;
	width: 340px;
}
ol {
	margin: 20px 0;
	list-style: inside decimal;
}
input {
/*	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666;
	height:15px;*/
}
Select {
	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666;

}
textarea {
	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	 
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	
}
.textfield_effect {    /*we will first set the border styles.*/
	border:1px solid #999999;
	font-size:12px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #666666;
	height:15px;
	
} /*we are now going to style how the textfield will look when wehover over it and when we actually have it selected*/
.textfield_effect:hover {
	border-color: #64acd8;
	border-width: 1px;
}
.textfield_effect:focus {
	border-color: #64acd8;
	border-width: 1px;
}
fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #036399;
	margin-left: auto;
	margin-right: auto;
}
fieldset:hover {
	border-color: #666666;
}
legend {
	font-family: sans-serif;
	font-size: 18px;
	color: #00FFFF;
	font-weight: bold;
}
.contactLink a

{
text-decoration:none;
color: #CCCCCC ;
font-weight:bold;

}
.contactLink a:hover

{
text-decoration:none;
color:#1c7a9e;

}
.revrselink a

{
text-decoration:none;
color: #1c7a9e ;
font-weight:bold;

}
.revrselink a:hover

{
text-decoration:none;
color:#cccccc;

}