/* AventasDesign */
body {
background-color: #e6e581;
}

#wrap {
margin: 36px auto;
width: 951px;
background: white url(i/top_wrap.jpg) no-repeat top left;
}

#wrap_bot {
position: relative;
float: left;
width: 951px;
height: 12px;
background: white url(i/bot_wrap.jpg) no-repeat bottom left;
}



#header {
position: relative;
float: left;
background-color: white;
height: 80px;
width: 910px;
margin-top: 15px;
margin-left: 18px;
padding-left: 5px;
background: white url(i/h_line.jpg) repeat-x bottom left;
}

#logo {
position: relative;
float: left;
background-color: white;
margin-top: 0px;
margin-left: -6px;
padding-right: 53px;
background: white url(i/v_line.jpg) repeat-y top right;
}

#logo a{
position: relative;
float: left;
display: block;
height: 63px;
width: 230px;
text-indent: -2222em;
background: white url(i/logo.jpg) no-repeat top left;
}

#header .tagline {
position: relative;
float: left;
display: block;
height: 10px;
width: 250px;
margin-left: 221px;
margin-top: 2px;

color:#6C7061;
font-family:verdana;
font-size:9px;
line-height:14px;



}

/*main menu*/

#header ul {
position: relative;
float: left;
width: 462px;
background-color: #d6dcc6;
height: 39px;
margin-top: 10px;
margin-left: 15px;
}

#header ul li{
position: relative;
float: left;
display: inline;
padding-right: 18px;
margin-top: 8px;
padding-left: 10px;
}

#header ul li a{
position: relative;
float: left;
display: block;
text-indent: -9999em;
height: 24px;
background: url(i/menu.jpg) no-repeat top left;
}

#header ul li a:hover{
position: relative;
float: left;
display: block;
height: 24px;
background: url(i/menu_over.jpg) no-repeat top left;
}

#header ul li.active a{
position: relative;
float: left;
display: block;
height: 24px;
background: url(i/menu_active.jpg) no-repeat top left;
}

#header ul li.active a.work{
width: 58px;
background-position: 0 0;
}


#header ul li a.work{
width: 58px;
background-position: 0 0;
}

#header ul li a.work:hover{
width: 58px;
background-position: 0 0;
}

#header ul li.active a.clients{
width: 70px;
background-position:  -59px 0;
}


#header ul li a.clients{
width: 70px;
background-position:  -86px 0;
}

#header ul li a.clients:hover{
width: 70px;
background-position: -59px 0;
}


#header ul li.active a.about{
width: 58px;
background-position:  -130px 0;
}


#header ul li a.about{
width: 58px;
background-position:  -185px 0;
}

#header ul li a.about:hover{
width: 58px;
background-position: -130px 0;
}


#header ul li.active a.contact{
width: 74px;
background-position:  -189px 0;
}


#header ul li a.contact{
width: 74px;
background-position:  -274px 0;
}

#header ul li a.contact:hover{
width: 74px;
background-position: -189px 0;
}

#header ul li.active a.news{
width: 58px;
background-position:  -264px 0;
}

#header ul li a.news{
width: 58px;
background-position:  -381px 0;
}

#header ul li a.news:hover{
width: 58px;
background-position: -264px 0;
}

	/*Info Area*/
	#header #info {
	position: relative;
	float: left;
	background-color: white;
	width: 141px;
	height: 63px;
	background: white url(i/v_line.jpg) repeat-y top left;
	margin-left: 15px;
	margin-top: -12px;
	}

	#header #info a.client_login {
	position: relative;
	float: right;
	background-color: white;
	width: 96px;
	height: 37px;
	background: url(i/quote.jpg) repeat-y top left;
	display: block;
	text-indent: -9999em;
	}

	#header #info a.client_login:hover {
	background-position: 0 -37px;

	}


	#header #info a.email {
	position: relative;
	float: left;
	color:#6C7061;
	font-family:verdana;
	font-size:9px;
	text-decoration:none;
	width: 117px;
	height: 10px;
	margin-left: 14px;
	margin-top: 10px;

	}

	#header #info a.email:hover {
	color:#DB4A98;
	}

/* content */	
#content {
position: relative;
float: left;
margin: 15px 17px 15px 17px;
}

	#content .slideshow {
	position: relative;
	float: left;
	width: 916px;
	height: 307px;
	background: white url(i/h_line.jpg) repeat-x bottom left;
	padding-bottom: 14px;
	}
	
	#content .featured {
	position: relative;
	float: left;
	width: 135px;
	height: 13px;
	background: white url(i/featured.jpg) repeat-x bottom left;
	display: block;
	text-indent: -999em;
	margin-top: 16px;
	margin-bottom: 7px;
	}
	
	#content .leftside{
	position: relative;
	float: left;
	width: 521px;
	background: url(i/v_line.jpg) repeat-y top right;
	margin-top: 14px;
	}

	#content .leftside .blog_post {
	position: relative;
	float: left;
	width: 500px;
	background: white url(i/h_line.jpg) repeat-x bottom left;
	}

	#content .leftside .last {
	background: none;
	}

	#content .leftside img {
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-top: 11px;
	}

	#content .leftside .blog_img {
	position: relative;
	text-align: center;
	}

	#content p {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 10px;
	padding-top: 11px;
	}

	#content a {
	color: #db4a98;
	text-decoration: none;
	}

	#content a.more {
	color: #8e8e8d;
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	text-decoration: none;
	padding-right: 9px;
	background: url(i/arrow.jpg) no-repeat top right;
	padding-top: 0px;
	margin-top: 0px;
	}

	#content a:hover {
	text-decoration: underline;
	}
	
	
	#content .rightside{
	position: relative;
	float: left;
	width: 367px;
	margin-top: 14px;
	padding-left: 14px;
	padding-right: 13px;
	}

	#content .rightside .award_post {
	position: relative;
	float: left;
	width: 384px;
	background: white url(i/h_line.jpg) repeat-x bottom left;
	}

	#content .rightside .last {
	
	background: none;
	}

	#content .awards {
	position: relative;
	float: left;
	width: 174px;
	height: 12px;
	background: white url(i/awards.jpg) no-repeat bottom left;
	display: block;
	text-indent: -999em;
	margin-top: 16px;
	margin-bottom: 7px;
	margin-left: 14px;
	}
	
	
	#content .award_post .blog_img{
	position: relative;
	float: left;
	margin-left: 14px;
	margin-bottom: 14px;
	margin-top: 11px;
	}

	#content .award_post .description{
	position: relative;
	float: right;
	width: 247px;
	font-size: 10px;
	font-family: Verdana, Sans-serif;
	}
	

.clear {
clear:both;
}


/* Footer */

#footer {
position: relative;
float: left;
height: 20px;
padding-top: 20px;
background: url(i/h_line.jpg) repeat-x top left;
width: 920px;
margin-left: 16px;
margin-top: -16px;

}

#footer ul  {
display: inline;
position: relative;
float: left;
margin-left: -4px;
}

#footer ul li {
position: relative;
float: left;
display: inline;
color: #96a27d;
font-family: verdana, Sans-serif;
font-size: 10px;
border-right: 1px solid #96a27d;
padding-right: 6px;
padding-left: 5px;
padding-bottom: 2px;
padding-top: 0px;
line-height: 8px;
height: 8px;
}

#footer ul li.last {
border-right: none;
}

#footer ul li a{
color: #96a27d;
text-decoration: none;
font-family: verdana, Sans-serif;
font-size: 10px;
}


/* inner pages */

#iner_content {
width: 871px;
background-color: #f0f4e6;
margin-bottom: 15px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 27px;
padding-right: 22px;
}

/* inner WORK */
.work .links {
position: relative;
float:left;
width:165px;
margin-left: -4px;
}

.work .imgArea {
position: relative;
float:left;
width:710px;
background-color: white;
}

.work h1 {
position: relative;
float:left;
background: url(i/work_title.jpg) no-repeat top left;
width:97px;
height: 14px;
display:block;
text-indent: -999em;
margin-left: 4px;
}

.work h1.client {
position: relative;
float:left;
background: url(i/work_title.jpg) no-repeat;
background-position:  -97px 0px;
width:110px;
height: 14px;
display:block;
text-indent: -999em;
margin-top: 24px;
margin-left: 4px;
}

.work h1.case {
position: relative;
float:left;
background: url(i/work_title.jpg) no-repeat;
background-position:  -207px 0px;
width:97px;
height: 14px;
display:block;
text-indent: -999em;
margin-top: 24px;
margin-left: 4px;
cursor: pointer;
margin-bottom: 10px;
}


.work ul.typeList{
position: relative;
float:left;
margin-top: 10px;
}

.work ul.clientList {
position: relative;
float:left;
margin-top: 10px;
}

#content .work ul li {
color: #00000;
line-height: 18px;
padding-bottom: 1px;
}

#content .work ul li a{
position: relative;
color: #000000;
font-size: 11px;
font-family: Verdana, Sans-serif;
padding: 3px 4px 4px 4px;

}

#content .work ul li a:hover{
color: #db4c8f;
text-decoration: none;
}

#content .work ul li a:active{
color: #70475a;
text-decoration: none;
}

#content .work ul li a.active{
color: #ffffff;
background-color: #db4c8f;
text-decoration: none;
}

.work .imgArea .image_s {
position: relative;
float: left;
width: 630px;
}

.work .imgArea  .left_arrow2, #overlayEnlarged .left_arrow2 {
position: relative;
float: left;
width: 38px;
height: 440px;
background: none;
cursor: pointer;
margin-top: 28px;
}

.work .imgArea  .left_arrow, #overlayEnlarged .left_arrow {
position: relative;
float: left;
width: 38px;
height: 440px;
background: url(i/img_arrows.jpg) no-repeat top left;
cursor: pointer;
margin-top: 28px;
}

.work .imgArea  .left_arrow:hover,  #overlayEnlarged .left_arrow:hover {
background-position: -38px 0px;
}

.work .imgArea  .right_arrow, #overlayEnlarged .right_arrow{
position: relative;
float: left;
width: 38px;
height: 440px;
background: url(i/img_arrows.jpg) no-repeat top right;
cursor: pointer;
margin-top: 28px;
}

.work .imgArea  .right_arrow:hover, #overlayEnlarged .right_arrow:hover{
background-position: -76px 0px;
}

.work .imgArea .numbersList{
position: relative;
float: left;
}

.work .imgArea .info {
position: absolute;
width: 76px;
height: 15px;
background: url(i/project_info.jpg) no-repeat top right;
display: block;
text-indent: -999em;
top: 0;
left: 634px;
cursor: pointer;

}

.work .imgArea .info a {
position: relative;
float: left;
width: 76px;
height: 15px;
cursor: pointer;
}

.work .imgArea .info a:hover {
width: 76px;
height: 15px;
cursor: pointer;
}

.work .imgArea .info:hover {
background-position:  0px -15px; 
height: 19px;
}

.work .imgArea  .info_text {
position: absolute;
width: 246px;
background-color: #85887b;
top: 18px;
left: 462px;
z-index: 2;
display: none;
}

#content .imgArea  .info_text p{
padding: 20px;
font: Verdana, Sans-Serif;
font-size: 10px;
color: white;
line-height: 14px;
padding-bottom: 30px;
}

.bottom_img {
position: relative;
float: left;
width: 683px;
background: url(i/h_line.jpg) repeat-x top right;
margin-left: 17px;
height: 33px;
}

.bottom_img .numbersList {
position: relative;
float: left;
margin-top: 6px;
margin-left: 1px;
}

.bottom_img .numbersList li{
display: inline;
}

#content .bottom_img .numbersList li a{
font-size: 10px;
font-family: Verdana, Sans-Serif;
}


