/* CSS Document */

@import "reset.css";

body{
	background:#000000;
	text-align:center;
	font-family:'Arial';
}

#header,
#middle,
#footer,
#secondary,
#navigation{
	width:100%;
	background:#000000;
	float:left;
	clear:left;
}
#home #header{
	background:none;
	padding:0 0 175px 0;
}
#middle{
	background:/*url('/assets/images/bgPage.png') repeat-y top center*/ #932500;
}

/*#about div.middleBg{
	background:url('/assets/images/img.jpg') no-repeat left top;
	overflow:show;
}
#why div.middleBg{
	background:url('/assets/images/img2.jpg') no-repeat left top;
	overflow:show;
}*/
#secondary, #navigation{
	display:block;
	background:url('/assets/images/transparentBlack.png') repeat top left ;
}

.contents,#navigation ul,.slogans{
	margin:0px auto;
	width:960px;
	text-align:left;
	display:block;
}
#middle .slogans{
	padding:215px 0 5px 0;
}
#contact .slogans{
	padding:20px 0;
}
#logo a{
	height:0px;
	display:block;
	padding:75px 0 0 0;
	width:257px;
	margin:25px 0;
	background:url('/assets/images/logo.png') no-repeat left top;
	overflow:hidden;
}
#sound{
	position:absolute;
	top:0;
}
#navigation{
	padding:15px 0;
}

#navigation ul li {
	float:left;
	border-right:1px solid #000;
	padding:0 20px 0 0 ;
	margin: 0 20px 0 0 ;
}
#navigation .ad{
	float:right;
	border:none;
	padding:0;
	margin:0;
}
#navigation a{
	font-size: 18px;
	color:#A18880;
	text-decoration:none;
}
#navigation a:hover,#navigation li.active a,#navigation li.ad a{
	color:#fff;
}
.angajari{
	padding:0 0 0 20px;
	background:url('/assets/images/arrow.png') left 4px no-repeat;
}
.subTitle{
	font-size:25px;
	color:#A18880;
}
.mainTitle{
	font-size:50px;
	font-family:'Arial Black';
	color:#fff;
	line-height:45px;
}
#secondary{
	text-align:center;
	padding:30px 0 30px 0;
}
#secondary h2 {
	font-size:18px;
	color:#ddd;
}
.contentText{
	font-size:16px;
	margin:0px auto;
	width:960px;
	color:#CFC2A8;
	margin:0 0 20px 0;
	text-align:left;
}
.contentText em{
	font-weight:bold;
}
#secondary ul {
	margin:10px 0 0 0;
}
#secondary li{
	font-size:14px;
	color:#bbb;
	padding:2px 0 2px 2px;
}
.leftColumn,.rightColumn{
	float:left;
}
.leftColumn{
	width:680px;
	border-right:1px dotted #CFC2A8; 
}
.rightColumn{
	width:250px;
	margin:0 0 0 29px;
}
.contentText a{
	color:#aaa;
}
.contentText a:hover{
	color:#fff;
}
#footer{
	padding:20px 0 ;
	font-size:14px;
	color:#555;
}
#footer p{
	float:right;
}
#linkList li{
	display:block;
	margin:0 0 5px 0;
	font-size:16px;
}
#linkList li a{
	color:#fff;
	text-decoration:underline;
}

/*gallery section*/

ul.galleria{list-style:none; float:left; width:485px; margin:0 0 0 20px;}
ul.galleria li{display:block;width:106px;height:80px;overflow:hidden;float:left;margin:3px}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}

#main_image img{
	width:450px;
	height:350px;
	border:2px solid #D37938;
	}
div.demo{
	padding:20px 0 40px 0;
	width:960px;
	margin:0px auto;
	clear:left;
}
* html .galleria li div span{width:400px} /* MSIE bug */

/*contact page stuff*/

div#content{
	text-align:left;
	width:960px;
	margin:0px auto;
}
#contactForm, .contactInfo{
	float:left;
	width:45%;
	color:#ffffff;
}
#contactForm span,.contactInfo span{
	float:left;
	margin:0 0 2px 0;
	font-size:12px;
}
.contactInfo{
	margin-left:90px;
}
.contactInfo span{
	clear:left;
	overflow:show;
	padding:10px 0 0  50px;
	height:35px;
	display:block;
	color:#A18880;
}
.contactInfo span b{
	color:#fff;
}
.contactInfo span.skype{
	background:url('/assets/images/iconsSkype.png') no-repeat left bottom;
}
.contactInfo span.yahoo{
	background:url('/assets/images/iconsYahoo.png') no-repeat left bottom;
}
.contactInfo span.mobile{
	background:url('/assets/images/iconsMobile.png') no-repeat left bottom;
}
.contactInfo span.email{
	background:url('/assets/images/iconsEmail.png') no-repeat left bottom;
}
.contactInfo span.msn{
	background:url('/assets/images/iconsMsn.png') no-repeat left bottom;
}
.contactInfo span.aim{
	background:url('/assets/images/iconsAim.png') no-repeat left bottom;
}
.contactInfo span.icq{
	background:url('/assets/images/iconsIcq.png') no-repeat left bottom;
}
.contactInfo span{
	font-size:14px;
}
.contactInfo span b{
	font-size:16px;
}

#contactForm span{
	padding:15px 0 0 0;
}
#contactForm span input,#contactForm span select, #contactForm span textarea{
	float:left;
	background:#fff;
	padding:3px;
	border:1px solid #130000;
}
#contactForm .buttons input{
	padding:5px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */