/*
COLORS =>
	Blue: #0076C0
	Green: #99CC66
*/


/* OVERALL */
html,body{background:#93deb7 url(../images/bg_body_nav.jpg) 0 0 repeat-x; font-family:Helvetica, sans-serif;}
p{color:#4d4d4d; font-size:12px; line-height:1.4em; margin:0 0 1.8em 0;}
p strong{font-weight:bold;}

#logo{float:left; margin-bottom:10px;}

h1{color:#4d4d4d; font-family:Helvetica, sans-serif; font-size:36px; text-transform:uppercase; margin:10px 20px 0 20px; font-weight:300; clear:both;}
h1.home{font-size:50px;}
h1 strong{font-weight:bold;}
h2{margin:0 0 15px 0; font-size:18px; font-weight:bold; color:#333;}
h3{color:#4d4d4d; font-size:18px; text-transform:uppercase;margin:0 0 10px 0;}
h3 strong{font-weight:bold;}
h4{color:#4d4d4d; font-family:Helvetica, sans-serif; font-size:24px; padding:25px 0 25px 0; margin:8px 0 0 0; line-height:32px;}

a:link,a:visited{color:#0076C0;}
a:hover,a:active{text-decoration:none; outline:none;}
a:focus{-moz-outline-style: none;}

ul.list li {color:#4D4D4D; font-size:12px; margin:5px 15px; padding-left:3px; line-height:1.4em; line-height:1.4em; list-style:circle;}

#container{width:960px;margin:0 auto;}

/* NAV */
#nav{float:right; margin:86px 10px 0 0; line-height:13px;}
#nav li{float:left;}
#nav a{display:block; color:#deeeca; font-family:Helvetica, sans-serif; font-size:12px; padding:26px 20px; text-decoration:none; text-transform:lowercase;}
#nav a strong{display:block; text-transform:uppercase; font-weight:bold;}
#nav a:hover{color:#ffffff; padding:30px 20px 22px;}
#nav li.active a{background:transparent url(/img/bg_nav_hover.png); color:#ffffff;}
#nav li.active a:hover{padding:26px 20px;}

/* CONTENT */
#content hr{background:transparent url(../images/bg_divider.png) top center no-repeat; border:0; height:3px; margin: 0 0 30px 0; clear:both;}
#content hr.alt{background-image:url(../images/bg_divider_alt.png);}
.left{float:left;}
.right{float:right;}
.align-right{text-align:right;}
.clear{clear:both;}
.center{text-align:center;}

.two-col{width:448px; position:relative;}
.two-col-small{width:290px;}
.two-col-large{width:610px;}
.two-col.left,.two-col-small.left{margin-left:20px;}
.home-page-intro {color:#4d4d4d; font-family:Helvetica, sans-serif; font-size:18px; line-height:29px;}
.home-page-intro strong{color:#0076C0; font-size:24px;}
.about-page-intro {color:#4d4d4d; font-family:Helvetica, sans-serif; font-size:18px; line-height:29px; margin:0 20px 30px;}
.about-page-intro strong{color:#0076C0; font-size:24px;}

.two-col.right,.two-col-large.right{margin-right:20px;}
.three-col.middle{margin-left:20px !important;}

blockquote{background:transparent url(/img/bg_quotes_blue.png) 0 3px no-repeat; padding:0 0 0 30px;}
blockquote:hover{background-image:url(/img/bg_quotes_green.png);}
.two-col-small p{margin-right:20px;}

img.mixed-logo{float:left; margin:0 8px 8px 0;}
img.founders{float:right; border:10px solid #fff; margin:0 0 8px 8px;}


#partnerships li strong{display:block; font-weight:bold;}
#partnerships li{background:transparent url(/img/bg_badge_blue.png) 9px 1px no-repeat; padding:0 0 0 28px; font-size:12px; margin-bottom:15px; color:#4d4d4d; line-height:1.4em;}
#partnerships li:hover{background-image:url(/img/bg_badge_green.png);}

/* SERVICES */
.ui-tabs-hide{display:none;}
.ui-widget-content span{background-color:#fff; padding:10px 10px 6px 10px; margin-right:15px; float:left;}
.ui-widget-content span.last{margin:0;}
.ui-widget-content img{border:1px solid #4d4d4d;}
.ui-widget-content h2{padding:20px 0 10px; clear:left;}
.ui-corner-bottom, .ui-corner-top, .ui-corner-all{-moz-border-radius:0; -webkit-border-radius:8; border-radius:0;}
.ui-widget-content{background:transparent; border:none;}
.ui-tabs, .ui-tabs .ui-tabs-nav{padding:0;}
.ui-widget-header{background:none; border:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active{border:none; background:transparent url(/img/sprites.png) 0px 0px no-repeat; padding:0;}
.ui-tabs .ui-tabs-nav li.ui-state-hover,.ui-tabs .ui-tabs-nav li:hover{background-position:0 -65px;}
.ui-state-default, .ui-widget-content .ui-state-default{border:none; background:transparent url(/img/sprites.png) 0px -32px no-repeat;}
#service-tabs ul li{float:left; width:287px; height:32px; overflow:hidden;}
.ui-tabs .ui-tabs-nav li{margin:0 0 6px 0;}
.ui-tabs .ui-tabs-nav li a{color:#333; font-size:16px; font-weight:normal; padding:6px 9px; display:block; width:210px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:#fff; width:270px;}

.back a{float:left; background:transparent url(/img/sprites.png) -357px -33px no-repeat; width:168px; height:25px; padding-top:7px; text-align:center; color:#fff; text-decoration:none;}
.back a:hover{background-position:-357px -65px;}
.back img{border:1px solid #999; margin:15px 0; float:left;}

/* HOMEPAGE WORK */
#screenshots{overflow:hidden; height:280px; width:410px; float:left; margin:0 18px; position:relative;}
#screenshots li{background-color:#fff; padding:10px 0; float:left; position:relative; overflow:hidden;}
.karmic_flow_slider{overflow:hidden; position:relative;}
.karmic_flow_sliding .karmic_flow_slide_overflow{overflow:hidden;}

.screenshots-work{overflow:hidden; height:340px; width:448px; float:left; margin:0; position:relative;}
.screenshots-work li{background-color:#fff; padding:10px 0; float:left; position:relative; overflow:hidden; text-align:center;}
.screenshots-work li img{border:1px solid #4d4d4d;}
.screenshot-controllers{float:left; margin:10px 0; padding:3px 10px; background-color:#fff; width:428px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.screenshot-controllers p{float:left; margin:0; font-size:16px; color:#333; font-weight:bold;}
.screenshot-controllers a{padding:2px; background-color:#99CC66; color:#fff; font-size:16px; float:right; text-decoration:none; width:16px; height:18px; margin-left:6.5px; text-align:center;}
.screenshot-controllers a.karmic_flow_controller_selected,.screenshot-controllers a:hover{background-color:#0076C0;}
.screenshot-controllers a.karmic_flow_prev_controller{background:transparent url(/img/sprites.png) -230px -349px no-repeat;}
.screenshot-controllers a.karmic_flow_prev_controller:hover{background-position:-230px -371px;}
.screenshot-controllers a.karmic_flow_next_controller{background:transparent url(/img/sprites.png) -252px -349px no-repeat;}
.screenshot-controllers a.karmic_flow_next_controller:hover{background-position:-252px -371px;}

a.blue-arrow{background:transparent url(/img/sprites.png) 0 -99px no-repeat; color:#ffffff; float:left; width:341px; display:block; text-decoration:none; text-align:center; text-transform:uppercase; padding:9px 2px 8px 0; font-size:14px; margin:25px 52px 25px 52px; line-height:0;}
a.blue-arrow:hover{color:#000000;background-position:0 -131px;}
a.blue-arrow strong{font-weight:bold;}
a#check-out-work{position:absolute; top:0; right:35px; background:transparent url(/img/sprites.png) 0 -335px no-repeat; text-indent:-9999px; width:126px; height:63px;}
a#check-out-work:hover{background-position:0 -404px;}
a#left-arrow{position:absolute; background:transparent url(/img/sprites.png) -155px -335px no-repeat; width:30px; height:36px; top:100px; left:-2px;}
a#left-arrow:hover{background-position:-155px -373px;}
a#right-arrow{position:absolute;background:transparent url(/img/sprites.png) -200px -335px no-repeat; width:30px; height:36px; top:100px; right:0;}
a#right-arrow:hover{background-position:-200px -373px;}


.three-col{width:288px; position:relative;}
#twitter-feed{background:transparent url(/img/sprites.png) 0 -165px no-repeat; color:#4d4d4d; position:absolute; width:276px; height:140px; font-size:12px; text-decoration:none; padding:10px 8px 10px 8px;}
.three-col .socialize{position:absolute; top:120px; left:80px;}
.three-col.left{margin:0 28px 0 0;}
.three-col .socialize a{float:left; width:32px; height:32px; margin-right:7px;}
.three-col.right p {margin-bottom:0.8em;}
a#twitter-icon-lg{text-indent:-9999px; background:transparent url(/img/sprites.png) 0 -470px no-repeat;}
a#twitter-icon-lg:hover{background-position:0 -503px;}
a#skype-icon-lg{text-indent:-9999px; background:transparent url(/img/sprites.png) -33px -470px no-repeat;}
a#skype-icon-lg:hover{background-position:-33px -503px;}
a#gtalk-icon-lg{text-indent:-9999px; background:transparent url(/img/sprites.png) -66px -470px no-repeat;}
a#gtalk-icon-lg:hover{background-position:-66px -503px;}


/* WORK PAGE */
p.services{font-size:16px; color:#333; font-weight:bold; margin-bottom:5px;}
a.green-arrow{background:transparent url(/img/sprites.png) -202px -440px no-repeat; padding:2px 19px;}


/* CONTACT PAGE */
#world-map{background:transparent url(/img/worldmap.png) 0 0 no-repeat; float:left; width:401px; height:224px; position:relative;}
#world-map img{margin:0;}
#world-map span{position:absolute; width:18px; height:18px; cursor:pointer;}
#world-map span.ar{top:65px; left:78px;}
#world-map span.tn{top:67px; left:96px;}
#world-map span.nz{top:170px; left:365px;}

#address-ar, #address-tn, #address-nz{position:absolute; top:323px; left:26px; width:268px; height:114px; background:transparent url(/img/sprites.png) -258px -468px no-repeat; display:none;}
#address-tn{top:323px; left:36px;}
#address-nz{top:427px; left:307px;}
#address-ar h6, #address-tn h6, #address-nz h6{text-transform:uppercase; color:#99CC66; font-weight:bold; margin:27px 17px 0; font-size:14px;}
#address-ar p, #address-tn p, #address-nz p{margin:0 0 0 17px; font-size:11px;}

#address{margin-bottom:50px;}
#address h4{font-size:14px; padding:0; font-style:italic;}
#address p{margin:5px 0;}
#address p strong{margin-right:10px;}

form label{display:block; font-size:14px; font-weight:bold; color:#4d4d4d;}
form label.checkbox{margin:10px 0; font-size:12px; font-weight:normal;}
form label.checkbox input{margin-right:10px;}
form div.checkboxes{margin-bottom:20px;}
form input.text{border:1px solid #B3B3B3; padding:7px; width:440px; margin:5px 0 20px; color:#4d4d4d; font-size:14px;}
form input.text:focus{border:2px solid #0076C0; padding:6px;}
form textarea.text{border:1px solid #B3B3B3; padding:7px; width:440px; height:100px; margin:5px 0 20px; color:#4d4d4d; font-size:14px;}
form textarea.text:focus{border:2px solid #0076C0; padding:6px;}
form input.invalid,form textarea.invalid{border:2px solid #900; padding:6px;}
form input.valid,form textarea.valid{border:2px solid #99CC66; padding:6px;}
form p.error-msg{display:none; color:#900; font-style:italic; border:1px solid #B3B3B3; padding:10px 20px;}
p.success-msg{display:none; color:#0076C0; font-size:16px; }
form input#btnSubmit{float:right; background:transparent url(/img/sprites.png) -358px -99px no-repeat; width:166px; height:32px; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-size:16px;}
form input#btnSubmit:hover{background-position:-358px -131px;}


/* BLOG YEH */
#blog-categories,#blog-archives{margin-bottom:50px;}
#blog-categories li,#blog-archives li{float:left; width:130px;}
#blog-categories li a,#blog-archives li a{font-size:12px; padding:7px; text-decoration:none; display:block;}
#blog-categories li a:hover,#blog-archives li a:hover{color:#fff;}
#blog-categories li a{background:transparent url(/img/bg_divider.png) left bottom repeat-x;}
#blog-archives li a{background:transparent url(/img/bg_divider_alt.png) left bottom repeat-x;}
.wp-caption{background:#f3f3f3; text-align:center; padding:10px 0 6px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.wp-caption p{margin:0; font-size:10px;}
.alignright{float:right; margin:0 0 15px 15px;}
.post p.info,.comment p.info{margin:0 0 8px;}
.post h2{margin-bottom:8px;}
.post h3{font-size:14px;}
.post em{font-style:italic;}
.post div.indent{margin:0 20px;}
#blog .post ul,#blog .post ol{margin:0 1em 1em 1em; padding:0;}
#blog .post ul li,#blog .post ol li{list-style-type:disc; padding:0.2em 0.5em 0.7em 0; margin:0; font-size:12px; color:#4D4D4D;}
#commentform .internal-left{float:left; width:290px;}
#commentform .internal-right{float:right; width:290px;}
#commentform input.text,#commentform textarea.text{width:270px; margin-bottom:10px;}
#commentform textarea.text{height:136px;}



/* FOOTER */
.footer{background:#ffffff; font-size:12px; width:100%; margin:40px 0; padding:15px 10px 0px 30px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.footer p{margin:0;float:left;}
.footer strong.name{text-transform:uppercase; color:#5a3f8b; font-size:14px; margin:0;}
.footer strong{margin:0 7px 0 15px;}
.footer a.icon{float:right; width:22px; height:22px; margin:-4px 0 0 4px;}
a#twitter-icon{text-indent:-9999px; background:transparent url(/img/sprites.png) 0 -537px no-repeat;}
a#twitter-icon:hover{background-position:0 -560px;}
a#skype-icon{text-indent:-9999px; background:transparent url(/img/sprites.png) -23px -537px no-repeat;}
a#skype-icon:hover{background-position:-23px -560px;}
a#gtalk-icon{text-indent:-9999px; background:transparent url(/img/sprites.png) -46px -537px no-repeat;}
a#gtalk-icon:hover{background-position:-46px -560px;}



/* Fixes */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

.hbr1 { width:750px; float:right; }
.hbr2 { width:250px; float:left; margin-left:-20px; }
 .button {  display: block; border: 1px solid #0281ac; text-decoration: none; padding: 5px 20px 5px 20px; background-color: #fff; width:70px;  font-weight: bold; }