@import url(general.css);

body {
	font-family:Verdana, Geneva, sans-serif;
	background:#DDE2E5;
}
#wrapper{
	width:100%;
	background:url(../images/layout/top_bkg.jpg) no-repeat top center #fff;
	}

/*header*/
#header{
	margin:0 auto 20px auto;
	width:1010px;
	height:100px;
	background:url(../images/layout/menu_bar.jpg) no-repeat bottom center;
	position:relative;
	}
#header a.logo{
	position:absolute;
	bottom:15px;
	left:25px;
	}
#header #nav{
	padding:0 10px 0 10px;
	height:60px;
	position:absolute;
	bottom:2px;
	right:25px;
	background:url(../images/layout/main-menu-line.jpg) repeat-x bottom;
	}
#header #nav ul{
	float:left;
	}
#header #nav ul li{
	float:left;
	}
#header #nav a{
	float:left;
	color:#666666;
	height:33px;
	padding:27px 12px 0 12px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0 2px 0 2px;
	}
#header #nav a:hover, #header #nav a.active{
	background:url(../images/layout/nav-a-hover.jpg) repeat-x;
	color:#fff;
	}

/*Flags*/
#header #lang{
	position:absolute;
	right:180px;
	float:right;
	text-align:center;
	background:#BBD8DF;
	padding:3px 0 4px 6px;
	margin:9px 3px 0 0;
	}
#header #lang a{
	float:left;
	width:16px;
	height:10px;
	overflow:hidden;
	background:#fff;
	border:1px solid #D4E6ED;
	margin:0 6px 0 0;
	}
#header #lang a.ro{
	background:url(../images/layout/flag_ro.jpg);
	}
#header #lang a.ro:hover, #header #lang a.ro_active{
	background:url(../images/layout/flag_ro_active.jpg);
	}
#header #lang a.en{
	background:url(../images/layout/flag_en.jpg);
	}
#header #lang a.en:hover, #header #lang a.en_active{
	background:url(../images/layout/flag_en_active.jpg);
	}

/*Top Client Link*/
#client_login{
	position:absolute;
	right:20px;
	top:3px;
	}
#topnav a{
	background:#88bbd4;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	background:transparent url("../images/layout/signin-nav-bg-ie.png") no-repeat 0 0;
	float:right;
	margin:0 0 0 4px;
	width:73px;
	height:20px;
	padding:4px 0 0 0;
	text-align:center;
}
#topnav a:hover {
	color:#666;
}

#topnav a span {
	background:url("../images/layout/toggle_down_light.jpg") no-repeat right;
	padding:0 17px 0 0;
	font-size:11px;
	line-height:140%;
}
#topnav a:hover span{
	background:url("../images/layout/toggle_up_dark.jpg") no-repeat right;
	}


/*Tabs portfolio navigation*/
#tabs-nav{
	width:1002px;
	margin:0 auto -2px auto;
	}
#tabs-nav a{
	float:left;
	padding:10px;
	font-size:13px;
	color:#676767;
	text-decoration:none;
	font-weight:bold;
	}	
#tabs-nav a:hover, #tabs-nav a.active{
	color:#83B0CD;
	background:#fff;
	}	
	
/*White container*/
#white-container{
	width:960px;
	background:url(../images/layout/white-container-border.jpg) repeat-x  top #fff;
	padding:21px;
	margin:0px auto;
	line-height:140%;
	font-size:13px;
	color:#666666;
	}
#white-container img{
	padding:2px;
	border:1px solid #E6E6E6;
	margin:0 0 15px 0;
	}
#white-container a:hover img{
	border:1px solid #86B9D2;
	}
#white-container a{
	color:#666;
	}
#white-container a:hover{
	color:#86B9D2;
	}	
#white-container h2{
	font-size:22px;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	padding:0 0 10px 0;
	}
#white-container h2 a{
	text-decoration:none;
	}
#white-container h2.blue{
	color:#86B9D2;
	border-bottom:1px solid #86B9D2;
	}
#white-container p{
	margin:0 0 15px 0;
	}
#white-container strong{
	font-weight:bold;
	}
