* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	color:#333;
	font:12px arial,sans-serif;
	background:#fff;
}
a {
	text-decoration:underline;
	color:#000;
}
a:hover {text-decoration:none;}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{margin-left:1px;}
ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
@font-face {
	font-family:"calibri-webfont";
	src: url('../fonts/calibri-webfont.eot');
	src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/calibri-webfont.woff') format('woff'),
		url('../fonts/calibri-webfont.ttf') format('truetype'),
		url('../fonts/calibri-webfont.svg#calibri-webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"calibrii-webfont";
	src: url('../fonts/calibrii-webfont.eot');
	src: url('../fonts/calibrii-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/calibrii-webfont.woff') format('woff'),
		url('../fonts/calibrii-webfont.ttf') format('truetype'),
		url('../fonts/calibrii-webfont.svg#calibrii-webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"calibrib-webfont";
	src: url('../fonts/calibrib-webfont.eot');
	src: url('../fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/calibrib-webfont.woff') format('woff'),
		url('../fonts/calibrib-webfont.ttf') format('truetype'),
		url('../fonts/calibrib-webfont.svg#calibrib-webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"myriadpro-semiboldit-webfont";
	src: url('../fonts/myriadpro-semiboldit-webfont.eot');
	src: url('../fonts/myriadpro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/myriadpro-semiboldit-webfont.woff') format('woff'),
		url('../fonts/myriadpro-semiboldit-webfont.ttf') format('truetype'),
		url('../fonts/myriadpro-semiboldit-webfont.svg#myriadpro-semiboldit-webfont') format('svg');
	font-weight:normal;
	font-style:normal;
}
* {font-size: 100.01%;}
html {font-size: 62.5%;}
body{
	margin:0;
	color:#210f36;
	font:1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	min-width:1003px;
	background:url(../images/bg-body.jpg) repeat-x;
}
img{border-style:none;} 
a{
	text-decoration:underline;
	color:#210f36;
}
a:hover{text-decoration:none;}
input, textarea, select{
	font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper {
	overflow:hidden;
	position:relative;
	width:100%;
}
/* header */
.skip a{
 position:absolute;
 right:0;
 top:auto;
 width:1px;
 height:1px;
 overflow:hidden;
 color:gray;
 text-decoration:none;
}
.skip a:focus{
 position:static;
 width:auto;
 height:auto;
}
#header {width:100%;}
#header:after,
.header-holder:after {	content:"";	display:block;	clear:both;}
.header-holder {
	margin:0 auto;
	width:968px;
	padding:0 0 11px;
}
/* logo */
.logo {
	background:url("../images/logo.png") no-repeat;
	float:left;
	width:233px;
	height:52px;
	overflow:hidden;
	text-indent:-9999px;
	margin: 27px 0 0 15px;
	padding: 0;
}
.logo a {
	display:block;
	height:100%;
}
/* main navigation */ 
#nav li,
#nav ul li,
#nav ul ul li {
	list-style-position:outside;
	list-style:none;
}
#nav {
	float:right;
	position:relative;
	z-index:10;
}
#nav > ul {
	margin: 0 -22px 0 0;
	padding: 17px 0 2px;
	list-style:none;
	float:right;
	font:1.4em/1em "calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#nav > ul > li {
	position:relative;
	float:left;
	padding: 6px 0 4px 2px;
	background:url("../images/separator-green.gif") no-repeat 0 9px;
}
#nav > ul > li:first-child {background:none;}
#nav > ul > li > a {
	color:#2e1d41;
	text-decoration:none;
	padding: 6px 6px 3px 4px;
}
#nav > ul > li > a:hover,
#nav > ul > li:hover > a,
#nav > ul > li.active > a {background:url(../images/bg-nav.jpg) repeat;}
#nav > ul > li > ul{
	position:absolute;
	left:2px;
	top:31px;
	margin: 0;
	padding: 4px 0 0;
	list-style:none;
	min-width:90px;
	background:url(../images/bg-nav.jpg) repeat;
	display:none;
	font:1em/1em "calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#nav > ul > li:hover > ul {display:block;}
#nav > ul ul li{
	display:block;
	background:url(../images/bullet-line.gif) no-repeat 2px 11px;
	padding: 0 5px 0 17px;
	height:1%;
	position:relative;
}
#nav > ul ul a {
	white-space:nowrap;
	color:#96ae94;
	padding:0;
	text-decoration:none;
}
#nav > ul ul a:hover,
#nav > ul ul li:hover a,
#nav > ul ul li.active {
	font-weight:bold;
}
#nav > ul ul ul {
	margin: 0;
	padding: 5px 0 0;
	list-style:none;
	min-width:90px;
	background:url(../images/bg-nav.jpg) repeat;
	display:block;
	font:1em/1em "calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#nav > ul > li:hover > ul > li:hover > ul {
	display:block;
}
#nav > ul ul ul li {
	background:url(../images/bullet.png) no-repeat 17px 2px;
	padding: 0 5px 0 32px;
}
#nav > ul ul ul li a {
	font-weight:normal !important;
}
#nav > ul ul ul li a:hover {
	font-weight:bold !important;
}
/* main */
#main {
	overflow:hidden;
	width:100%;
}
.heading-block {
	overflow:hidden;
	width:100%;
	background:url(../images/bg-dark-line.jpg) repeat-x;
}
.heading-block .frame {
	overflow:hidden;
	margin:0 auto;
	width:968px;
	height:84px;
}
.heading-block .frame h1 {
	margin: 19px 0 0 44px;
	color:#8aa889;
	font:3.067em/1em "calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* breadcrumbs  */
.breadcrumbs-holder {
	overflow:hidden;
	margin:0 auto;
	width:925px;
	padding:0 0 0 43px;
}
.breadcrumbs, 
.breadcrumbs li {
	list-syule-position:outside;
	list-style:none;
}
.breadcrumbs {
	overflow:hidden;
	margin:0 !important;
	padding:3px 0 18px !important;
	list-style:none;
	width:100%;
	color:#333;
}
.breadcrumbs li{
	float:left !important;
	background: url(../images/breadcrumbs-devider.png) no-repeat left 6px;
	margin: 0 0 0 -26px;
	padding: 0 32px 0 26px !important;
	color:#8ca88a;
}
.breadcrumbs a{text-decoration:none;}
.breadcrumbs a:hover {text-decoration:underline;}
/* carousel */
.carousel-block {
	margin:0 auto;
	width:968px;
	padding: 0;
}
.carousel-block:after{	content:"";	display:block;	clear:both;}
.carousel-holder {
	overflow:hidden;
	width:987px;
	margin:0 -19px 0 0;
}
.carousel {
	height:393px;
	margin: 0;
	padding: 0 34px 0 7px;
	width: 948px;
	position:relative;
	overflow:hidden;
	z-index:9;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}
.carousel .frame {
	overflow:hidden;
	padding:0;
	position:relative;
	width:9999px;
}
.carousel .frame ul, 
.carousel .frame li {
	list-syule-position:outside;
	list-style:none;
}
.carousel .frame ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 15px;
	position: relative;
	width: 99999px;
}
.carousel .frame li {
	float: left;
	border:1px solid #210f36;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	height: 376px;
	margin: 0 49px 0 0;
	width: 936px;
	box-shadow: 2px 4px 6px #202020; 
	-webkit-box-shadow: 2px 4px 6px #787878;
	-moz-box-shadow: 2px 4px 6px #787878;
}
.carousel .frame li:first-child {margin-left:10px;}
.carousel .frame li img {
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}
.carousel .previous,
.carousel .next {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.carousel .previous {
	background:url("../images/sprite.png") no-repeat -39px 0;
	width:15px;
	height:64px;
	position:absolute;
	top: 146px;
	left: 2px;
}
.carousel .next {
	background:url("../images/sprite.png") no-repeat 0 0;
	width:14px;
	height:63px;
	padding:16px 20px 23px 0;
	position:absolute;
	top:131px;
	right:0;
}
.carousel .next a {
	display:block;
	width:14px;
	height:63px;
}
/* portfolio */
#main .items {
	width:100%;
	background:url(../images/bg-dark-line.jpg) repeat-x 0 105px;
	font-family:"calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.items .holder {
	margin:0 auto;
	width:853px;
	padding: 0 0 0 115px;
}
.items:after,
#main .items:after {	content:"";	display:block;	clear:both;}
.items .big,
.items .small {
	border:2px solid #8a8888;
	margin:0 17px 0 0;
	position:relative;
	float:left;
	box-shadow: 2px 2px 4px #535353; 
	-webkit-box-shadow: 2px 2px 4px #535353;
	-moz-box-shadow: 2px 2px 4px #535353;
	text-decoration:none;
}
.items .big:hover span,
.items .small:hover span {color:#8ca88a;}
.items .small img {
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
}
.items .small {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	width:198px;
	height:210px;
	margin-top:37px;
}
.items .big img {
	border-radius: 27px;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
}
.items .big {
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	width:300px;
	height:317px;
}
.items .small span {
	position:absolute;
	bottom:0px;
	left:0;
	text-align:center;
	width:196px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.111em;
	text-decoration:none;
	padding: 13px 2px 19px 1px;
	border-radius: 0 0 18px 18px;
	-moz-border-radius: 0 0 18px 18px;
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	background:url(../images/bg-white-transparetn.png) repeat;
}
.items .big span {
	position:absolute;
	bottom:0;
	padding: 5px 2px 10px;
	left:0;
	text-align:center;
	width:296px;
	overflow:hidden;
	font-size:2.533em;
	line-height:1.184em;
	border-radius: 0 0 26px 26px;
	-moz-border-radius: 0 0 26px 26px;
	-webkit-border-bottom-left-radius: 26px;
	-webkit-border-bottom-right-radius: 26px;
	background:url(../images/bg-white-transparetn.png) repeat;
}
/* content */
#content {
	overflow:hidden;
	width:100%;
}
#content .columns-box {
	overflow:hidden;
	margin:0 auto;
	width:894px;
	padding:12px 0 35px 74px;
	font-family:"calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content .columns-box h2 {
	margin: 0 0 11px 0;
	text-align:center;
	font:2.8em/1.08em "myriadpro-semiboldit-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content .columns-box p {
	margin:0;
	font-size:0.8em;
	line-height:1.25em;
}
#content .col {
	float:left;
	width:242px;
	margin-right: 52px;
	text-align:justify;
}
#content .holder {
	overflow:hidden;
	margin:0 auto;
	width:880px;
	padding: 1px 44px 100px 44px;
}
#content .holder h2 {
	margin:0;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#011d77;
	line-height:1.133em;
	font-size:1em;
}
#content .holder p {
	line-height: 17px;
	margin: 0 0 19px;
}
#content .holder ul, 
#content .holder li {
	list-syule-position:outside;
	list-style:none;
}
#content .holder ul {
	list-style:none;
	margin: 0 0 15px 29px;
	padding: 0 0 0;
	line-height:17px;
}
#content .holder li {padding: 0 0 1px;}
#content .block {
	overflow:hidden;
	margin:0 auto;
	width:870px;
	padding:6px 49px 43px 49px;
}
#content .block p {
	margin:0 0 38px;
	font-size:1em;
	line-height:1.14em;
}
#content .block h2 {
	display:block;
	margin:0 0 25px -5px;
	font-size:1em;
	line-height:1em;
	font-weight:bold;
	color:#26143a;
}
#content .block h3 {
	margin:0 0 2px 0;
	color:#003e72;
	font-size:1em;
	line-height:1em;
}
/* products (our-works) */
.our-works {
	overflow:hidden;
	width:100%;
	padding:0 0 52px;
}
.our-works .holder {
	overflow:hidden;
	margin:0 auto;
	width:968px;
}
.our-works h3 {
	color:#8ca88a;
	font:normal 1.4em/1em Arial, Helvetica, sans-serif;
	background:url(../images/heading-bg.gif) repeat-x 0 22px;
	margin: 0 26px 16px 22px;
	padding: 0 0 5px 2px;
}
.products-box {
	overflow:hidden;
	width:100%;
	padding: 0 0 0 22px;
}
.product {
	width:205px;
	height:209px;
	float:left;
	margin: 0 35px 0 0;
}
.product a {
	display:block;
	position:relative;
	width:205px;
	height:209px;
	text-decoration:none;
	cursor:pointer;
}
.product a:hover div {background:none;}
.product img {
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	margin:2px 0 0 2px;
}
.product a div {
	position:absolute;
	bottom:0px;
	left:0;
	overflow:hidden;
	width:202px;
	height:205px;
	background:url(../images/bg-white-transparetn.png) repeat;
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border:2px solid #8a8888;
}
.product a div span  {
	bottom:2px;
	left:2px;
	position:absolute;
	text-align:center;
	font:1.2em/1.111em "calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#28163c;
	color:#fff;
	border-radius: 0 0 22px 22px;
	-moz-border-radius: 0 0 22px 22px;
	-webkit-border-bottom-left-radius: 22px;
	-webkit-border-bottom-right-radius: 22px;
	padding: 18px 2px 9px;
	width:194px;
}
.product a:hover span {
	background:url(../images/bg-green-transparent.png) repeat;
	color:#210f36;
}
/* footer */
#footer {
	overflow:hidden;
	width:100%;
}
.footer-block{
	overflow:hidden;
	width:100%;
	background:url(../images/bg-lilac.gif) repeat-x;
	font-family:"calibri-webfont", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.footer-holder {
	overflow:hidden;
	margin:0 auto;
	width:968px;
}
#footer .box{
	height:47px;
	width:947px;
	overflow:hidden;
	padding: 14px 0 0 21px;
	color:#fff;
}
#footer .frame {
	float:right;
	margin: 0 13px 0 0;
	width:84px;
}
.social-networks, 
.social-networks li {
	list-syule-position:outside;
	list-style:none;
}
.social-networks {
	padding:0;
	list-style:none;
	overflow:hidden;
	margin: 0 0 4px 0;
}
.social-networks li {
	float:left;
	margin:0 0 0 2px;
	height:25px;
	width:26px;
}
.social-networks a {
	overflow:hidden;
	height:25px;
	width:26px !important;
	text-indent:-9999px;
	font-size:0 !important;
	line-height:0 !important;
	display:block !important;
	margin:0 !important;
}
.linkedin {background:url(../images/sprite.png) no-repeat -61px 0;}
.twitter {background:url(../images/sprite.png) no-repeat -95px 0;}
.facebook {background:url(../images/sprite.png) no-repeat -129px 0;}
#footer .frame p {
	text-align:right;
	font-size:0.8em;
	line-height:1.167em;
	margin: 0 3px 0 0;
}
#footer .box span {
	font-size:1.733em;
	line-height:1em;
	float:left;
	color:#fff !important;
	margin: 2px 0 0 0;
	position:relative;
}
#footer .box a.site-link {
	font-size:1.667em;
	line-height:1em;
	color:#fff;
	float:left;
	text-decoration:none;
	margin: 3px 0 0 185px;
}
#footer .box a:hover {text-decoration:underline;}
#footer .container {
	width:100%;
	overflow:hidden;
	padding-bottom:66px;
}
/* add navigation */
#footer .container > ul {
	margin: 12px 0 0 49px;
	padding:0;
	list-style:none;
	float:left;
	font-size:1.4em;
	line-height:1em;
}
#footer .container > ul > li {
	margin:0 0 0 31px;
	float:left;
	position:relative;
}
#footer .container > ul > li:first-child {
	margin:0;
}
#footer .container  > ul > li > a,
#footer .container > ul ul a {text-decoration:none;}
#footer .container  > ul > li > a:hover,
#footer .container > ul ul a:hover {text-decoration:underline;}
#footer .container ul ul {
	margin: 0 0 0 2px;
	padding:3px 0 0;
	list-style:none;
	overflow:hidden;
	font-size:0.571em;
	line-height:1.4em;
}
#footer .container > ul ul li {
	display:block;
}
#footer .container ul li {
	list-style-position:outside;
	list-style:none;
}
/* contact information */
#footer .container address {
	padding:0;
	font-style:normal;
	font-size:1.4em;
	line-height:1.19em;
	float:right;
	text-align:right;
	margin: 7px 8px 0 0;
}
#footer .container address a {text-decoration:none;}
#footer .container address a:hover {text-decoration:underline;}
.search {
	float:left;
	margin: 12px 0 0 39px;
}
.search .text {
	background: url(../images/bg-text-search.gif) no-repeat;
	width: 122px;
	height: 21px;
	float:left;
	overflow: hidden;
	padding:0 2px;
}
#text-search {
	background: none;
	border: 0;
	float: left;
	margin: 0;
	font-size:0.9em;
	line-height:1.2em;
	padding: 2px 2px 0 2px;
	width: 118px;
}
.search label {
	font-size: 1.4em;
	line-height: 1em;
	float:left;
	margin: 0 1px 0 0;
}

/*============================== impl update ===============================*/
.carousel .prev a{
    background: url("../images/sprite.png") no-repeat scroll -39px 0 transparent;
    height: 64px;
    left: 2px;
    position: absolute;
    top: 146px;
    width: 15px;
}
.carousel .prev a, .carousel .next {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
#footer .frame {
    width: 112px;
}
a.gplus {
text-indent: 0;
}


.carousel .pagenav-prev a {
    background: url("../images/sprite.png") no-repeat scroll -39px 0 transparent;
    height: 64px;
    left: 2px;
    position: absolute;
    top: 146px;
    width: 15px;
}
.carousel .pagenav-prev a, .carousel .pagenav-next a {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.carousel .pagenav-next a {
    background: url("../images/sprite.png") no-repeat scroll 0 0 transparent;
    height: 63px;
    padding: 16px 20px 23px 0;
    position: absolute;
    right: 0;
    top: 131px;
    width: 14px;
}
.search {
    float: left;
    margin: 12px 0 0 31px;
}