html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
figure{text-align:center}
.clear{clear:both}
body{background:#fafafa url(../addimg/bg2.jpg);font:1em/1.5 "MetaSerifProBook",Times,serif;color:#555;text-shadow:#fff 0 1px 1px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
::-moz-selection{background:#ffb7b7}
::selection{background:#ffb7b7}
h1{text-shadow:2px 2px 2px #fff;color:#222;font-family:"AvenirLTStd95Black",Helvetica,Arial,sans-serif;font-weight:normal;text-transform:capitalize}
h2,h3,h4,h5,h6{color:#1b1516;font-family:"AvenirLTStd95Black",Helvetica,Arial,sans-serif;font-weight:normal}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:46px;line-height:50px;margin-bottom:14px}
h2{font-size:35px;line-height:40px;margin-bottom:10px}
h3{font-size:26px;line-height:34px;margin-bottom:8px}
h4{font-size:21px;line-height:30px;margin-bottom:4px}
h5{font-size:21px;line-height:24px}
h6{font-size:14px;line-height:21px}
.subheader{color:#777}
p{margin:0 0 20px 0}
p img{margin:0}
p.lead{font-size:21px;line-height:27px;color:#777}
em{font-style:italic}
strong{font-weight:bold;color:#333}
small{font-size:80%}
blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}
blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}
blockquote cite{display:block;font-size:12px;color:#555}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}
hr{border-top:1px solid #dfdfdf;border-bottom:1px solid #fff;border-width:1px 0 1px 0;clear:both;margin:0}
.ie7 hr {height:2px;}
a,a:visited{color:#0d96cd;text-decoration:none;-moz-transition:.3s color;-webkit-transition:.3s color;-ms-transition:.3s color;-o-transition:.3s color}
a:focus,a:hover{color:#69b8e4}
p a,p a:visited{line-height:inherit}
ul,ol{margin-bottom:20px}
ul{list-style:none outside}
ol{list-style:decimal}
ol,ul.square,ul.circle,ul.disc{margin-left:30px}
ul.square{list-style:square outside}
ul.circle{list-style:circle outside}
ul.disc{list-style:disc outside}
ul ul,ul ol,ol ol,ol ul{margin:4px 0 5px 30px;font-size:90%}
ul ul li,ul ol li,ol ol li,ol ul li{margin-bottom:6px}
li{line-height:18px;margin-bottom:12px}
ul.large li{line-height:21px}
li p{line-height:21px}
img.scale-with-grid{max-width:100%;height:auto}
.sectiontiga3 img{max-width:100%;height:auto}
a.button,button,input[type="submit"],input[type="reset"],input[type="button"]{background:#eee;background:#eee -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));background:#eee -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee -ms-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);background:#eee linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%);border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:4px 12px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);cursor:pointer;margin-bottom:20px;line-height:21px;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif}
a.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{color:#222;background:#ddd;background:#ddd -moz-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3)));background:#ddd -webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd -o-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd -ms-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background:#ddd linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}
a.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{border:1px solid #666;background:#ccc;background:#ccc -moz-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)));background:#ccc -webkit-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc -o-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc -ms-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%);background:#ccc linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%)}
.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}
ul.tabs{display:block;margin:0 0 20px 0;padding:0;border-bottom:solid 1px #ddd}
ul.tabs li{display:block;width:auto;height:30px;padding:0;float:left;margin-bottom:0}
ul.tabs li a{display:block;text-decoration:none;width:auto;height:29px;padding:0 20px;line-height:30px;border:solid 1px #ddd;border-width:1px 1px 0 0;margin:0;background:#f5f5f5;font-size:13px}
ul.tabs li a.active{background:#fff;height:30px;position:relative;top:-4px;padding-top:4px;border-left-width:1px;margin:0 0 0 -1px;color:#111;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}
ul.tabs li:first-child a.active{margin-left:0}
ul.tabs li:first-child a{border-width:1px 1px 0 1px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px}
ul.tabs li:last-child a{-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}
ul.tabs-content{margin:0;display:block}
ul.tabs-content>li{display:none}
ul.tabs-content>li.active{display:block}
ul.tabs:before,ul.tabs:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
ul.tabs:after{clear:both}
ul.tabs{zoom:1}
form{margin-bottom:20px}
fieldset{margin-bottom:20px}
input[type="text"],input[type="password"],input[type="email"],textarea,select{border:1px solid #ccc;padding:6px 4px;outline:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff}
select{padding:0}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}
textarea{min-height:60px}
label,legend{display:block;font-weight:bold;font-size:13px}
select{width:220px}
input[type="checkbox"]{display:inline}
label span,legend span{font-weight:normal;font-size:13px;color:#444}
.remove-bottom{margin-bottom:0!important}
.half-bottom{margin-bottom:10px!important}
.add-bottom{margin-bottom:20px!important}
.container{padding:0;margin:0 auto;width:1200px;position:relative}

ul.simpleTabsNavigation { margin:0 ; padding:0; text-align:center; }
ul.simpleTabsNavigation {font-family:"AvenirLTStd95Black","Arial Black",serif;text-transform:uppercase;display:block;text-shadow:1px 1px 1px #fff;cursor:pointer;font-size:.775em}

ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0 20px 0 0; padding:0; }
ul.simpleTabsNavigation li a:link, ul.simpleTabsNavigation li a:visited{text-decoration:none;padding:0;color:#292929;-moz-transition:.3s color;-webkit-transition:.3s color;-ms-transition:.3s color;-o-transition:.3s color}

ul.simpleTabsNavigation li a:hover {color:#999;padding:0}
ul.simpleTabsNavigation li a.current {color:#c05e03;text-shadow:1px 1px 1px #fff;padding:8px 0}


.simpleTabsContent { border-top:1px solid #E0E0E0; padding:20px 0 0 0; margin-top:3px; display:none; width:100%;}
.simpleTabsContent { display:block; }
/*--------------------*/
#contactForm {padding:0px;width:100%;}
#contactForm fieldset{font-size: 12px; border: none; margin: 10px 0; padding:0; text-align: left; }
#contactForm legend {display:none;}
#contactForm ol {padding:0; margin:0;}
#contactForm li {list-style: none; padding:0;}
#contactForm label {color: #333; display: block; line-height:20px; padding: 10px 0 5px 0; text-align:left; vertical-align:top;font-weight:normal; }
#contactForm label span.required {color: #AB0101; font-weight: bold}
#contactForm input {width: 95%; font-size:1.2em; padding:3px; vertical-align:middle; background: #FFFFFF;border:1px solid #ccc;}
#contactForm textarea {width: 95%; min-height:150px; padding:3px; background: #FFFFFF; font:12px Helvetica, Arial, Verdana, sans-serif;border:1px solid #ccc;}
#contactForm input.submitButton {width:auto; text-align: center; margin: 20px 0}

@media only screen and (min-width:980px) and (max-width:1199px){.container{width:980px;padding:0}
}
@media only screen and (min-width:768px) and (max-width:979px){.container{width:750px}
}
@media only screen and (max-width:767px){.container{width:300px}
}
@media only screen and (min-width:480px) and (max-width:767px){.container{width:440px}
}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
#navi ul{font-family:"AvenirLTStd95Black","Arial Black",serif;text-transform:uppercase;display:block;text-shadow:1px 1px 1px #fff;cursor:pointer;font-size:.775em}
#navi ul a:link,#navi ul a:visited{text-decoration:none;padding:0;color:#292929;-moz-transition:.3s color;-webkit-transition:.3s color;-ms-transition:.3s color;-o-transition:.3s color}
#navi ul a:hover{color:#999;padding:0}
#navi ul a.activeNav{color:#c05e03;text-shadow:1px 1px 1px #fff;padding:8px 0}
#logo{text-align:center}
.sectiontiga{padding:45px 0 41px;text-align:center;font-size:.875em;zoom:1}
.sectiontiga:after{content:"";clear:both;display:block}
.sectiontiga>section{float:left;margin-left:19px;padding-left:20px;border-left:1px dashed #ddd}
.studiosn .sectiontiga>section:nth-child(4) {border:0;margin-left:0;padding:0}
.ie .studiosn .sectiontiga>section + section + section + section {border:0;margin-left:0;padding:0}
.ie .studiosn .sectiontiga>section + section + section + section + section {margin-left:19px;padding-left:20px;border-left:1px dashed #ddd}

.studiosn .sectiontiga>section {margin-bottom:40px;}
.sectiontiga>section:first-child{border:0;margin-left:0;padding:0}
.sectiontiga h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 10px 23px 0;color:#2d1d10;text-align:center}
.sectiontiga p{margin:0 0 21px 0}
.sectiontiga .more{margin:0}
.sectiontiga h4{margin:30px 0 0 0}
.sectiontiga3 h4{margin:30px 0 0 0}

.portfoliosn .sectiontiga3 h2{background:none;}

.sectiontiga3{padding:45px 0 41px;text-align:center;font-size:.875em;zoom:1;}
.sectiontiga3:after{content:"";clear:both;display:block}
.sectiontiga3>section{float:left;margin:0 0 50px 10px;padding:10px;display:block;}
.studiosn .sectiontiga section h4 {
	-moz-transition:.3s color;
	-webkit-transition:.3s color;
	-ms-transition:.3s color;
	-o-transition:.3s color
}
.sectiontiga3 section h5 {
	-moz-transition:.3s color;
	-webkit-transition:.3s color;
	-ms-transition:.3s color;
	-o-transition:.3s color
}
.sectiontiga3 section a:focus>h5,.sectiontiga3 section a:hover>h5 {
	color:#0D96CD;display:block;
}
.studiosn .sectiontiga section a:focus>h4,.studiosn .sectiontiga section a:hover>h4 {
	color:#0D96CD;display:block;
}
.sectiontiga3>.button {
	margin:-140px 0 59px;
	position:relative
}
.post img {-moz-box-shadow: 1px 1px 4px #c3c3c3;
-webkit-box-shadow: 1px 1px 4px #c3c3c3;
-khtml-box-shadow: 1px 1px 4px #c3c3c3;
box-shadow: 1px 1px 4px #c3c3c3;
background-color:#fff;border:6px solid #fff;}
.sectiontiga3 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 10px 23px 0;color:#2d1d10;text-align:center}
.sectiontiga3 h5{padding:0 0 12px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 10px 13px 0;text-align:center}
.sectiontiga3 p{margin:0 0 21px 0}
.sectiontiga3 .more{margin:0}
.responsive{padding:45px 0 41px 0;text-align:center;font-size:.875em;zoom:1}
.responsive>section{float:left;margin-left:19px;padding-left:20px}
.responsive>section:first-child{border:0;margin-left:0;padding:0;}
.responsive:after{content:"";clear:both;display:block}
.responsive h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 10px 23px 0;color:#2d1d10;text-align:center}
.responsive p{margin:0 0 21px 0}
.responsive .more{margin:0}

.responsive2{padding:45px 0 41px 0;text-align:center;font-size:.875em;zoom:1}
.responsive2>section{float:left;margin-left:19px;padding-left:20px}
.responsive2>section:first-child{border:0;margin-left:0;padding:0}
.responsive2:after{content:"";clear:both;display:block}
.responsive2 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 10px 23px 0;color:#2d1d10;text-align:center}
.responsive2 p{margin:0 0 21px 0}
.responsive2 .more{margin:0}
#milestone{position:relative}
#milestone2{padding:0 0 41px;margin:0;text-align:center;font-size:.875em;zoom:1;z-index:2}
#milestone2>section:first-child{border:0;margin-left:0;padding:0}
#milestone2 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 10px 23px 0;color:#2d1d10;text-align:center}
#milestone2 p{margin:0 0 21px 0}
#milestone2 .more{margin:0}
.more>a{font-style:normal;font-family:"AvenirLTStd95Black",sans-serif;display:inline-block;text-transform:capitalize;background: url(../addimg/arrow.png) no-repeat left;padding-left: 8px;}
#introstudio{margin:20px 0 0 0}
#introstudio h1{font:4em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,3px 6px 0 #e7e6e2;margin:0 0 24px 0}
#introstudio h1>span{display:block;font-size:.375em;margin:0 0 25px;text-shadow:none}
.simpleTabsContent h1{font:4em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,3px 6px 0 #e7e6e2;margin:0 0 24px 0}
.simpleTabsContent h1>span{display:block;font-size:.375em;margin:0 0 25px;text-shadow:none}


.introe{margin:0 170px 80px 170px;text-align:center}
.introe>p{margin:0 0 28px}
p.intro{font-size:1.3125em;line-height:1.333;color:#c05e03;margin:0 0 48px 0}
p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
.helloavioc h1{font:4em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,3px 6px 0 #e7e6e2;margin:0 0 54px 0}
.helloavioc h1>span{display:block;font-size:.375em;margin:0 0 45px;text-shadow:none}
#parallax_illustration{display:block;margin:10px 0 0 0;position:relative;overflow:hidden}
#parallax_illustration #parallax_bg{position:absolute;top:-20px;left:-20px;z-index:1}
#footer p{margin:0;color:#aaa}
#footer {background: url(../addimg/greynoise.jpg);padding: 50px 0 30px 0;text-align: left;font: 0.688em/1.3 Arial, serif;text-shadow: 0 1px 1px #222 ;}

html, body {
	height: 100%;
}
#lines {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

#pembatasfoot{width:1200px;float:left}
#footerwidth #logofoot{float:left;margin:0 10px 10px 0;width:123px}
#footerwidth #middlefoot{float:left;margin:0 30px 0 0;width:350px;}
#footerwidth #kananaja p{color:#555;}
#footer a:link,#footer a:visited{color:#fff}
#footer a:hover{color:#666}
.C-des,.C-cre,.C-dev{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.C-des{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#ccc url('../addimg/flourW.png') 2px 1px no-repeat;cursor:default}
.C-des:hover{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background-color:#fb6f14}
.C-cre{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#ccc url('../addimg/mixW.png') 3px 7px no-repeat;cursor:default}
.C-cre:hover{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background-color:#fb6f14}
.C-dev{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#ccc url('../addimg/cupcakeW.png') 2px 0 no-repeat;cursor:default}
.C-dev:hover{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background-color:#fb6f14}
.C-text{margin:20px 0 40px 0;text-align:center;color:#333;}
.C-title{width:100%;margin:40px 0 20px 0;text-align:center}
.C-des1{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#fece09 url('../addimg/b1.png') 2px 1px no-repeat;cursor:default}
.C-des2{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#ec9a18 url('../addimg/b2.png') 2px 1px no-repeat;cursor:default}
.C-des3{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#f35143 url('../addimg/b3.png') 2px 1px no-repeat;cursor:default}
.C-des4{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#9c6ab6 url('../addimg/b4.png') 2px 1px no-repeat;cursor:default}
.C-des5{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#05abdf url('../addimg/b5.png') 2px 1px no-repeat;cursor:default}
.C-des6{width:140px;height:140px;display:block;margin:0 auto;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background:#07c9c7 url('../addimg/b6.png') 2px 1px no-repeat;cursor:default}

figure.left{float:left;margin-right:55px}
figure.right{float:right;margin-left:55px}
.service .row_leader{margin-left:0;clear:left}
.service>ul{margin:0;padding:0;list-style:none;clear:both;zoom:1}
.service>ul:after{content:".";clear:both;display:block;visibility:hidden;height:0}
.service li{float:left;width:375px;margin:0 0 45px 60px;padding:0 0 0 85px;background-repeat:no-repeat}
.service .row_leader{margin-left:0;clear:left}
.simplewidthh {text-align:center;}
.pictureporto2 img {margin:20px 0;}
@media only screen and (min-width:1199px){#lines{background:url(../addimg/lines.png) repeat-x}
.simplewidthh2 {text-align:center;width:60%;margin:0 20%;font-size:1.1em;}
.simplewidthh {text-align:center;width:700px;margin:0 0 0 250px;}
#navi{width:1200px}
#navi ul{margin:-105px auto 0 auto}
#navi li:nth-child(1),#navi li:nth-child(2),#navi li:nth-child(3){float:left;margin:0 100px 0 0}
#navi li:nth-child(4) {float:left;margin:0 0 0 380px;}
#navi li:nth-child(5),#navi li:nth-child(6){float:left;margin:0 0 0 100px;}
.ie #navi li{float:left;margin:0 100px 0 0}
.ie #navi li+li{float:left;margin:0 100px 0 0}
.ie #navi li+li+li{float:left;margin:0 100px 0 0}
.ie #navi li+li+li+li{float:left;margin:0 0 0 380px}
.ie #navi li+li+li+li+li{float:left;margin:0 0 0 100px}
.ie #navi li+li+li+li+li+li{float:left;margin:0 0 0 100px}
header{height:180px}
#parallax_illustration{width:1200px;height:600px}
#parallax_illustration #parallax_beauty{position:absolute;top:25%;left:25%;z-index:9}
.helloavioc{position:absolute;margin:50px 0 0 0;height:550px}
.helloavioc .introe{margin:0 270px 80px 270px;text-align:center}
.helloavioc .introe>p{margin:0 0 58px}
#introstudio .introe{margin:0 270px 80px 270px;text-align:center}
#introstudio .introe>p{margin:0 0 58px}
.portfoliosn .sectiontiga3>section:first-child{width:480px;padding:0;margin:0 200px 0 0;}
.portfoliosn .sectiontiga3>section{width:400px;padding:50px 0 0 0;margin:0;}

.sectiontiga>section{width:370px}
.sectiontiga3>section{width:370px}
.responsive>section{width:790px;}
.responsive>section:first-child{width:370px;}
.responsive>section img {float:right;}
.responsive2>section{width:370px}
.responsive2>section:first-child{width:790px}

.responsive2>section img {float:left;}
#second-slider{display:none}
.C-text {height:50px;}
#milestone2>section{float:left;margin-left:10px;padding-left:10px;width:180px}
#footerwidth{width:1200px;margin:0 auto}
.wedesign{position:absolute;width:260px;top:150px;left:0}
.wedesign h1{font:2em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 24px 0}
.wedesign .introe{margin:0 20px 40px 20px;text-align:center}
.wedesign .introe>p{font-size:.9em;margin:0 0 28px}
.wedesign p.intro{line-height:1.333;color:#c05e03;margin:0 0 38px 0}
.wedesign p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
.wedevelop{position:absolute;width:260px;top:150px;right:0}
.wedevelop h1{font:2em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 24px 0}
.wedevelop .introe{margin:0 20px 40px 20px;text-align:center}
.wedevelop .introe>p{font-size:.9em;margin:0 0 28px}
.wedevelop p.intro{line-height:1.333;color:#c05e03;margin:0 0 38px 0}
.wedevelop p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
#footerwidth #kananaja{float:right;text-align:right}
.blog_item {float: left;
	margin:0 15px 30px 15px;
	padding:0;
	height:300px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background-color:#fff;
	text-align:center;
}
.blog_item a{display: block;position:relative; /*this is the key*/z-index:24;text-decoration:none;}
.blog_item a:hover{z-index:25;}
.blog_item a span{display:block;position:absolute;bottom:0; left:0; width:290px;margin:0 0 20px 20px;
height:100px;padding:20px 20px 0 20px;
background-color:#fff; color:#000;opacity:0.9;font:14px/1.5 Helvetica, arial;font-weight:bold;
text-align: left;}
.blog_item:hover a span{display:block;background-color:orange;}
.blog_item img{	border: 0px solid #eef1f5;
	border-width:0px;background-repeat: no-repeat;
	height:300px;width:370px;
}
.post {text-align:left;}
.post img {float:right;margin:0 0 0 0;}
.post .date {color:#ccc;}
.post p {width:600px;}
}
@media only screen and (min-width:979px) and (max-width:1199px){#lines{background:url(../addimg/lines.png) repeat-x}
#navi{width:980px}
.simplewidthh2 {text-align:center;width:60%;margin:0 20%;font-size:1.1em;}
#navi ul{margin:-105px auto 0 auto}
#navi li:nth-child(1),#navi li:nth-child(2),#navi li:nth-child(3){float:left;margin:0 60px 0 0}
#navi li:nth-child(4) {float:left;margin:0 0 0 360px}
#navi li:nth-child(5),#navi li:nth-child(6){float:left;margin:0 0 0 60px}
.ie #navi li{float:left;margin:0 60px 0 0}
.ie #navi li+li{float:left;margin:0 60px 0 0}
.ie #navi li+li+li{float:left;margin:0 60px 0 0}
.ie #navi li+li+li+li{float:left;margin:0 0 0 360px}
.ie #navi li+li+li+li+li{float:left;margin:0 0 0 60px}
.ie #navi li+li+li+li+li+li{float:left;margin:0 0 0 60px}
header{height:180px}
.C-text {height:50px;}
#parallax_illustration{width:980px;height:490px}
#parallax_illustration #parallax_beauty{position:absolute;top:50px;left:200px;z-index:9}
.helloavioc{position:absolute;margin:50px 0 0 0;height:440px}
.helloavioc .introe{margin:0 240px 80px 240px;text-align:center}
.helloavioc .introe>p{margin:0 0 58px}
#introstudio .introe{margin:0 140px 80px 140px;text-align:center}
#introstudio .introe>p{margin:0 0 58px}
#second-slider{display:none}
#milestone2>section{float:left;margin-left:10px;padding-left:10px;width:145px}
.sectiontiga>section{width:300px}
.portfoliosn .sectiontiga3>section:first-child{width:480px;padding:0;margin:0 80px 0 0;}
.portfoliosn .sectiontiga3>section{width:400px;padding:50px 0 0 0;margin:0;}

.sectiontiga3>section{width:290px;}
.responsive>section{width:640px}
.responsive>section:first-child{width:300px}
.responsive2>section{width:300px}
.responsive2>section:first-child{width:640px}
#footerwidth{width:980px;margin:0 auto}
.wedesign{position:absolute;width:220px;top:130px;left:0}
.wedesign h1{font:2em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 24px 0}
.wedesign .introe{margin:0 10px 40px 10px;text-align:center}
.wedesign .introe>p{font-size:.9em;margin:0 0 28px}
.wedesign p.intro{line-height:1.333;color:#c05e03;margin:0 0 38px 0}
.wedesign p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
.wedevelop{position:absolute;width:220px;top:130px;right:0}
.wedevelop h1{font:2em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 24px 0}
.wedevelop .introe{margin:0 10px 40px 10px;text-align:center}
.wedevelop .introe>p{font-size:.9em;margin:0 0 28px}
.wedevelop p.intro{line-height:1.333;color:#c05e03;margin:0 0 38px 0}
.wedevelop p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
#footerwidth #kananaja{float:right;text-align:right}
.blog_item {float: left;
	margin:0 12px 24px 12px;
	padding:0;
	height:243px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background-color:#fff;
	text-align:center;
}
.blog_item a{display: block;position:relative; /*this is the key*/z-index:24;text-decoration:none;}
.blog_item a:hover{z-index:25;}
.blog_item a span{display:block;position:absolute;bottom:0; left:0; width:213px;margin:0 0 20px 20px;
height:100px;padding:20px 20px 0 20px;
background-color:#fff; color:#000;opacity:0.9;font:14px/1.5 Helvetica, arial;font-weight:bold;
text-align: left;}
.blog_item:hover a span{display:block;background-color:orange;}
.blog_item img{	border: 0px solid #eef1f5;
	border-width:0px;background-repeat: no-repeat;
	height:243px;width:300px;
}
.post {text-align:left;}
.post img {float:right;margin:0 0 0 0;}
.post .date {color:#ccc;}
.post p {width:500px;}
}
@media only screen and (min-width:768px) and (max-width:979px){#lines{background:url(../addimg/lines2.png) repeat-x}
.simplewidthh2 {text-align:center;width:60%;margin:0 20%;font-size:1.1em;}
#logo{width:120px;margin:0 0 0 315px}
#navi{width:750px}
#navi ul{margin:-75px auto 0 auto}
#navi li:nth-child(1),#navi li:nth-child(5){display:none}
#navi li:nth-child(2),#navi li:nth-child(3){float:left;margin:0 50px 0 0}
#navi li:nth-child(4){float:left;margin:0 0 0 370px}
#navi li:nth-child(6){float:left;margin:0 0 0 40px}
.ie #navi li:first-child{display:none}
.ie #navi li+li{float:left;margin:0 50px 0 0}
.ie #navi li+li+li{float:left;margin:0 50px 0 0}
.ie #navi li+li+li+li{float:left;margin:0 0 0 370px}
.ie #navi li:first-child+li+li+li+li{display:none}
.ie #navi li+li+li+li+li+li{float:left;margin:0 0 0 40px}
header{height:120px}
#parallax_illustration{width:750px;height:375px}
#parallax_illustration #parallax_beauty{position:absolute;top:50px;left:100px;z-index:9}
#second-slider{display:none}
#milestone2>section{float:left;margin-left:10px;padding-left:10px;width:105px}
#milestone2 h2{font:1.414em/1.429 "AvenirLTStd95Black",serif}
.helloavioc h1{font:3em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,3px 6px 0 #e7e6e2;margin:0 0 34px 0}
.helloavioc h1>span{display:block;font-size:.375em;margin:0 0 25px;text-shadow:1px 2px 0 #f9f9f7,2px 5px 0 #e7e6e2}
.helloavioc{position:absolute;margin:30px 0 0 0;height:345px}
.helloavioc .introe{margin:0 100px 30px 100px;text-align:center}
.helloavioc .introe>p{margin:0 0 28px}
#introstudio h1{font:3em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,3px 6px 0 #e7e6e2;margin:0 0 34px 0}
#introstudio h1>span{display:block;font-size:.375em;margin:0 0 25px;text-shadow:1px 2px 0 #f9f9f7,2px 5px 0 #e7e6e2}

.simpleTabsContent h1{font:3em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,3px 6px 0 #e7e6e2;margin:0 0 34px 0}
.simpleTabsContent h1>span{display:block;font-size:.375em;margin:0 0 25px;text-shadow:1px 2px 0 #f9f9f7,2px 5px 0 #e7e6e2}

 

#introstudio .introe{margin:0 100px 30px 100px;text-align:center}
#introstudio .introe>p{margin:0 0 28px}
.sectiontiga h2{font:1.314em/1.429 "AvenirLTStd95Black",sans-serif}
.sectiontiga>section{width:220px}
.portfoliosn .sectiontiga3>section:first-child{width:440px;padding:0;margin:0 40px 0 0;}
.portfoliosn .sectiontiga3>section{padding:40px 0 0 0;}

.sectiontiga3>section{width:220px}
.C-text {height:65px;}
.studiosn .sectiontiga h4 {font-size:16px;}
.responsive h2{font:1.314em/1.429 "AvenirLTStd95Black",sans-serif}
.responsive>section{width:490px;}
.responsive>section:first-child{width:220px}
.responsive2 h2{font:1.314em/1.429 "AvenirLTStd95Black",sans-serif}
.responsive2>section{width:220px;}
.responsive2>section:first-child{width:490px;}

#footerwidth{width:750px;margin:0 auto}
.wedesign{position:absolute;width:175px;top:80px;left:0}
.wedesign h1{font:1.5em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 24px 0}
.wedesign .introe{margin:0 10px 40px 10px;text-align:center}
.wedesign .introe>p{font-size:.775em;margin:0 0 28px;line-height:1.5}
.wedesign p.intro{line-height:1.333;color:#c05e03;margin:0 0 38px 0}
.wedesign p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
.wedevelop{position:absolute;width:175px;top:80px;right:0}
.wedevelop h1{font:1.5em/1 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 24px 0}
.wedevelop .introe{margin:0 10px 40px 10px;text-align:center}
.wedevelop .introe>p{font-size:.775em;margin:0 0 28px;line-height:1.5}
.wedevelop p.intro{line-height:1.333;color:#c05e03;margin:0 0 38px 0}
.wedevelop p.intro em{font-style:normal;font-family:"AvenirLTStd95Black",serif}
#footerwidth #kananaja{float:right;text-align:right}
.blog_item {float: left;
	margin:0 10px 24px 10px;
	padding:0;
	height:186px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background-color:#fff;
	text-align:center;
}
.blog_item a{display: block;position:relative; /*this is the key*/z-index:24;text-decoration:none;}
.blog_item a:hover{z-index:25;}
.blog_item a span{display:block;position:absolute;bottom:0; left:0; width:170px;margin:0 0 20px 20px;
height:70px;padding:10px 10px 0 10px;
background-color:#fff; color:#000;opacity:0.9;font:14px/1.5 Helvetica, arial;font-weight:bold;
text-align: left;}
.blog_item:hover a span{display:block;background-color:orange;}
.blog_item img{	border: 0px solid #eef1f5;
	border-width:0px;background-repeat: no-repeat;
	height:186px;width:230px;
}
.post {text-align:left;}
.post img {float:right;margin:0 0 0 20px;}
.post .date {color:#ccc;}
.post p {width:500px;}
}
@media only screen and (max-width:767px){#lines{background:url(../addimg/lines3.png) repeat-x}
.simplewidthh2 {text-align:center;width:80%;margin:0 10%;font-size:1.1em;}
#logo{width:100px;margin:0 0 10px 170px}
#navi{width:450px}
header{height:140px}
#navi ul{margin:0 auto}
#navi li:nth-child(1),#navi li:nth-child(5){display:none}
#navi li:nth-child(2),#navi li:nth-child(3){float:left;margin:0 50px 0 0}
#navi li:nth-child(4),#navi li:nth-child(6){float:left;margin:0 50px 0 0}
.ie #navi li:first-child{display:none}
.ie #navi li+li{float:left;margin:0 50px 0 0}
.ie #navi li+li+li{float:left;margin:0 50px 0 0}
.ie #navi li+li+li+li{float:left;margin:0 50px 0 0}
.ie #navi li:first-child+li+li+li+li{display:none}
.ie #navi li+li+li+li+li+li{float:right;margin:0}
#main-slider{display:none}
ul.simpleTabsNavigation { margin:14px 0 0 0 ; padding:0; text-align:center; }
#second-slider{display:block;margin:10px 0 10px 0}
#parallax_illustration{width:450px;height:225px}
#parallax_illustration #parallax_beauty{position:absolute;top:50px;left:100px;z-index:9;width:300px}
.helloavioc{padding:20px 0 0 0;height:355px}
.helloavioc h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 14px 0}
.helloavioc h1>span{display:block;font-size:.675em;margin:0 0 25px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}
.helloavioc .introe{margin:0 10px 30px 10px;text-align:center}
.helloavioc .introe>p{font-size:.875em;margin:0 0 28px}
#introstudio h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 14px 0}
#introstudio h1>span{display:block;font-size:.675em;margin:0 0 25px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}
.simpleTabsContent h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 14px 0}
.simpleTabsContent h1>span{display:block;font-size:.675em;margin:0 0 25px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}


#introstudio .introe{margin:0 10px 30px 10px;text-align:center}
#introstudio .introe>p{font-size:.875em;margin:0 0 28px}
.wedesign{padding:20px 0 0 0}
.wedesign h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 5px 0}
.wedesign .introe{margin:0 10px 10px 10px;text-align:center}
.wedesign .introe>p{font-size:.875em;margin:0 0 18px}
.wedevelop{padding:20px 0 0 0}
.wedevelop h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 5px 0}
.wedevelop .introe{margin:0 10px 10px 10px;text-align:center}
.wedevelop .introe>p{font-size:.875em;margin:0 0 18px}
.sectiontiga{padding:35px 10px 31px 10px;text-align:center;font-size:.875em;zoom:1}
.sectiontiga:after{content:"";clear:both;display:block}
.sectiontiga>section{float:left;margin-left:0;padding-left:0;border-left:0;margin-bottom:60px;width:430px}
.sectiontiga>section:first-child{border:0;margin-left:0;padding:0}
.sectiontiga h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.sectiontiga p{margin:0 0 21px 0}
.sectiontiga .more{margin:0}
.sectiontiga3{padding:35px 10px 31px 10px;text-align:center;font-size:.875em;zoom:1}
.sectiontiga3:after{content:"";clear:both;display:block}
.sectiontiga3>section{float:left;margin-left:0;padding-left:0;border-left:0;margin-bottom:60px;width:430px}
.sectiontiga3 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.sectiontiga3 p{margin:0 0 21px 0}
.sectiontiga3 .more{margin:0}

.responsive h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.responsive>section{width:450px;margin-left:0;padding-left:0;border-left:0}
.responsive>section:first-child{width:450px}
.responsive2 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.responsive2>section{width:450px}
.responsive2>section:first-child{width:450px;margin-left:0;padding-left:0;border-left:0;}
#footerwidth{width:450px;margin:0 auto}
#footerwidth #kananaja{float:left;text-align:left}
.blog_item {float: left;
	margin:0 0 30px 15px;
	padding:0;
	height:300px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background-color:#fff;
	text-align:center;
}
.blog_item a{display: block;position:relative; /*this is the key*/z-index:24;text-decoration:none;}
.blog_item a:hover{z-index:25;}
.blog_item a span{display:block;position:absolute;bottom:0; left:0; width:290px;margin:0 0 20px 20px;
height:100px;padding:20px 20px 0 20px;
background-color:#fff; color:#000;opacity:0.9;font:14px/1.5 Helvetica, arial;font-weight:bold;
text-align: left;}
.blog_item:hover a span{display:block;background-color:orange;}
.blog_item img{	border: 0px solid #eef1f5;
	border-width:0px;background-repeat: no-repeat;
	height:300px;width:370px;
}
.post {text-align:left;}
.post img {margin:0 0 20px 0px;}
.post .date {color:#ccc;}
.post p {width:400px;}
}
@media only screen and (min-width:480px) and (max-width:767px){#lines{background:url(../addimg/lines3.png) repeat-x}
.simplewidthh2 {text-align:center;font-size:1.1em;width:100%;margin:0;}
#logo{width:100px;margin:0 0 10px 170px}
#navi{width:470px;}
header{height:140px}
#navi ul{margin:0 auto}
#navi li:nth-child(1),#navi li:nth-child(5){display:none}
#navi li:nth-child(2),#navi li:nth-child(3){float:left;margin:0 30px 0 20px}
#navi li:nth-child(4){float:left;margin:0 30px 0 20px}
#navi li:nth-child(6){margin:0 0 0 20px;}
.ie #navi li:first-child{display:none}
.ie #navi li+li{float:left;margin:0 50px 0 0}
.ie #navi li+li+li{float:left;margin:0 50px 0 0}
.ie #navi li+li+li+li{float:left;margin:0 50px 0 0}
.ie #navi li:first-child+li+li+li+li{display:none}
.ie #navi li+li+li+li+li+li{float:left;margin:0}
#main-slider{display:none}
#second-slider{display:block;margin:10px 0 40px 0}
#parallax_illustration{width:450px;height:225px}
#parallax_illustration #parallax_beauty{position:absolute;top:50px;left:100px;z-index:9;width:300px}

.helloavioc{padding:20px 0 0 0;height:356px}
.helloavioc h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 14px 0}
.helloavioc h1>span{display:block;font-size:.675em;margin:0 0 15px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}
.helloavioc .introe{margin:0 30px 30px 30px;text-align:center}
.helloavioc .introe>p{font-size:.875em;margin:0 0 28px}

#introstudio h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 14px 0}
#introstudio h1>span{display:block;font-size:.575em;margin:0 0 15px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}
.simpleTabsContent h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 14px 0}
.simpleTabsContent h1>span{display:block;font-size:.575em;margin:0 0 15px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}


#introstudio .introe{margin:0 10px 20px 10px;text-align:center}
#introstudio .introe>p{font-size:.875em;margin:0 0 28px}

.wedesign{padding:80px 0 0 0;height:296px}
.wedesign h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 5px 0}
.wedesign .introe{margin:0 30px 10px 30px;text-align:center}
.wedesign .introe>p{font-size:.875em;margin:0 0 18px}
.wedevelop{padding:80px 0 0 0;height:296px}
.wedevelop h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 5px 0}
.wedevelop .introe{margin:0 30px 10px 30px;text-align:center}
.wedevelop .introe>p{font-size:.875em;margin:0 0 18px}
.sectiontiga{padding:35px 10px 31px 10px;text-align:center;font-size:.875em;zoom:1}
.sectiontiga:after{content:"";clear:both;display:block}
.sectiontiga>section{float:left;margin-left:0;padding-left:0;border-left:0;margin-bottom:60px;width:430px}
.sectiontiga>section:first-child{border:0;margin-left:0;padding:0}
.sectiontiga h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.sectiontiga p{margin:0 0 21px 0}
.sectiontiga .more{margin:0}
.sectiontiga3{padding:35px 10px 31px 10px;text-align:center;font-size:.875em;zoom:1}
.sectiontiga3:after{content:"";clear:both;display:block}
.sectiontiga3>section{float:left;margin-left:0;padding-left:0;border-left:0;margin-bottom:60px;width:430px}

.sectiontiga3 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.sectiontiga3 p{margin:0 0 21px 0}
.sectiontiga3 .more{margin:0}
.responsive {position:relative;}
.responsive h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.responsive>section{width:450px;margin-left:0;padding-left:0;border-left:0;}
.responsive>section:first-child{width:450px;margin:260px 0 0 0;}
.responsive>section:last-child{margin:0;position:absolute;} 
.responsive2 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.responsive2>section{width:450px;margin-left:0;padding-left:0;border-left:0;}
.responsive2>section:first-child{width:450px;margin:0 0 20px 0;}

#footerwidth{width:450px;margin:0 auto}
#footerwidth #kananaja{float:left;text-align:left}
.blog_item {float: left;
	margin:0 0 30px 15px;
	padding:0;
	height:300px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background-color:#fff;
	text-align:center;
}
.blog_item a{display: block;position:relative; /*this is the key*/z-index:24;text-decoration:none;}
.blog_item a:hover{z-index:25;}
.blog_item a span{display:block;position:absolute;bottom:0; left:0; width:290px;margin:0 0 20px 20px;
height:100px;padding:20px 20px 0 20px;
background-color:#fff; color:#000;opacity:0.9;font:14px/1.5 Helvetica, arial;font-weight:bold;
text-align: left;}
.blog_item:hover a span{display:block;background-color:orange;}
.blog_item img{	border: 0px solid #eef1f5;
	border-width:0px;background-repeat: no-repeat;
	height:300px;width:370px;
}
.post {text-align:left;}
.post img {margin:0 0 20px 0px;}
.post .date {color:#ccc;}
.post p {width:400px;}
}
@media only screen and (max-width:479px){#lines{background:url(../addimg/lines3.png) repeat-x}
.simplewidthh2 {text-align:center;font-size:1.1em;width:100%;margin:0;}
#logo{width:100px;margin:0 0 10px 105px}
#navi{width:320px}
#navi ul{margin:0 auto;font-size:.658em}
#navi li:nth-child(1),#navi li:nth-child(5){display:none}
#navi li:nth-child(2),#navi li:nth-child(3){float:left;margin:0 27px 0 0}
#navi li:nth-child(4){float:left;margin:0 27px 0 0}
#navi li:nth-child(6){margin:0}
.ie #navi li:first-child{display:none}
.ie #navi li+li{float:left;margin:0 27px 0 0}
.ie #navi li+li+li{float:left;margin:0 27px 0 0}
.ie #navi li+li+li+li{float:left;margin:0 27px 0 0}
.ie #navi li:first-child+li+li+li+li{display:none}
.ie #navi li+li+li+li+li+li{float:left;margin:0}
header{height:140px}
#main-slider{display:none}
#parallax_illustration{width:320px;height:160px}
#parallax_illustration #parallax_beauty{position:absolute;top:20px;left:50px;z-index:9;width:200px}
#second-slider{display:block;margin:10px 0 40px 0}
.helloavioc{padding:20px 0 0 0;height:236px}
.helloavioc h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 4px 0}
.helloavioc h1>span{display:block;font-size:.475em;margin:0 0 5px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}
.helloavioc .introe{margin:0 10px 10px 10px;text-align:center}
.helloavioc .introe>p{font-size:.775em;margin:0 0 18px}

#introstudio{padding:10px 0 0 0;}
#introstudio h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 4px 0}
#introstudio h1>span{display:block;font-size:.475em;margin:0 0 5px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}
.simpleTabsContent h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;text-shadow:1px 2px 0 #f9f9f7,2px 4px 0 #e7e6e2;margin:0 0 4px 0}
.simpleTabsContent h1>span{display:block;font-size:.475em;margin:0 0 5px;text-shadow:1px 2px 0 #f9f9f7,1px 3px 0 #e7e6e2}


#introstudio .introe{margin:0 10px 10px 10px;text-align:center}
#introstudio .introe>p{font-size:.775em;margin:0 0 18px}

.wedesign{padding:20px 0 0 0;height:236px}
.wedesign h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 5px 0}
.wedesign .introe{margin:0 30px 10px 30px;text-align:center}
.wedesign .introe>p{font-size:.875em;margin:0 0 18px}
.wedevelop{padding:20px 0 0 0;height:236px}
.wedevelop h1{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;color:#2d1d10;text-align:center;margin:0 0 5px 0}
.wedevelop .introe{margin:0 30px 10px 30px;text-align:center}
.wedevelop .introe>p{font-size:.875em;margin:0 0 18px}
.sectiontiga{padding:35px 10px 31px 0;text-align:center;font-size:.875em;zoom:1}
.sectiontiga:after{content:"";clear:both;display:block}
.sectiontiga>section{float:left;margin-left:0;padding-left:0;border-left:0;margin-bottom:60px;width:300px}
.sectiontiga>section:first-child{border:0;margin-left:0;padding:0;width:300px}
.sectiontiga h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.sectiontiga p{margin:0 0 21px 0}
.sectiontiga .more{margin:0}
.sectiontiga3{padding:35px 10px 31px 0;text-align:center;font-size:.875em;zoom:1}
.sectiontiga3:after{content:"";clear:both;display:block}
.sectiontiga3>section{float:left;margin-left:0;padding-left:0;border-left:0;margin-bottom:60px;width:300px}

.sectiontiga3 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.sectiontiga3 p{margin:0 0 21px 0}
.sectiontiga3 .more{margin:0}
.responsive {position:relative;}
.responsive h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.responsive>section{width:300px;margin-left:0;padding-left:0;border-left:0}
.responsive>section:first-child{width:300px}
.responsive>section:first-child{width:300px;margin:180px 0 0 0;}
.responsive>section:last-child{margin:0;position:absolute;}
.responsive2 h2{font:1.714em/1.429 "AvenirLTStd95Black",sans-serif;text-transform:uppercase;padding:0 0 22px 0;background:url(../addimg/line.gif) no-repeat bottom;margin:0 0 23px 0;color:#000;text-align:center}
.responsive2>section{width:300px;margin-left:0;padding-left:0;border-left:0}
.responsive2>section:first-child{width:300px;margin:0 0 20px 0;}
#footer{padding:40px 0 60px 0}
#footerwidth{width:300px;margin:0 auto}
#footerwidth #kananaja{float:left;text-align:left}
.blog_item {float: left;
	margin:0 0 24px 0;
	padding:0;
	height:243px;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background-color:#fff;
	text-align:center;
}
.blog_item a{display: block;position:relative; /*this is the key*/z-index:24;text-decoration:none;}
.blog_item a:hover{z-index:25;}
.blog_item a span{display:block;position:absolute;bottom:0; left:0; width:210px;margin:0 0 20px 20px;
height:100px;padding:20px 20px 0 20px;
background-color:#fff; color:#000;opacity:0.9;font:14px/1.5 Helvetica, arial;font-weight:bold;
text-align: left;}
.blog_item:hover a span{display:block;background-color:orange;}
.blog_item img{	border: 0px solid #eef1f5;
	border-width:0px;background-repeat: no-repeat;
	height:243px;width:300px;
}
.post {text-align:left;}
.post img {margin:0 0 20px 0px;}
.post .date {color:#ccc;}
.post p {width:300px;}
}

ul#kananajas {list-style:none;margin:0;padding:0;}
#kananajas li {display:inline;margin:0 5px 0 0 ;border-right:1px solid #ccc;padding:0 5px 0 0;}
#kananajas li:last-child {border:none;}
#porto-slider {-webkit-box-shadow:0 0 12px rgba(0,0,0,1);
-moz-box-shadow:0 0 12px rgba(0,0,0,1);
box-shadow:0 0 12px rgba(0,0,0,1);margin:0 0 60px 0;padding:0;}
#porto-slider .slides li {margin:0;padding:0;}
.porttext {font-size:14px;color:#333;}
/* cupid blue (inspired by okcupid.com)
*******************************************************************************/
/* minimal
*******************************************************************************/
button.minimal {
  background: #e6892b;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #fff;
  font:  14px "Lucida Grande", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 12px 0 13px;
  text-align: center;
  text-shadow: 0 1px 0 #222;
  width: 190px; }
  button.minimal:hover {
    background: #637373; border: none;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;

    cursor: pointer; }
  button.minimal:active {
    background: #4c5757;
    -webkit-box-shadow: inset 0 0 1px 1px #333;
    -moz-box-shadow: inset 0 0 1px 1px #333;
    box-shadow: inset 0 0 1px 1px #333;
     }
.responsive .first {text-align:center;}
.lefttext h2, .lefttext {text-align:left;}

.pagination {margin:0 0 20px 0;}
.pagination strong {font-family:"AvenirLTStd95Black",Tahoma, sans-serif;padding:5px 10px;text-decoration:none;
-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;color:#c05e03;font-size:12px;}
.pagination a:link, .pagination a:visited {font-family:"AvenirLTStd95Black",Tahoma, sans-serif;padding:5px 10px;text-decoration:none;
-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;color:#333;font-size:12px;}
	
.pagination a:hover {color:#999;text-shadow:none;}