#white-container .content_box{
	float:left;
	width:450px;
	padding:15px;
	}
#white-container .content_box img.thumb{
	width:100px;
	height:100px;
	float:left;
	margin:0 15px 0 0;
	}	
#white-container .content_box a.project_wide_img{
	float:left;
	position:relative;
	text-decoration:none;
	}
#white-container .content_box a.project_wide_img span.details{
	position:absolute;
	bottom:18px;
	right:3px;
	background:#fff;
	padding:4px 7px 4px 7px;
	color:#676767;
	text-decoration:none;
	cursor:pointer;
	}
#white-container .content_box a:hover span.details{
	background:#8ABAD0;
	color:#fff;
	}

#white-container .project-thumbs{
	width:100%;
	text-align:center;
	}
#white-container .project-thumbs img{
	width:140px;
	height:60px;
	margin:0 0 2px 0;
	}	

	
/*Quote req form*/
form.quote{
	width:100%;
		   }
form.quote input{
	padding:5px;
	width:440px;
	margin:0 0 8px 0;
	border:1px solid #CCC;
	color:#666;
	}
form.quote textarea{
	padding:5px;
	width:440px;
	margin:0 0 8px 0;
	border:1px solid #CCC;
	color:#666;
	}
form.quote button{
	padding:5px;
	color:#fff;
	background:url(../images/layout/submit-btn.jpg) repeat-x;
	border:1px solid #88BBD4;
	cursor:pointer;
	}
form.quote select{
	color:#666;
	}

/*Footer*/
#footer{
	width:100%;
	height:110px;
	background:url(../images/layout/footer.jpg) no-repeat top center;
	}
#footer-wrap{
	width:980px;
	height:70px;
	position:relative;
	margin:0px auto;
	padding:10px;
	}
#footer-wrap #nav{
	float:right;
	position:absolute;
	top:20px;
	right:15px;
	}
#footer-wrap #nav ul{
	float:left;
	background:url(../images/layout/footer-nav-border.jpg) repeat-x bottom;
	padding:0 10px 8px 10px;
	}
#footer-wrap #nav ul li{
	float:left;
	margin:0 5px 0 5px;
	}
#footer-wrap #nav ul li a{
	font-size:13px;
	color:#B7B7B7;
	font-weight:bold;
	text-decoration:none;
	}
#footer-wrap #nav ul li a:hover, #footer-wrap #nav ul li a.active{
	color:#86B9D2;
	}
#copy{
	position:absolute;
	top:50px;
	left:40px;
	font-size:11px;
	color:#666;
	line-height:150%;
	}

#social_icons{
	position:absolute;
	top:18px;
	left:40px;
	}
#social_icons a{
	float:left;
	width:24px;
	height:24px;
	margin:0 10px 0 0;
	}
#social_icons a span{
	display:none;
	}
#social_icons a.twitter{
	background:url(../images/layout/twitter.jpg);
	}
#social_icons a.twitter:hover{
	background:url(../images/layout/twitter_hover.jpg);
	}

#social_icons a.facebook{
	background:url(../images/layout/facebook.jpg);
	}
#social_icons a.facebook:hover{
	background:url(../images/layout/facebook_hover.jpg);
	}

#social_icons a.rss{
	background:url(../images/layout/rss.jpg);
	}
#social_icons a.rss:hover{
	background:url(../images/layout/rss_hover.jpg);
	}

#social_icons a.linkedin{
	background:url(../images/layout/linkedin.jpg);
	}
#social_icons a.linkedin:hover{
	background:url(../images/layout/linkedin_hover.jpg);
	}

/* Easy Slider */
#home-slider{
	width:930px;
	height:160px;
	margin:0px auto;
	position:relative;
	}
	
#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:930px;
	height:160px;
	overflow:hidden; 
	}	
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
text-indent:-8000px;
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:35px;
	z-index:1000;
	
	}	
#nextBtn, #slider1next{ 
	left:930px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.png) no-repeat 0 0;
	cursor:pointer;
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.png) no-repeat 0 0;	
	cursor:pointer;
	}	
	
/* numeric controls */	
ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */