body{
	margin:0;
	background:#a1b69a;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#6c7a78;
}
h1{margin:0;}
a{
	color:#ec008c;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
img{
	display:block;
	border:none;
}
form{
	margin:0;
	padding:0;
	border:0;
}
#main{
	width:724px;
	margin:35px auto 0;
	overflow:hidden;
	padding:0 0 20px; 
}
/*sidebar*/
#sidebar{
	width:134px;
	float:left;
	position:relative;
	z-index:100;	
}

#sidebar h1 a{
	display:block;
	width:100px;
	height:93px;
	overflow:hidden;
	text-indent:-9999px;
	margin:14px 0 0 6px;
	background:url(../img/logo.gif) no-repeat 0 0;
}
#sidebar ul.menu{
	overflow:hidden;
	margin:36px 0 0;
	padding:0;
	list-style:none;
}
#sidebar ul.menu li{
	width:134px;
	float:left;
	margin:3px 0 0;
	font-size:17px;
	line-height:24px;
}
#sidebar ul.menu li div.bottom,
#sidebar ul.menu li div.top{
	width:100%;
	overflow:hidden;
}
#sidebar ul.menu li div.bottom{
	width:127px;
	padding:1px 0 1px 7px;
}
#sidebar ul.menu li a{
	color:#fff;
	text-decoration:none;
}
#sidebar ul.menu li.active{
	background:url(../img/bg-menu-active.gif) repeat-y 0 0;
}
#sidebar ul.menu li.active div.top{
	background:url(../img/bg-menu-active.gif) no-repeat -134px 0;
}
#sidebar ul.menu li.active div.bottom{
	background:url(../img/bg-menu-active.gif) no-repeat -268px 100%;
}
#sidebar ul.menu ul{
	display:none;
	visibility:hidden;
	margin:-2px 0 0;
	padding:0 0 3px;
	overflow:hidden;
	list-style:none;
}
#sidebar ul.menu ul.active{
	display:block;
	visibility:visible;
}
#sidebar ul.menu ul li{
	font-size:14px;
	line-height:14px;
	margin:0;
	padding:1px 0 3px 10px;
	width:110px;
}
#sidebar ul.menu li.active a{
	color:#6e7372;
	line-height:25px;
}
#sidebar ul.menu li.active ul li a{
	line-height:14px;
}
#sidebar ul.menu li a.active,
#sidebar ul.menu li a:hover{
	color:#ec008c;
}
/*conetent*/
#content{
	width:591px;
	position:relative;
	float:left;
	background:url(../img/bg-content.gif) repeat-y -591px 0;
	display:inline;
	margin:0 0 0 -1px;
}
#flash{
	width:627px;
	height:480px;
	margin:0 0 0 -15px;
}
#content .flash{
	position:relative;
	z-index:100;
	width:590px;
	margin:-23px -10px 0 -14px;
	overflow:hidden;
}
#content div.content-bottom,
#content div.content-top{
	width:100%;
	overflow:hidden;
	background:url(../img/bg-content.gif) no-repeat 0 0;
	min-height:543px;
}
#content div.content-bottom{
	background-position:-1182px 100%;
	width:566px;
	padding:0 10px 0 15px;
	min-height:543px;
}
* html #content div.content-bottom{
	height:543px;
	overflow:visible;
}

#content h2{
	font-size:17px;
	color:#c10077;
	font-weight:normal;
	color:#6e7372;
	margin:9px 0 -6px;
	line-height:19px
}
#content p.prise{
	margin:0;
}
#content h2.top{
	margin:9px 0 -6px; 
}
#content h2.big{
	font-size:63px;
	line-height:70px;
	white-space: nowrap;
	font-weight:normal;
	margin:9px 0 0;
}
#content h3{
	font-size:18px;
	color:#ec008c;
	font-weight:normal;
	margin:28px 0 0;
	line-height:19px;
}
#content h3.top{
	margin:9px 0 0;
	padding:0 0 1px;
}
#content p{
	margin:8px 0 0;
}
#content p strong{
	font-weight:normal;
	color:#ec008c;	
}
#content div.text{
	position:relative;
	z-index:1000;
	padding:0 120px 0 0;
	overflow:hidden;
}
#content div.contact{
	width:390px;
	padding-top:15px;
}
#content  p.imdesign{
	font-size:20px;	
	margin:10px 0 0 0;
	padding:0;
	line-height:22px;
	color:#EC008C;
}
#content  p.text{
	font-size:17px;	
	margin:4px 0 0;
	padding:0;
	line-height:19px;
}
#content div.contact p{
	font-size:17px;
	padding:0 0 13px;
	line-height:18px;
}
#content div.animate{
	overflow:hidden;
	height:461px;
	margin:0 -15px 0 -14px;
}
#content div.call{
	width:216px;
	float:left;
	padding:11px 0 0 12px;
	margin:19px 0 0 -5px;
	background:url(../img/bg-box.gif) no-repeat 0 0;
	height:111px;
}
#content div.see{
	width:316px;
	float:right;
	margin:16px 1px 0 0;
	padding:14px 0 0 12px;
	height:111px;
	background:url(../img/bg-box.gif) no-repeat 0 -123px;
}
#content div.see div.image{
	float:right;
	position:relative;
	margin:-26px 35px 0 0;
	display:inline;
}
#content div.box h3{
	margin:0;
	font-weight:bold;
	padding:0;
	font-size:29px;
	color:#6e7372;
	line-height:26px;
}     
#content div.box p{
	font-size:22px;
	line-height:24px;
	padding:0;
	margin:2px 0 0;
}
#content div.call p{
	padding:3px 0 0 3px;
}
/*about_us.html*/
#content div.leftcol{
	float:left;
	padding:0;
	margin:6px 0 0 ;
	width:236px;
}
#content div.leftcol-text{	
	width:278px;
	word-spacing:-1px;
	overflow:hidden;
	padding:0 0 10px;
}
#content div.leftcol-text a.baner{
	margin:18px 0 0 0;
	overflow:hidden;
	display:block;
}
#content div.rightcol{
	float:right;
	width:279px;
	padding:0;
	margin:6px 0 0 0;
}
#content div.rightcol p.delivery-text{
	overflow:hidden;
	width:100%;
}
#content div.rightcol p.results-text{
}
#content div.rightcol .delivery{
	margin:7px 0 0 0;
	padding:0 0 7px;
}
#content div.rightcol div.results{
float:right;
}
#content div.rightcol div.image{
	margin:30px 0 0 0;
	padding:0 0 10px 50px;
}
#content div.rightcol div.image-right{
	float:right;
	display:inline;
	position:relative;
	width:328px;
	margin:98px -10px 0 -39px;
	overflow:hidden;
}
#content div.image-about{
	position:absolute;
	bottom:41px;
	left:88px;
	z-index:100;
}
/*case_studies.html*/
#content ul.case{
	margin:18px 0 0 -91px;
	position:relative;
	width:314px;
	padding:0;
	list-style:none;
}
#content ul.case li{
	width:100%;
	padding:20px 0 24px;
	text-align:center;
}
#content ul.case li img{
	display:inline;
}
#content ul.case li a img.state{display:inline;}
#content ul.case li a img.hover{display:none;}
#content ul.case li a.hover img.state{display:none;}
#content ul.case li a.hover img.hover{display:inline;}
#content div.pager{
	clear:both;
	width:100px;
	bottom:18px;
	left:0;
	position:absolute;
	overflow:hidden;
	left:232px;
	z-index:100;
}
#content div.pager a.next,
#content div.pager a.back{
	float:left;
	height:20px;
	width:16px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-pager.gif) no-repeat 0 0;
}
#content div.pager a.next{
	background:url(../img/btn-pager.gif) no-repeat -16px 0;
}
#content div.pager p{
	float:left;
	font-size:17px;
	color:#ec008c;
	line-height:20px;
	margin:0;
	white-space:nowrap;
	padding:0 12px;
}
#content div.stage-box{
	overflow:hidden;
	width:100%;
	padding:0 20px 18px 20px;
	margin:0 -20px 0 -20px;
}
#content ul.stage{
	margin:0 0 0 -6px;
	position:relative;
	padding:0;
	list-style:none;
	float:left;
	width:130px;
}
#content ul.left{
	margin:-16px 0 -6px -4px;
	padding-right:24px;
}
#content ul.top{margin-top:-7px;}
#content ul.right{margin:-2px 0 0; float:right;}
#content ul.stage li{
	width:100%;
	float:left;
	padding:18px 0 4px;
}
#content ul.right li{padding:20px 0 7px;}
#content ul.left li{padding:30px 0 14px;}
#content ul.stage li img{margin:0 auto;}
#content div.portfolio-text{
	width:100%;
}
/*ul.photos*/
#content ul.photos{
	margin:0;
	padding:0 17px 0 0;
	list-style:none;
}
#content ul.photos li{
	padding:12px 0 6px;
}
#content ul.photos img{
	margin:0 auto;
}
/*ul.colors*/
#content ul.colors{
	margin:0 0 -5px;
	width:250px;
	overflow:hidden;
	padding:1px 0 0 26px;
	list-style:none;
}
#content ul.colors li{
	float:left;
	margin:15px 0 0 17px;
	display:inline;
	width:87px;
	overflow:hidden;
}
#content div.fimal-image{
	margin:15px 0 0 5px;
	overflow:hidden;
	width:268px;
	padding:0 0 20px 0;
}
#content ul.portfolio{
	margin:0;
	padding:59px 0 0 89px;
	width:450px;
	clear:both;
	overflow:hidden;
	list-style:none;
} 
#content ul.portfolio li{
	width:100%;
	float:left;
}
#content ul.portfolio li a{
	position:relative;
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/text-portfolio.png) no-repeat -9999px -9999px;
}
#content ul.portfolio li a.logos{
	height:50px;
	width:400px;
	background-position:3px 4px;
}
#content ul.portfolio li a.logos.hover,
#content ul.portfolio li a.logos:hover{
	background-position:-400px 3px;
}
#content ul.portfolio li a.website{
	height:44px;	
	width:195px;
	background-position:3px -45px;
}
#content ul.portfolio li a.website.hover,
#content ul.portfolio li a.website:hover{
	background-position:-400px -45px;
}
#content ul.portfolio li a.stationery{
	height:48px;	
	width:215px;
	margin:2px 0 0;
	background-position:3px -89px;
}
#content ul.portfolio li a.stationery.hover,
#content ul.portfolio li a.stationery:hover{
	background-position:-400px -89px;
}
#content ul.portfolio li a.brochures{
	height:40px;	
	width:220px;
	background-position:3px -137px;
}
#content ul.portfolio li a.brochures.hover,
#content ul.portfolio li a.brochures:hover{
	background-position:-400px -137px;
}
#content ul.portfolio li a.leafets{
	height:40px;	
	width:170px;
	margin:5px 0 0;
	background-position:3px -178px;
}
#content ul.portfolio li a.leafets.hover,
#content ul.portfolio li a.leafets:hover{
	background-position:-400px -178px;
}
#content ul.portfolio li a.adverts{
	height:39px;	
	margin:6px 0 0;
	width:160px;
	background-position:3px -217px;
}
#content ul.portfolio li a.adverts.hover,
#content ul.portfolio li a.adverts:hover{
	background-position:-400px -217px;
}
#content ul.portfolio li a.vehicles{
	height:50px;
	width:310px;
	margin:6px 0 0;
	background-position:3px -256px;
}
#content ul.portfolio li a.vehicles.hover,
#content ul.portfolio li a.vehicles:hover{
	background-position:-400px -256px;
}
/*slider*/
#content div.slide{
	clear:both;
	overflow:hidden;
	width:100%;
}
#content div.slide div.image{
	position:relative;
	width:550px;
	height:385px;
	overflow:hidden;
	margin:0 auto;
}
#content div.slide div.image div.cont{
	width:550px;
	height:385px;
}
#content div.slider{
	overflow:hidden;
	margin:21px 0 0;
	padding:0 0 0 38px;
}
#content div.slider a.btn-previous,
#content div.slider a.btn-next{
	position:relative;
	float:left;
	width:16px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	margin:19px 0 0;
	float:left;
	outline:none;
	background:url(../img/btn-pager.gif) no-repeat 0 0;
}
#content div.slider a.btn-next{
	background:url(../img/btn-pager.gif) no-repeat -16px 0;
}
#content div.slider a.inactive{
	cursor:default;
}
#content div.slider div.carousel{
	position:relative;
	float:left;
	width:444px;
	padding:1px 0;
	margin:0 6px 0 0;
	overflow:hidden;
}
#content div.slider ul{
	width:9999px;
	height:58px;
	margin:0;
	padding:0;
	list-style:none;
}
#content div.slider ul li{
	width:58px;
	display:inline;
	background:url(../img/img-slider.png) no-repeat 0 0;
	margin:0 4px 0 12px;
	height:58px;
	overflow:hidden;
	float:left;
}
#content div.slider ul li a{
	outline:0;
}
#content div.slider ul li div.cont{
	width:58px;
	height:58px;
}
#content div.slider ul li.active{
	background-position:0 -58px;
}
#content div.slider ul li div.text{
	display:none;
}
#content div.image-price{
	position:absolute;
	top:150px;
	right:72px;
}
#content div.website{
	float:left;
	font-size:17px;
	width:433px;
	line-height:24px;
	padding:76px 0 0 59px;
	overflow:hidden;
}
#content div.website div.img{
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
}
#content div.website div.img a{float:left;}
#content div.website a{
	color:#6e7372;
}
#content div.call-for{
	width:134px;
	height:133px;
	overflow:hidden;
	position:absolute;
	z-index:100;
	top:17px;
	right:17px;
	text-indent:-9999px;
	background:url(../img/bg-call.gif) no-repeat 0 0;
}
#content div.bottom{
	bottom:21px;
	top:auto;
	right:98px;
}
#content div.middle{
	top:262px;
	right:27px;
}
#content div.middle2{
	top:67px;
	right:40px;
}
#content div.middle3{
	top:165px;
	right:20px;
}
#content div.image-center{
	float:left;
	width:500px;
	padding:7px 0 0 21px;
	overflow:hidden;
}
#content div.right-pad{
	padding:0 0 0 41px;
	margin:42px 0 0 0;
}
#content div.image-center img{
	margin:0 auto;
}
#content div.image-contact{
	position:absolute;
	right:21px;
	bottom:81px;
}
#content ul.logos{
	overflow:hidden;
	list-style:none;
	clear:both;
	margin:0;
	padding:0 0 0 10px;;
}
#content ul.logos li{
	width:100%;
	float:left;
	padding:12px 0 31px 0;
}
#content ul.logos li img{
	margin:0 auto;
}
#content div.text-width{
	width:320px;
	float:none;
}
#content ul.fiq{
	overflow:hidden;
	clear:both;
	margin:0;
	width:500px;
	padding:34px 80px 0 20px;
	list-style:none;
}
#content ul.fiq li{
	float:left;
	margin:-20px 0 0
}
#content ul.fiq li.left{
	padding-left:95px;
}
#content ul.fiq li div.cont{
	width:150px;
	height:100px;
}
#content ul.fiq li.big{
	margin:20px 0 0;
	padding:0 0 0 30px;
}
#content ul.fiq li.big div.cont{
	width:210px;
	height:200px;
}
/*vertical align*/
div.cont{
	display:table;
	width:100%;
	height:100%;
}
div.sub{
	text-align:center; 
	width:100%;
	display:table-cell;
	vertical-align:middle;
}
div.sub img{display:inline;}
* html div.cont{position:relative;}
*+ html div.cont{position:relative;}
* html div.sub{position:absolute;top:50%;}
*+ html div.sub{position:absolute;top:50%;}
* html div.sub img{position:relative;top:-50%;}
*+ html div.sub img{position:relative;top:-50%;}