.bottom_img .actions {
position: relative;
float: left;
margin-top: -15px;
margin-left: 518px;
height: 6px;
padding: 0px;
}

.bottom_img .actions li a{
position: relative;
float: left;
height: 10px;
padding: 0px;
margin-top: -8px;
}

.bottom_img .actions li {
position: relative;
float: left;
padding: 0px;
border-left: 1px solid black;
padding-left: 15px;
padding-right: 15px;
}

.bottom_img  li.first {
border: none;
}

.bottom_img  li.last {
padding-right: 2px;
}

.image_s {
position: relative;
width: 630px;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 35px;
text-align: center;
}

#image_sv {
height:425px;
display:table-cell;
vertical-align:middle;
width: 630px;
}

.image_s .country-1{
}


.emptyurl {
margin-left: 100px;
}


#content .bottom_img li.active a {
color: #ffffff;
background-color: #db4c8f;
text-decoration: none;
}

/* Inner - about */



#content .about .left_side {
position: relative;
float: left;
width: 512px;
height: 497px;
padding-left: 27px;
padding-right: 20px;
background-color: #ffffff;
}

#content .about .left_side h1{
background: url(i/title_about.jpg) no-repeat top left;
width:181px;
height: 13px;
display:block;
text-indent: -999em;
margin-top: 25px;
padding-bottom: 3px;
}



#content .about .right_side {
position: relative;
float: right;
width: 262px;
height: 497px;
padding-left: 25px;
padding-right: 20px;
background-color: #ffffff;
}

#content .about .left_side p, #content .about .right_side p {
line-height: 18px;
}


#content .about .right_side h1{
background: url(i/title_about.jpg) no-repeat top left;
width:91px;
height: 13px;
display:block;
text-indent: -999em;
margin-top: 25px;
padding-bottom: 3px;
background-position: -181px  0;
}
#content .about .right_side .botnav {
position: absolute;
top: 440px;
left: 26px;
} 

#content .about .right_side .botnav a.prev{
position: relative;
float: left;
background: url(i/v_line.jpg) repeat-y top right;
padding-right: 22px;
height: 14px;
} 

#content .about .right_side .botnav a{
color: #8e8e8d;
font-size: 10px;
text-decoration: none;
font-family: Verdana, Sans-Serif;
} 

#content .about .right_side .botnav a.next{
position: relative;
float: left;
padding-left: 22px;
height: 14px;
width: 186px;
} 

#content .about .right_side .botnav a:hover{
color: #b6b7af;
text-decoration: none;
} 

#content .about .right_side .botnav a.all{
position: relative;
float: left;
height: 14px;
margin-top: 8px;
background: url(i/arrow.jpg) no-repeat top right;
padding-right: 10px;
padding-top: 1px;
} 



/* contact */

#content .contact .left_side {
position: relative;
float: left;
width: 512px;
height: 497px;
padding-left: 27px;
padding-right: 20px;
background-color: #ffffff;
}

#content .contact .left_side h1{
background: url(i/title_contact.jpg) no-repeat top left;
width:181px;
height: 13px;
display:block;
text-indent: -999em;
margin-top: 25px;
padding-bottom: 3px;
}


#content .contact .right_side {
position: relative;
float: right;
width: 267px;
height: 497px;
padding-left: 25px;
padding-right: 20px;
background-color: #ffffff;
}

#content .contact .left_side p, #content .contact .right_side p {
line-height: 18px;
}


.text_grey_error {
color:#6C7061;
font-family:verdana;
font-size:10px;
line-height:16px;
vertical-align:top;
}


/* contact form */

.cntForm {
position: relative;
float: left;
width: 450px;
height: 270px;
background-color: #ecf0e0;
margin-left: 20px;
margin-top: 30px;
padding-left: 15px;
padding-top: 15px;
color: #808275;
font-size: 10px;
font-family: Verdana, Sans-serif;
}

.cntForm label{
position: relative;
float: left;
width: 120px;
color: #808275;
font-size: 10px;
font-family: Verdana, Sans-serif;
padding-top: 4px;
}

