html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0; margin:0; padding:0}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}

.container{padding-left:20px; padding-right:20px}

.row{width:100%; max-width:1140px; min-width:755px; margin:0 auto; overflow:hidden}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
	clear: none;
}

.row .onecol{width:4.85%}

.row .twocol{
	width: auto
}

.row .threecol{width:22.05%}

.row .fourcol{width:30.75%}

.row .fivecol{width:39.45%}

.row .sixcol{width:48%}

.row .sevencol{width:56.75%}

.row .eightcol{width:65.4%}

.row .ninecol{width:74.05%}

.row .tencol{width:82.7%}

.row .elevencol{width:91.35%}

.row .twelvecol{width:100%; float:left}

.last{margin-right:0px}

img, object, embed{max-width:100%}

img{height:auto}

img a{outline:none}

img a:focus{-moz-outline-style:none}

a{border:none; border:0; outline:none}

a:focus{-moz-outline-style:none}

html, body{margin:0; padding:0; height:100%}

@font-face{    font-family: 'SansationRegular';     src:url('../sansation/sansation_regular-webfont.eot');     src:url('../sansation/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../sansation/sansation_regular-webfont.woff') format('woff'),         url('../sansation/sansation_regular-webfont.ttf') format('truetype'),         url('../sansation/sansation_regular-webfont.svg#SansationRegular') format('svg');     font-weight:normal;     font-style:normal}