.cntForm input{
margin-bottom: 17px;
height: 15px;
border: none;
background-color: white;
}

.cntForm textarea{
margin-bottom: 17px;
height: 85px;
border: none;
background-color: white;
}

.cntForm  .btn_send {
position: relative;
float: right;
display: block;
text-indent: -999em;
width: 87px;
height: 29px;
background: url(i/btn_send.jpg) no-repeat top left;
margin-right: 30px;
margin-top: -5px;
color: transparent; 
border: none;
}

.cntForm  input {
border: none;
}



.cntForm  .btn_send:hover {
background-position:  0 -29px; 
}

.cntForm .req {
position: relative;
float: left;
margin-left: 120px;
}


#content .contact .right_side .address {
position: relative;
float: right;
width: 204px;
height: 427px;
padding-left: 27px;
padding-right: 20px;
background-color: #f0f4e6;
margin-top: 25px;
padding-top: 19px;
}

/* clients */

#content .col1, #content .col2 {
position: relative;
float: left;
width: 223px;
padding-right: 30px;
}

#content .left_side .col1 h1, #content .left_side .col2 h1 {
position: relative;
float: left;
display: block;
text-indent: -999em;
background: url(i/title_client.jpg) no-repeat top left;
width: 223px;
margin-bottom: 6px;
}

#content .left_side .col1 h1.fashion {
width: 54px;
}

#content .left_side .col1 h1.art {
width: 138px;
background-position: -54px 0;
}

#content .left_side .col1 h1.children {
width: 144px;
background-position: -192px 0;
}

#content .left_side .col2 h1.pub {
width: 77px;
background-position: -336px 0;
}

#content .left_side .col2 h1.bus {
width: 63px;
background-position: -413px 0;
}

#content .left_side .col2 h1.non {
width: 78px;
background-position: -476px 0;
}

#content .left_side .col1 ul, #content .left_side .col2 ul {
position: relative;
float: left;
width: 223px;

}

#content .left_side .col1 ul li a, #content .left_side .col2 ul li a{
color: #db4c8f;
text-decoration: none;
font-size: 11px;
font-family: Verdana, Sans-Serif;
line-height: 18px;
}

#content .left_side .col1 ul li a:hover, #content .left_side .col2 ul li a:hover{
color: #db4c8f;
text-decoration: underline;
}

#content .address a {
text-decoration: none;
color: black;
}

#content .address a:hover {
text-decoration: none;
color:#DB4A98;
}

/* testimonials */

#content .about  h1.testimonials {
background:transparent url(i/title_about.jpg) no-repeat scroll -181px 0;
display:block;
height:13px;
margin-top:25px;
padding-bottom:3px;
text-indent:-999em;
width:91px;
}

#content .about .testimonial {
background-color:#FFFFFF;
float:left;

padding-left:27px;
padding-right:26px;
position:relative;
width:814px;
}

#content .about .testimonial p.author {
color:#989a8f;
}

#content  .h-lline {
position: relative;
float: left;
width: 816px;
height: 1px;
background: url(i/h_line.jpg) repeat-x top left;
}


#content .about  h1.resource {
background:transparent url(i/resources.gif) no-repeat top left;
display:block;
height:13px;
margin-top:25px;
padding-bottom:3px;
text-indent:-999em;
width:75px;
}


#content .about .resources {
background-color:#FFFFFF;
float:left;
height:660px;
padding-left:27px;
padding-right:26px;
position:relative;
width:814px;
}


#content .about .resources p {
color:#989a8f;
}


#content .resources a {
text-decoration: none;
color: black;
}

#content .resources a:hover {
text-decoration: none;
color:#DB4A98;
}


#content .about .right_side .botnav a.defult {
color:#B6B7AF;
text-decoration:none;
} 

#content .contact  h1.sitemap {
background:transparent url(i/sitemap.gif) no-repeat top left;
display:block;
height:13px;
margin-top:25px;
padding-bottom:3px;
text-indent:-999em;
width:55px;
}