body{color:#2f2d2d; font-size:15px; line-height:1.5; font-family: "SansationRegular",Arial,"Helvetica Neue",sans-serif; line-height:16px; word-wrap:break-word; background:#2f2d2d url(../../tea_aspaz_due/img/background-tile1.png) repeat scroll center top}

li{margin-bottom:6px}
blockquote{border-left:1px solid #c1c1c1; color:#747474; padding-left:15px; margin-left:-15px}
section h1{font-size:20px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; line-height:22px; font-style:normal}

footer h1{padding-left:20px; font-size:20px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; line-height:22px; font-style:normal}

section section h1{font-size:20px; line-height:22px; margin-top:5px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; font-style:normal}
section section h4{
	font-size: 20px;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: "SansationRegular",Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #262525;
	font-style: normal;
	text-align: right;
	text-shadow: 1px 1px 1px #B8A57B;
	
}

section h2{font-size:16px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; line-height:16px; font-style:normal}
section section h2{font-size:16px; line-height:16px; margin-top:5px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; font-style:normal}

section h3{font-size:16px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; line-height:16px; font-style:normal; margin-left:20px}
section section h3{font-size:16px; line-height:16px; margin-top:5px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; font-style:normal; margin-left:20px}

a img{border:none}
a{color:#938055; text-decoration:none; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out}
a:hover{color:#666; text-decoration:none}
img{max-width:100% -webkit-transition:-webkit-transform 0.550s ease-in-out}
.share{position:relative; padding-top:20px; height:120px; width:185px}
.share ul{display:block; height:120px; list-style:none}
.share ul li{position:absolute; bottom:0; margin:0; display:table-cell; vertical-align:bottom; height:100%}
.share li.plusone{left:0}
.share li.twitter{left:60px}
.share li.facebook{left:126px}
section#content{width:100%; margin:auto; padding:auto; border-bottom:#000 solid 1px}

ul.contact{  list-style-type:none;   padding-top:10px;   text-align:right}
ul.contact p{  list-style-type:none;   padding-top:10px;   text-align:right}
ul.contact li.email{  background:url('../img/email.png') no-repeat;   line-height:30px;   padding-left:40px}

ul.contact li.phone{  background:url('../img/phone1.png') no-repeat;   line-height:31px;   padding-left:40px}

ul.contact li.location{  background:url('../img/location1.png') no-repeat;   line-height:30px;   padding-left:40px}
v
ul.contactinfo{  list-style-type:none;   padding-top:10px}

ul.contactinfo li.email{  background:url('../img/email.png') no-repeat;   line-height:30px;   padding-left:40px}

ul.contactinfo li.phone{  background:url('../img/phone1.png') no-repeat;   line-height:30px;   padding-left:40px}

ul.contactinfo li.location{  background:url('../img/location1.png') no-repeat;   line-height:30px;   padding-left:40px}
ul.contactinfo li.vcard{  background:url('../img/vcard.png') no-repeat;   line-height:30px;   padding-left:40px}

ul.projects{  list-style-type:none;   padding-top:10px}

ul.projects li{  line-height:30px;   padding-left:16px}

ul.projects li.active{  background:url('../img/active.png') no-repeat;   line-height:30px;   padding-left:16px}

header{position:absolute; width:100%; z-index:9999; border:none; height:auto}

section#logo{margin:30px 0 0 20px; padding:0; border:none; height:auto}

header img{max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out}
h1.logo{display:none}

header a.logo{background:fce380; no-repeat scroll 0 0 transparent; display:block; width:300px; height:74px; border:none}
header a.logo{position:relative; display:block}
header a.logo span{position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:transparent; left bottom no-repeat !important}
h1.logo{display:none}

nav{text-align:right; center:0; margin:40px 0 0 0; padding:0; border:none; height:auto}

nav ul{top:15px; margin:0; list-style:none; list-style-type:none}
nav ul li{display:inline; margin-right:30px}
nav ul li:last-child{margin-right:0px}
nav a{font-size:16px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; line-height:22px; text-decoration:none}
nav a{color:#938055; -webkit-transition:color .8s ease-in-out; -o-transition:color .8s ease-in-out; -moz-transition:color .8s ease-in-out; transition:color .8s ease-in-out}
nav a:hover{color:#fff}

footer{width:100%; margin:0; padding:10px 0 30px 0; color:#fff; text-align:center; border-top:rgba(255,255,255,0.15) solid 1px; background:url(../img/footer-bg.png) no-repeat scroll center bottom transparent}

footer section.container{color:#fff; text-align:left}

footer h2{font-size:16px; margin-bottom:5px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; color:#938055; line-height:16px; font-style:normal}

footer p{margin-top:5px; font-family:"SansationRegular"}

img, object, embed{max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out}

.social{padding:40px 0 10px 0}
.social img{max-width:100% -webkit-transition:-webkit-transform 0.550s ease-in-out}

.social a.facebook, 
.social a.facebook span{height:23px; background:url(../img/social-facebook.png) center top no-repeat}
.social a.twitter, 
.social a.twitter span{height:26px; background:url(../img/logo_tea_asp.png) center top no-repeat}
.social a.linkedin, 
.social a.linkedin span{height:30px; background:url(../img/social-linkedin.png) center top no-repeat}

.social a{position:relative; display:block}
.social a span{position:absolute; display:block; width:100%; top:0; left:0; background-position:center bottom !important}

.up{position:relative; display:block}
.up span{position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:url(../../font/img/up.html) left bottom no-repeat !important}

.copyright{margin:30px 0 90px 0}

label.error{display:block; color:red; font-size:11px; font-weight:bold}
form#FormViewForm fieldset{padding:0 40px 10px 20px; margin:0 auto; border:none; text-align:left}
form#FormViewForm input[type="email"]{margin:3px 0 0 0; padding:6px; width:100%; font-family:arial,sans-serif; font-size:12px; border:3px solid #3e4044; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
form#FormViewForm textarea{width:100%; height:82px}
form#FormViewForm label{display:block; font-size:13px; color:#FFF; margin-left:5px; font-weight:bold}
form#FormViewForm label.error{width:100%; margin:3px 0 0 0; display:block; color:#938055; font-size:11px; text-align:right}
form#FormViewForm .placeholder{color:#aaa}
form#FormViewForm .button{display:inline-block; margin:5px 0 0 10px; padding:5px 0 5px 0; background-color:#938055; border:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-appearance:none; border-radius:3px; width:100%}
form#FormViewForm .button:hover{background-color:#82714b; cursor:pointer}
form#FormViewForm .button:active{background-color:#2c2d30; cursor:pointer}

form#enquiry fieldset{padding:0 20px 20px 20px; margin:0 auto; border:0; text-align:left}
form#enquiry input[type="text"], input[type="url"], input[type="email"], input[type="tel"], textarea{margin:3px 0 0 0; padding:6px; width:100%; font-family:arial,sans-serif; font-size:12px; border:3px solid #d6cfbe; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-appearance:none; border-radius:3px}
form#enquiry textarea{width:100%; height:82px}
form#enquiry label{display:block; font-size:13px; color:#2c2d30; margin-top:10px; margin-left:5px; font-weight:bold}
form#enquiry label.error{width:100%; margin:3px 0 0 0; display:block; color:#938055; font-size:11px; text-align:right}
form#enquiry .placeholder{color:#aaa}
form#enquiry .button{display:inline-block; margin:5px 0 0 10px; padding:5px 0 5px 0; background-color:#938055; border:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-appearance:none; border-radius:3px; width:100%}
form#enquiry .button:hover{background-color:#82714b; cursor:pointer}
form#enquiry .button:active{background-color:#2c2d30; cursor:pointer}

.work{background:#F4DE6F; border-bottom:solid 1px #000; padding-top:100px}

.work p{color:#333; font-size:16px; font-family:"SansationRegular"}

.work ul{font-size:16px; font-family:"SansationRegular"}
.work ul iconlist 
{
list-style: none;
margin: 0;
padding: 0;
}
.work li.icon
{
background-image: url(../img/bullet.png);
background-repeat: no-repeat;
background-position: 2% 50%;
padding: 3px 0 3px 47px;
margin: .6em 7px;
}
.work li.iconi
{
background-image: url(../img/bullet.png);
background-repeat: no-repeat;
background-position: 2% 50%;
padding: 3px 0 3px 47px;
margin: .6em 7px;
}

.workaholic li{color:#333; font-size:16px; font-family:"SansationRegular"}

.twelvecol{text-align:center}

#slider{background:#fcfbf7}

.asyncslider_container{list-style:none; margin:0px; padding:0px}

.asyncslider_container li{margin:0 auto; padding:0 20px; max-width:1100px}

.slide-01{background:#F4DF72 url(../img/bg30.jpg) no-repeat center; height:500px}

.asyncslider_container .left{float:left; padding-top:160px; max-width:100%}

.asyncslider_container .right{float:left; padding-top:190px; text-align:right}
.asyncslider_container .rightone{float:right; padding-top:240px; padding-right:400px; text-align:right}

.asyncslider_container .right h1{color:#fcfbf7; font-size:45px; margin:0px; padding-top:40px; padding-bottom:20px}

.asyncslider_container .right p{color:#938055; font-family:Arial; font-size:21px; line-height:1.6}
.asyncslider_container .rightone h1{color:#fcfbf7; font-size:45px; margin:0px; padding-top:40px; padding-bottom:20px}

.asyncslider_container .rightone h2{color:#938055; font-family:Arial; font-size:21px; line-height:1.6; text-align:justify}

.slide-02{background:#F4DF72 url(../img/bg30.jpg) top center; height:500px}

.slide_options{float:right; padding-top:10px; padding-bottom:10px; position:relative; width:400px}

.slide_options_text{float:left; position:relative; margin-left:120px; padding-top:190px}

.slide_options_text h1{color:#fcfbf7; font-size:45px; margin:0px; padding-top:40px; padding-bottom:20px}

.slide_options_text p{color:#fcfbf7; font-family:Arial; font-size:18px; line-height:1.6}
 
.slide_options img{position:absolute; top:0px; left:0px}

.slide_options .opt1{left:200px; top:160px}

.slide_options .opt2{left:-40px; top:180px}

.slide_options .opt3{left:50px; top:140px}

.slide-03{background:#F4DF72 url(../img/bg30.jpg) no-repeat center; height:500px}

.markup{float:left; padding-top:160px; max-width:100%}

.javascript{float:left; padding-top:160px; text-align:left}

.asyncslider_container .javascript h1{color:#fcfbf7; font-size:45px; margin:0px; padding-top:40px; padding-bottom:20px}

.asyncslider_container .javascript p{color:#fcfbf7; font-family:Arial; font-size:18px; line-height:1.6}

.clear{clear:both}

#asyncslider_slides_nav{list-style:none}

#asyncslider_slides_nav li a{display:block; color:#FFF; text-indent:-9999px; width:26px; height:25px}

#asyncslider_slides_nav li{display:inline-block; margin-right:5px; width:22px; height:22px; background:url(../img/slider-off1.png)}

#asyncslider_slides_nav li.active{display:inline-block; width:22px; height:22px; background:url(../img/slider-on1.png); cursor:pointer}

#asyncslider_next_prev_nav{list-style:none}

#asyncslider_next_prev_nav li a{display:block; color:#FFF; text-indent:-9999px; width:28px; height:28px}

#asyncslider_next_prev_nav .next a{background:url(../img/arrow-right1.png)}

#asyncslider_next_prev_nav .prev a{background:url(../img/arrow-left1.png)}

.auto_switcher{display:block; float:right; margin-right:leftpx; font-size:11px; line-height:1; padding:8px; text-align:center}

.auto_switcher .on{display:inline-block; width:22px; height:22px; background:url(../img/pause1.png)}

.auto_switcher .off{display:inline-block; width:22px; height:22px; background:url(../img/play1.png)}

#slider_buttons_env{text-align:center}

#tablet{display:none}

@media only screen and (max-width:1023px){body{font-size:0.8em; line-height:1.5em}

.row, body, .container{width:100%; min-width:0; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px}

#desktop{display:none}

#tablet{display:block}

nav{text-align:right; center:0; margin:40px 20px 0 0; padding:0; border:none; height:auto}

#about .fourcol, #contact .fourcol{padding-left:20px; padding-right:20px}

}

@media handheld, only screen and (max-width:767px){body{font-size:16px; -webkit-text-size-adjust:none}

.row, body, .container{width:100%; min-width:0; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px}

.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol{width:auto; float:none; margin-left:0px; margin-right:0px; padding-left:20px; padding-right:20px}

.last{padding-left:0; padding-right:20px; margin-left:0; margin-right:20px}

.row .eightcol, .eightcol.last{width:100%; float:none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px}

section#logo{float:none; position:relative; text-align:center; padding:15px 0 15px 0; margin:0}

nav{text-align:center; center:0; margin:0; padding:0; border:none; height:auto}

nav ul{top:15px; margin:0; list-style:none; list-style-type:none}
nav ul li{display:block}
nav ul li:last-child{margin:0px}
nav a{font-size:18px; font-family:"SansationRegular",Arial,Helvetica,sans-serif; font-weight:normal; line-height:50px; text-decoration:none}
nav a{color:#2c2d30; -webkit-transition:color 1s ease-in-out; -o-transition:color 1s ease-in-out; -moz-transition:color 1s ease-in-out; transition:color 1s ease-in-out}
nav a:hover{color:#938055}

nav{float:none; position:relative; text-align:center; padding:0; margin:0}

nav{padding-left:0; margin-left:0; border-bottom:1px solid gray; width:100%}

nav ul{list-style:none; margin:0; padding:0; border:none}

nav li{list-style:none; margin:0; border-top:1px solid gray}

nav li a{text-decoration:none}

nav ul{ list-style-type:none;  padding-top:10px}

nav ul li{ line-height:60px}

nav ul li.active{ line-height:60px}

header{text-align:center; position:relative; background:#fff; top:auto; left:auto; padding:10px 0 0 0; width:100%}

header a.logo{text-align:center; margin:0 auto}
header img{max-width:100%; -webkit-transition:-webkit-transform 0.550s ease-in-out}
nav{position:relative; top:auto; right:auto; width:100%; text-align:center; padding:0; padding-top:15px; margin:0 auto}
nav ul{float:none; top:auto; text-align:center; padding:0; margin:0 auto}
nav ul li{float:nonepadding:0; margin:0 auto}
#slider{display:none}

#slider_buttons_env, .auto_switcher{display:none}

.social.fourcol{padding:10px 0 10px 0}

.work{background:#fff; border-bottom:solid 1px #000; padding-top:20px}

a.fwa{position:fixed; z-index:999; float:top left}
}

}

@media only screen and (-webkit-min-device-pixel-ratio:2){html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}

}
p{font-size:small; font-style:normal; line-height:normal; font-weight:normal; font-variant:normal; text-transform:none; color:#FFC; text-decoration:none}