#content .testimonial  h1.news {
background: url(i/news.jpg) no-repeat top left;
display:block;
height:14px;
margin-top:25px;
padding-bottom:3px;
text-indent:-999em;
width:37px;
}


#content .sitemaps a, #content a.addtocart {
text-decoration: none;
color: black;
}

#content .sitemaps a:hover, #content a.addtocart:hover {
text-decoration: none;
color:#DB4A98;
}


#content .testimonial  h1.case {
background: url(i/case_title.jpg) no-repeat top left;
display:block;
height:14px;
margin-top:25px;
padding-bottom:3px;
text-indent:-999em;
width:179px;
}


#content .cases .case p {
color: black;
}

#content .cases .blog_img2 {
position: relative;
float: left;
width: 380px;

}



#content .cases .case .casetext {
position: relative;
float: left;
width: 405px;
padding-left: 25px;
padding-right: 0px;
}



#content .left_side .col1 ul li, #content .left_side .col2 ul li  {
color:black;
font-family:Verdana,Sans-Serif;
font-size:11px;
line-height:18px;
text-decoration:none;
}

/* Inner - awards */



#content .award .left_side {
position: relative;
float: left;
width: 512px;
height: 930px;
padding-left: 27px;
padding-right: 20px;
background-color: #ffffff;
}

#content .award .left_side h1{
background: url(i/awards.jpg) no-repeat top left;
width:181px;
height: 13px;
display:block;
text-indent: -999em;
margin-top: 25px;
padding-bottom: 3px;
}



#content .award .right_side {
position: relative;
float: right;
width: 262px;
height: 930px;
padding-left: 25px;
padding-right: 20px;
background-color: #ffffff;
}

#content .award .left_side p, #content .award .right_side p {
line-height: 18px;
}


#content .award .right_side h1{
background: url(i/title_about.jpg) no-repeat top left;
width:91px;
height: 13px;
display:block;
text-indent: -999em;
margin-top: 25px;
padding-bottom: 3px;
background-position: -181px  0;
}
#content .award .right_side .botnav {
position: absolute;
top: 440px;
left: 26px;
} 

#content .award .right_side .botnav a.prev{
position: relative;
float: left;
background: url(i/v_line.jpg) repeat-y top right;
padding-right: 22px;
height: 14px;
} 

#content .award .right_side .botnav a{
color: #8e8e8d;
font-size: 10px;
text-decoration: none;
font-family: Verdana, Sans-Serif;
} 

#content .award .right_side .botnav a.next{
position: relative;
float: left;
padding-left: 22px;
height: 14px;
width: 186px;
} 

#content .award .right_side .botnav a:hover{
color: #b6b7af;
text-decoration: none;
} 

#content .award .right_side .botnav a.all{
position: relative;
float: left;
height: 14px;
margin-top: 8px;
background: url(i/arrow.jpg) no-repeat top right;
padding-right: 10px;
padding-top: 1px;
} 

/* testimonials */

#content .award  h1.testimonials {
background:transparent url(i/title_about.jpg) no-repeat scroll -181px 0;
display:block;
height:13px;
margin-top:25px;
padding-bottom:3px;
text-indent:-999em;
width:91px;
}

#content .award .testimonial {
background-color:#FFFFFF;
float:left;

padding-left:27px;
padding-right:26px;
position:relative;
width:814px;
}

#content .award .testimonial p.author {
color:#989a8f;
}


#content .award .left_side .award_post {
	position: relative;
	float: left;
	width: 480px;
	background: white url(i/h_line.jpg) repeat-x bottom left;
	}

	#content .award .left_side .last {
	
	background: none;
	}


	#content .award .award_post .blog_img{
	position: relative;
	float: left;
	margin-left: 14px;
	margin-bottom: 14px;
	margin-top: 11px;
	}

	#content .award .award_post .description{
	position: relative;
	float: right;
	width: 340px;
	font-size: 10px;
	font-family: Verdana, Sans-serif;
	}

#content  .lahts .left_side {
height: auto;
}