/*
Theme Name: Zo!
Author: Zo! Creative
Author URI: http://zo-creative.com/
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* Global and header
----------------------------------------------- */

body { padding: 0; background-color: #191919; }
#bg{position: absolute; width: 100%; min-width: 980px; height: 1000px; z-index: -10; overflow: hidden;}
#bg.loading{background: url(images/loading.gif) no-repeat center center;}
.bgbody{position: absolute; display: block; margin: 0 auto; width: 100%; overflow: hidden; top: 160px;}
#bg img{width: 1600px;}
#bgimg{display: block; float: left; text-align: center;}
ul a{text-decoration: none;}
#overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;background-color: #000;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#page { margin: 0 auto; min-width: 980px; width: 100%; font-family: 'Nunito', sans-serif; background-color: transparent; }
#headerline{ width: 100%; height: 10px; background-color: #282828;}
#zoheader{ width: 980px; margin: 0 auto; overflow: hidden; }
#logo{ background-color: #282828; display: block; float: left; width: 170px; height: 144px; padding: 0 40px 0 80px; -moz-border-radius: 0 0 144px 144px; -khtml-border-radius: 0 0 144px 144px; -webkit-border-radius: 0 0 144px 144px; border-radius: 0 0 144px 144px;}

#headermsg{display: none; position: absolute;overflow: hidden;color: #fff; font-size: 15px; font-weight: 300; margin-left: 320px; margin-top: 0; width: 600px; height: 35px;padding: 0 20px;background-color: #282828;-moz-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.headermsg-body{display: none;overflow: hidden;}
.headermsg-body .gbutton{margin-top: 5px;}
.headermsg-oneline{display: block; float: left; width: 550px;padding-top: 10px;padding-bottom: 2px;}
.headermsg-twolines{display: block; float: left; width: 550px;padding-bottom: 2px;}
.headermsg-body .headermsg-who{font-weight: 700;}
.headermsg-body a{color: #ade42b; text-decoration: none; font-weight: 700;}
.headermsg-body a:hover{color: #8bb32c;}

#menuprimary{ padding-top: 50px; float: left; overflow: hidden; }
#menuprimary ul{ list-style: none; overflow: hidden;}
#menuprimary ul li{ list-style: none; float: left; margin: 10px; text-align: center;}
#menuprimary ul li a{display: block;color: #282828;font-size: 16px; font-weight: 700;padding: 8px 0; text-align: center;width: 100px;background-color: #ade42b;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
#menuprimary ul li a:hover{filter: alpha(opacity=100);-moz-opacity: 1.0;-khtml-opacity: 1.0;opacity: 1.0;}
#joinsearch{float: right;width: 180px; padding: 40px 10px 0 0;}
.jsbutton{float: left;font-size: 16px; margin: 5px;}
.jsbutton a{display: block;background-color: #282828; color: #ade42b; text-decoration: none;width: 80px; padding: 8px 0; text-align: center;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#jssearch{float: left; background-color: #282828; color: #ade42b; font-size: 16px; width: 160px; margin: 5px; padding: 5px; text-align: center;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#s{background-color: #282828; border: 0; margin-top: 5px; width: 130px;float: left; color: #ade42b;font-size: 15px;}
#jssubmit{background-image: url(images/search_icon.png);background-repeat: no-repeat; background-color: #282828; display: block;height: 28px;padding: 0;width: 20px;float: right;}
.hidden{display: none !important;}
.bold{font-weight: 700; float: left;}
.cbold{font-weight: 700;}
.green{color: #ade42b;}
.dgreen{color: #688A1C;}
.grey{color: #565656;}
.gbutton{display: block; background-color: #ade42b;color: #282828;float: right;width: 20px; height: 18px;font-size: 16px; padding-top: 2px; text-align: center;-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;margin-left: 5px;cursor: pointer;}

/* Footer
----------------------------------------------- */
#footline{width: 100%; overflow: hidden; background-color: #ade42b; color: #282828; padding: 8px 0;}
#footlinetxt{width: 980px; margin: 0 auto; overflow: hidden;font-size: 20px;}
#zofooter{ width: 980px; margin: 0 auto; overflow: hidden; color: #565656; padding: 15px 0; }
#footmiddle{font-size: 16px;overflow: hidden;}
#footmiddle h1{color: #898989; font-size: 17px;padding-bottom: 10px;}
#footcontact{display: block; float: left; width: 180px;}
#footaddr{font-size: 12px;font-weight: 300;}
#footnrs{font-size: 13px;font-weight: 300;}
#fcontactus{font-size: 16px; font-weight: 700;padding-top: 10px;cursor: pointer;}
#fsubscribeus{font-size: 16px; font-weight: 700;padding-top: 10px;cursor: pointer;}
#menubottom{overflow: hidden;display: block; float: left; width: 550px;}
#menubottom ul{overflow: hidden;}
#menubottom .menu li{display: block; float: left;}
#menubottom .menu li#menu-item-124{width: 150px;}
#menubottom .menu li#menu-item-125{width: 120px;}
#menubottom .menu li#menu-item-126{width: 140px;}
#menubottom .menu li#menu-item-127{width: 140px;}
#menubottom .menu li a{color: #ade42b; font-size: 16px;font-weight: 700;}
#menubottom .menu li .gmenuitem{color: #ade42b; font-size: 16px;font-weight: 700;} 
#menubottom .sub-menu{padding-top: 2px;}
#menubottom .sub-menu li{display: block; float: left; width: 150px;}
#menubottom .sub-menu li a{color: #565656; font-size: 12px;font-weight: 300;}
#menubottom .sub-menu li a:hover{color: #898989;}
#footsocial{width: 250px; display: block; float: right;}
#footsocial h1{font-weight: 700;}
#socials img{width: 20px; height: 21px;}
.fb-like-box{padding-bottom: 10px;}
#footthinline{width: 100%; height: 1px; overflow: hidden; background-color: #ade42b;}
.footbanners{width: 980px; margin: 10px auto; overflow: hidden;}
.footbanners .footleft{font-size: 13px; color: #565656; display: block; float: left;width: 180px; padding-top: 40px;}
.footbanners .footleft h1{font-size:17px; color: #ade42b;}
.footbanners .footfriends {overflow: hidden; width: 800px; display: block}
.footbanners .footfriends .footfriend{width: 150px; height: 114px;display: block; float: left;background-repeat: no-repeat; background-position: center center; background-color: transparent;}

#footer{overflow: hidden; width: 100%; background-color: #282828;color: #565656; padding: 10px 0 50px 0; font-size: 14px;}
#menufooter{width: 980px; margin: 0 auto; overflow: hidden;}
#menufooter ul{list-style: none; float: left;line-height: 20px;}
#menufooter ul li{list-style: none; float: left; margin-right: 20px;}
#menufooter a{color: #a7a7a7; font-weight: 700;}
#menufooter a:hover{text-decoration: underline;}
#footertxt{width: 980px; margin: 0 auto; overflow: hidden; padding: 2px 0;font-weight: 300;}
#footertxt a{color: #565656;}


/* Popups
----------------------------------------------- */
.popup{display: none;position: absolute;z-index: 1200;overflow: hidden;font-family: 'Nunito', sans-serif;}
.popupborder{z-index: -1;display: block;position: absolute;width: 100%;height: 100%;background-color: #ade42b; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.popupcontent{margin: 5px; background-color: #282828; padding: 5px;color: #C7C7C7; display: block; overflow: hidden;}

.popupbody{display: none;}
.popupclose{text-align: right;padding-right: 20px;padding-top: 5px; font-size: 13px;cursor: pointer;}
.popupcontent h1{font-size: 28px;padding: 20px 40px;}
.popupcontent h2{font-size: 24px;padding: 20px 40px;}
#popupcontact .popupcontent{width: 790px; height: 610px;}

#subscribe-popup{display: block;padding: 10px 40px;width: 222px;overflow: hidden;}
#subscribesubmit-popup{display: block; float: right; font-size: 15px; margin-top: 10px; background-color: #ade42b; color: #282828; padding: 10px 20px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;cursor: pointer;}

#contactnr{padding: 0 50px;}
#contactleft{display: block; overflow: hidden; width: 280px; float: left;}
#contactright{display: block; overflow: hidden; width: 500px; float: right;}
#contactmenu{list-style: none;}
#contactmenu li{list-style: none;background-color: #565656; padding: 5px; height: 16px; font-size: 16px; margin: 20px; text-align: center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;}
#contactsocial{list-style: none;padding-left: 40px;}
#contactsocial li{list-style: none; margin: 15px 30px;color: #565656;}
#contactsocial a{color: #565656;}
#contactsocial a:hover{color: #898989;}
#contactsocial span{padding: 10px;}
#contactsocial img{display: block;float: left;}

#contacthovermenu{display: none;z-index: 1300;position: absolute;width: 312px;overflow: hidden;font-family: 'Nunito', sans-serif;}
#contacthovermenu .choverbox{display: block; float: left;width: 312px; height: 46px; cursor: pointer;}
#contacthovermenu .chover{display: none;width: 312px; height: 46px; background-color: #ade42b;-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#contacthovermenu .chover-txt{display: block; float: left; margin-left: 20px; border-left: 2px solid #282828; padding: 13px; height: 20px; font-size: 20px;color: #282828;text-align: center;width: 250px;}
#contacthovermenu .choveractive{display: block;}
#contacthovermenu .mhover{display: block;}
#contact-cycle{overflow: hidden;width: 500px; height: 340px;}
.slide-contact{overflow: hidden;width: 500px; height: 340px;}
.slide-contact form{overflow: hidden;}

.gfield{display: block; float: left; width: 230px; padding: 7px;color:#ade42b;}
.ginput{display: block; float: left;background-color: #C7C7C7; padding: 3px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 3px; border-style: solid; border-color: #c7c7c7;}
.gcheckboxinput{width: 22px; height: 24px; display: block; float: left; background-position: center center; background-repeat: no-repeat;background-color: #C7C7C7; padding: 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor:  pointer;}
.gcheckboxinput.active{background-image: url(images/checkbox2.png);background-color: transparent;}
.gfield#gfieldadd{width:480px;}
.ginput input,.ginput textarea{background-color: #c7c7c7; color: #282828;border: 0;}
.gtext{width: 210px;}
.gtextarea{width: 455px;height:100px;}
.gcheck{padding: 10px; display: block; float: left; width: 480px; color:#565656; font-size: 13px;}
.gchecktxt{display: block;float:right; width: 430px;}
#gsubmit{color: #ade42b;font-size: 14px;padding: 20px 10px; text-align: left;overflow: hidden;}
#contactsubmit{display: block; float: right; background-color: #ade42b; color: #282828; padding: 10px 20px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;cursor: pointer;}
#popupinfo h3{padding-left: 20px;}
#popupinfo a{text-decoration: none; color: #ade42b;}
#popupinfo a:hover{color: #8bb32c;}

#popupsignup ul li{padding-left: 50px; color: #898989;}
#popupsignup h3{padding-left: 60px;color: #ade42b;}

#searchdropdown{display: none; position: absolute;overflow: hidden;z-index: 150;width: 250px;overflow: hidden;font-family: 'Nunito', sans-serif;}
#searchdropdown .ddbg{z-index: -1;display: block;position: absolute;width: 100%;height: 100%;background-color: #282828; filter: alpha(opacity=80); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#searchdropdown-loading{display: block; width: 250px; height: 16px;padding: 7px 0;background-color: transparent; background-position: center center; background-repeat: no-repeat;text-align: center; color: #ade42b; font-size: 13px; font-weight: 400;}
#searchdropdown-loading.loading{background-image: url(images/loading.gif);}
#searchdropdown-overflow{display: block; overflow: hidden; width: 250px; height: 0;}
#searchdropdown-body{display: block; width: 250px;padding: 5px 0;}
#searchdropdown-body ul{list-style: none;overflow: hidden;}
#searchdropdown-body ul li{list-style: none;float: left;width: 230px;height: 34px;padding: 0 10px;}
#searchdropdown-body ul li:hover{background-color: #565656;}
#searchdropdown-body ul li h1{color: #c7c7c7;font-size: 16px;font-weight: 400;padding: 2px;height: 16px;}
#searchdropdown-body ul li h2{color: #fff;font-size: 10px;font-weight: 300;padding: 2px;height: 10px;}
#searchdropdown-body ul li h3{color: #ade42b;font-size: 15px;font-weight: 700;padding: 3px 10px 16px 10px;height: 15px;}
#searchdropdown-body a{text-decoration: none; color: #fff;}

/* Homepage
----------------------------------------------- */
#home{width: 980px; margin: 0 auto; overflow: hidden; height: 856px;}
#hpbody{width: 980px; margin: 0 auto; overflow: hidden; height: 540px;}
#hpclickable{height: 450px;display: block; overflow: hidden;}
#hpclickable-plus{display: none; position: absolute; overflow: hidden; width: 16px; height: 16px;}
#hpclickable-plus a{display: block; text-decoration: none; width: 16px; height: 16px;}
#hpclickable-plus .box{width: 16px; height: 16px; background-color: transparent;}
#hpclickable-link{display: none; position: absolute; z-index: 50; overflow: hidden; width: 90px; height: 20px;}
#hpclickable-link a{display: block; text-decoration:  none;z-index: 50; width: 90px; height: 20px;}
#hpclickable-link .box{width: 90px; height: 20px; background-color: transparent;}
#snav{width: 640px; margin: 0 auto; overflow: hidden;display: none;}
#snavleft{background-color: #ade42b;display: block; float: left;width: 70px; height: 70px; margin: 10px;-moz-border-radius: 35px; -khtml-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;cursor: pointer;}
#snavleft .arrow{background: transparent url(images/hp/prev2.png) no-repeat center center;display: block; width: 70px; height: 70px; cursor: pointer;}
#snavright{background-color: #ade42b;display: block; float: left;width: 70px; height: 70px; margin: 10px;-moz-border-radius: 35px; -khtml-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;cursor: pointer;}
#snavright .arrow{background: transparent url(images/hp/next2.png) no-repeat center center;display: block; width: 70px; height: 70px; cursor: pointer;}
#snavclients{overflow: hidden; display: block; float: left;width: 450px; height: 90px;}
.snavclientgrp{overflow: hidden; display: block; width: 450px; height: 90px;}
.snavclient{display: block; float: left; background-color: #282828; width: 70px; height: 70px; margin: 10px; overflow: hidden;-moz-border-radius: 35px; -khtml-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;cursor: pointer;}
.snavclient.active{filter: alpha(opacity=100);-moz-opacity: 1.0;-khtml-opacity: 1.0;opacity: 1.0;}
#snavleft:hover, #snavright:hover, .snavclient:hover{filter: alpha(opacity=100);-moz-opacity: 1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.snavimg{display: block; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center center; background-color: transparent; }
#hpcontent{width: 810px; margin: 0 auto; padding-top: 60px; overflow: hidden;}
.hpbox{display: block; overflow: hidden; float: left; width: 250px; height: 166px; margin: 10px;-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#latestnews{background-color: #282828;background-repeat: no-repeat; background-position: center center;}
#loyalcustomers{background: #282828 url(images/hp/box2n1.jpg) no-repeat center center;}
#whychooseus{background: #282828 url(images/hp/box3.jpg) no-repeat center center;}
.hpbox .hptitle{display: block; position: absolute;overflow: hidden;width: 250px; z-index: 10;}
.hpbox .hptitle .hptitlebg{position: absolute; width: 100%; height: 100%; background-color: #282828;z-index: -1; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;-moz-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.hpbox .hpseemore{display: none; position: absolute; width: 230px; height: 30px;padding: 136px 10px 0 10px; z-index: 8;background-color: #ade42b;-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;text-align: right;}
.hpbox .hpseemore a{display: none; width: 230px;color: #282828;text-decoration: none;font-size: 16px;}
.hpbox h1{font-size: 18px;font-weight: 700; color: #ade42b; padding: 5px 10px; text-align: right; }

#hpcycle{width: 100%; min-width: 980px; height: 1000px;overflow: hidden; display: none;}
#hpcycle a{text-decoration: none;}
.hpimg{display: block; float: left; text-align: center;}
.hpsinfo{overflow: visible;display: block;padding: 0 30px 300px 30px;margin-left: 350px; margin-top: 30px;width: 445px;}
.hpsinfo h1{font-size: 42px; font-weight: 700;text-align: right;}
.hpsbody{display: block; position: absolute; overflow: hidden; font-size: 15px; font-weight: 300; text-align: left; padding: 8px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;z-index: 31;margin-left: 165px;height: 60px;width: 264px;}
.hpsfoot{display: block; position: absolute; overflow: hidden; font-size: 14px; text-align: right; padding: 8px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;margin-top: 36px;z-index: 30;height: 16px;width: 264px;margin-left: 150px; padding-top: 44px;}
.hpsfoot a{text-decoration: none;}
.hpscircle{display: block; position: absolute; overflow: hidden; text-decoration: none; text-align: center; padding: 0 3px; width: 10px; height: 16px;-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;z-index: 33;font-size: 14px; line-height: 14px;margin-top: 50px; margin-left: 420px;}

#hpcloud{margin-left: 460px; margin-top: 20px; color: #282828;font-size: 18px;text-align: right;background-image: url(images/bg/cloud_img.png);background-repeat: no-repeat; background-color: transparent;width: 442px; height: 137px; padding: 60px 30px 0 0;}
#hpcloud h1{font-size: 28px;font-weight: 700;}

.bgbodygreen .hpsinfo h1{color: #ade42b;}
.bgbodygreen .hpsbody{background-color: #ade42b; color: #282828;}
.bgbodygreen .hpsfoot{background-color: #282828; color: #fff;}
.bgbodygreen .hpsfoot a{color: #fff;}
.bgbodygreen .hpscircle{background-color: #282828; color: #fff;}

.bgbodygray .hpsinfo h1{color: #282828;}
.bgbodygray .hpsbody{background-color: #282828; color: #fff;}
.bgbodygray .hpsfoot{background-color: #ade42b; color: #282828;}
.bgbodygray .hpsfoot a{color: #282828;}
.bgbodygray .hpscircle{background-color: #ade42b; color: #282828;}

/* Showcase
----------------------------------------------- */
#scheader{overflow: hidden; margin: 0 auto; width: 900px;}
#sctitle{display: block; float: left; font-size: 28px;color: #C7C7C7;}

#sc-category{width: 250px; display: block; float: right; height: 32px; font-size: 16px; color: #C7C7C7; cursor: pointer;overflow: hidden;}
#sc-category-bg{z-index: -1;display: block;position: absolute;width: 250px;height: 32px;background-color: #565656; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
#sc-category:hover > #sc-category-bg{background-color: #282828;}
#sc-category-icon{display: block; float: right;background: transparent url(images/down_arrow2.png) no-repeat center center; width: 40px; height: 32px;}
#sc-category-txt{display: block; float: left;padding: 8px;}
#sc-dropdown{display: none; position: absolute;overflow: hidden;z-index: 150;width: 250px;}
#sc-dropdown .ddbg{z-index: -1;display: block;position: absolute;width: 100%;height: 100%;background-color: #282828; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#menushowcase{padding: 10px 0;}
#menushowcase li{font-size: 14px;}
#menushowcase li.menuseparator{width: 250px; height: 1px;border-bottom: 1px dotted #c7c7c7;}
#menushowcase a{padding: 8px; color: #c7c7c7; text-decoration: none;display: block;width: 250px;background-color: transparent;}
#menushowcase a:hover{background-color: #565656;}

#scmain-cats{overflow: hidden;margin: 10px auto; padding-bottom: 80px; width: 900px;}
.scmain-cat{display: block; width: 290px; float: left;margin: 5px;}
.scmain-cat img{width: 290px; height: 171px;float: left;}
.scmain-cat a{color: #282828; text-decoration: none;}
.scmc-title{display: block; background-color: #ade42b; width: 270px; height: 98px;font-size: 14px;padding: 10px;float: left;}
/*.scmain-cat a:hover > .scmc-title{background-color: #8bb32c;}*/
.scmc-title h1{font-size: 24px;padding: 10px 0;}

.sccat{overflow: hidden;margin: 20px auto; width: 900px;}
.sccat-title{display:block; float:left; width: 200px;color: #565656;font-size: 14px;padding: 40px 10px;}
.sccat-title h1{color: #C7C7C7; font-size: 22px;}
.sccat-title a{color: #ade42b; text-decoration: none; width: 150px;float: left;margin-top: 30px;}
.sccat-title a:hover{color: #8bb32c;}
.sccat-items{display:block; float: right;}
.sccat-item{display: block; float: left; width: 213px;margin: 5px;} 
.sccat-item img{width: 213px; height: 126px;float: left;}
.sccat-item a{color: #282828; text-decoration: none;}
.sccat-item-logo{display: block; float: left; width: 213px;margin: 5px;}
.sccat-item-logobig{display: block; float: left; width: 289px;height: 264px;overflow: hidden;margin: 5px;}
.sccat-item-logo img{width: 213px; height: 188px;float: left;}
.sccat-item-logo a{color: #282828; text-decoration: none;}
.sccat-item-logobig img{width: 213px; height: 188px;float: left;}
.scitem-hover{display: none; position: absolute;z-index: 10;background-color: #ade42b;}
.sccat-item-logobig .scitem-hover{padding: 38px;}
.scitem-nohover{padding: 38px;}
.sccat-item-big{display: block; float: left; width: 442px;} 
.sccat-item-big img{width: 442px; height: 250px;float: left;}
.sccat-item-big a{color: #282828; text-decoration: none;}
.scitem-logo{display: block; float: right;padding-top: 5px;}
.scitem-logo img{width: 53px; height: 47px;}
.sccat-ititle{display: block;width: 213px; height: 62px;background-color: #ade42b; font-size: 15px;float: left;}
.sccat-ititle h1{float: left; display: block;padding: 5px 10px;overflow: hidden;}
.sccat-ititle h2{float: left; display: block;font-size: 12px; font-weight: 300;color: #688a1c;padding: 0px 10px;overflow: hidden;}
.sccat-ititle h1.withlogo{width: 140px;}
.sccat-ititle h2.withlogo{width: 140px;}
/*.sccat-item a:hover > .sccat-ititle {background-color: #8bb32c;}*/
.sccat-ititle-big{display: block;width: 422px; height: 82px;background-color: #ade42b; padding: 10px;font-size: 14px;font-weight: 300;float: left;}
.sccat-ititle-big h1{font-size: 20px;font-weight: 400;}
.sccat-ititle-big h2{font-size: 16px;font-weight: 400; padding: 5px 0 10px 0;height: 18px;}
.sccat-ititle-big .tags{font-size: 14px; font-weight: 400;}
.sctaglinebig{overflow: hidden;max-width: 422px; max-height: 28px;}
/*.sccat-item-big a:hover > .sccat-ititle-big {background-color: #8bb32c;}*/

#scsub-top{overflow: hidden;width: 900px; margin: 10px auto;}
#scsub-topdetdesc{background-color: #282828;color: #C7C7C7;display: block; float: left; width: 412px; height: 312px;padding: 15px; border-bottom: 10px solid #ade42b;font-size: 36px; font-weight: 300;color: #898989;}
#scsub-topdesc{display: block; overflow: hidden; width: 442px; height: 352px;float: right;}
#scsub-rest{margin: 30px auto;width: 900px;padding-bottom: 20px; overflow: hidden;}

.scsingle-top{display: block; overflow: hidden; width: 900px; margin: 0 auto;}
#share-dropdown{display: none;position: absolute;z-index: 2;margin-left: 20px;margin-top: 2px;}
#share-dropdown a{display: block; float: left;text-decoration: none;margin: 5px;}
#scshare{background-color: #ade42b;color:#000; width: 85px;z-index: 3; padding: 10px;text-align: center;display: block; float: left;overflow: hidden;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;cursor: pointer;margin-left: 20px;position: absolute;}
#scshare:hover{background-color: #8bb32c;}
#scmedia{display: block; overflow: hidden; width: 900px; margin: 20px 0;}
#scmedia-cycle{overflow: hidden;width: 900px; height: 420px;}
.scmedia-item{width: 900px; height: 420px;display: block;}
.scmedia-item img{width: 900px; height: 420px;}
.scmedia-item .scmediavideo{position: absolute;z-index: 1;background: transparent url(images/play_btn.png) no-repeat center center;display: block; width: 900px; height: 420px;cursor: pointer;}
#scmedia-ftitle{z-index: 1;position: absolute; margin-top: 100px; margin-left: 40px;overflow: hidden;display: block;background-color: #000; color:#fff; font-size: 42px;padding: 5px 10px;}
#scmedia-zofor{z-index: 1;position: absolute; margin-top: 160px; margin-left: 80px;overflow: hidden;display: block;background-color: #000; color:#ade42b;padding: 5px 10px;cursor: pointer;}
#scmedia-zofor:hover{color:#8bb32c;}
#scmedia-buttons{overflow: hidden;}
.scmedia-button{margin: 10px 3px; display: block; float: left;filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: pointer;}
.scmedia-button:hover{filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.scmedia-button.active{filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.scmedia-button img{width: 80px; height: 50px;}
.scmedia-button .scmediavideo{position: absolute;z-index: 1;background: transparent url(images/play_btn2.png) no-repeat center center;display: block; width: 80px; height: 50px;}
#scmedia-timeline{position: absolute; display: none;background-color: #ade42b;height: 4px; width: 80px;}
#scmedia-time{background-color: #8BB32C;height: 4px;width: 1px;display: block; float: left;}

#scarrows{display: none; position: absolute;z-index: 130;width: 1026px; height:60px;}
#scvideo{display: none; position: absolute;z-index: 1300;}
#scvideo-close{display: none; position: absolute;z-index: 1300;background-color: #ade42b;color: #282828;width: 20px; height: 20px; padding: 20px;font-size: 20px; text-align: center;cursor: pointer;font-family: 'Nunito', sans-serif;}
#scvideo-close:hover{background-color: #8bb32c;}
.apiplayer-noswf{display: block; background-color: #282828; color: #ade42b; font-size: 22px;font-family: 'Nunito', sans-serif;padding: 50px 10px;}
.prevnext{display: block;}
.prevnext a{text-decoration: none;display: block;color: #282828;font-size: 17px;}
#arrowprev{float: left;text-align: left;}
#arrownext{float: right;text-align: right;}
.scarrow{display: block;float: left; width: 60px; height: 60px;cursor: pointer;filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;margin: 1px;}
#scarrow-prev{background: #898989 url(images/previous.png) no-repeat center center;}
#scarrow-next{background: #898989 url(images/next.png) no-repeat center center;}
.prevnext a:hover > #scarrow-prev{background-color: #ade42b;filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} 
.prevnext a:hover > #scarrow-next{background-color: #ade42b;filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} 
.scarrowtxt{background-color: #ade42b;display: none; float: left; height: 40px;margin: 1px;padding: 10px}

.scbody{overflow:hidden;margin: 30px 0;}
.sccontent{display: block; float: left; width: 600px; overflow: hidden;color: #c7c7c7;font-weight: 300;}
.sctags{overflow: hidden;padding: 20px 0;font-weight: 400;}
.sctags h1{font-size: 24px;}
.sctags a{display: block; float: left;background-color: #282828;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;padding: 5px 10px;color: #ade42b;margin: 10px;text-decoration: none;}
.sctags a:hover{background-color: #565656; }
.related-work{width: 900px; margin: 40px auto;overflow: hidden;}
.related-work h1.relworktitle{font-size: 24px;color: #c7c7c7;}
.related-work h2.relworktitle{font-size: 14px;font-weight: 300;color: #898989;padding-bottom: 20px;}

/* Expertise
----------------------------------------------- */
#expertise-nav{display: none; position: absolute;overflow: hidden;margin-left: 150px;width: 750px;}
#expertise-nav-bg{position: absolute; width: 100%; height: 100%; background-color: #282828;z-index: -1; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.expertise-navitem{display: block; float: left;overflow: hidden;padding: 5px 0; cursor: pointer;font-size: 18px; font-weight: 400; color: #898989;line-height: 22px; height: 22px;width: 125px;text-align: center;}
.expertise-navitem.active{color: #ade42b;}

#expertise-cycle{overflow: hidden;width: 900px; height: 800px;}
.slide{width: 900px; height: 800px;overflow: hidden;}
.slide-top{background:#191919 url(images/expertise/grass.png) no-repeat center bottom;height: 300px;}
.slide-toptxt{overflow: hidden;display: none;}
.slide-top h1{color: #C7C7C7;text-align: left;font-size: 42px;padding-top: 30px; padding-left: 50px;font-weight: 400;}
.slide-top h1.h1center{text-align: center;padding-left: 0;font-weight: 400;}
.slide-top h2{color: #565656;text-align: left;font-size: 30px;padding-left: 50px;font-weight: 400;}
.slide-ppl{position: absolute;display: block;}
#slide-expertise .slide-ppl{background:transparent url('images/expertise/expertise_ppl.png') no-repeat center bottom; width: 82px; height: 137px;margin-top:163px;margin-left: 300px;}
#slide-discover .slide-ppl{background:transparent url('images/expertise/discover_ppl.png') no-repeat center bottom; width: 330px; height: 198px;margin-top:102px;margin-left: 200px;}
#slide-create .slide-ppl{background:transparent url('images/expertise/create_ppl.png') no-repeat center bottom; width: 288px; height: 236px;margin-top:64px;margin-left: 300px;}
#slide-communicate .slide-ppl{background:transparent url('images/expertise/comm_ppl.png') no-repeat center bottom; width: 214px; height: 236px;margin-top:64px;margin-left: 330px;}
#slide-develop .slide-ppl{background:transparent url('images/expertise/develop_ppl.png') no-repeat center bottom; width: 363px; height: 157px;margin-top:143px;margin-left: 200px;}

.slide-next{color: #C7C7C7;background: transparent url('images/expertise/next_exp.png') no-repeat right center;text-align: right;cursor: pointer;padding: 30px 30px; margin: 0 30px; display: block; float: right;font-weight: 400;}
.slide-next .sntitle{color: #565656;}
.slide-body{text-align: center;color: #898989;font-size: 16px;display: none;}
#slide-expertise .slide-body p{margin: 10px;}
.slide-body h1{font-size: 30px;}
.slide-body h2{font-size: 24px;}
.slide-body h3{font-size: 20px;}
#slide-expertise .slide-body h1{text-align: left;padding: 20px 60px;font-weight: 400;}
#slide-expertise .slide-body h2{padding: 20px;font-weight: 400;}
#slide-expertise .slide-body h3{padding: 20px;font-weight: 400;}
p.ltxt{text-align: left; padding: 5px 50px; margin: 5px;font-weight: 300;font-size: 18px;}

.blockstitle{color: #ade42b; text-align: left;padding: 0 50px;font-weight: 400;}
.slide-body .blocks{display: block; width: 800px; height: 95px; padding: 0 50px 50px 50px;overflow: hidden;font-weight: 400;}
.slide-body .block{display: block;float: left; background-color: #ade42b; color: #191919; padding: 5px 10px; margin: 10px;text-decoration: none;}
.slide-body .block:hover{background-color:#8bb32c;}

#zotouch-top{display: block; width: 900px; height: 100px;font-weight: 400;}
#zotouch-title{font-size: 30px;padding: 30px; display: block; float: left;}
#zotouch-boxes{display: block; width: 900px;float: left;overflow: hidden;color: #898989;}
#zotouch-txt{display: block; width: 900px;float: left;overflow: hidden;padding-top: 80px;}
#zotouch-txt h2{font-size: 32px;font-weight: 400;}
.zotouch-box{display: block;float: left;width: 444px; height: 180px; margin: 3px;overflow: hidden;font-weight:300;}
.zotouch-box h1{font-size: 30px;color: #ade42b;font-weight:400;}
#zotouch-circle{display: block;color: #282828;width: 200px; height: 120px;padding-top: 80px;position: absolute;margin-left: 347px; margin-top: 80px; background-color: #ade42b; border: 6px solid #282828;-moz-border-radius: 100px; -khtml-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;text-align: center;cursor: pointer;font-weight:300;}
#zotouch-circle .inside{display: none;}
#zotouch-circle h1{font-size: 30px;font-weight:400;}
.zotouch-lbox .inside{display: none;background-color: #373737;text-align: center;width: 344px; height: 100px;padding-top: 80px;padding-right: 100px;}
.zotouch-rbox .inside{display: none;background-color: #373737;text-align: center;width: 344px; height: 100px;padding-top: 80px;padding-left: 100px;}
.zotouch-box .inside-txt{display: none;}
#zotouch-by{padding-left: 200px;padding-top: 10px;text-align: center;font-size: 24px;}

#capabilities-top{display: block; width: 900px; overflow: hidden; height: 100px;font-weight: 400;}
#capabilities-title{font-size: 42px;padding: 20px 150px 0 150px; display: block; float: left;color: #C7C7C7;}
#capabilities-body{padding: 0 150px;text-align: left;font-size: 30px;}
#cap-boxes{display: block; overflow: hidden;padding: 10px 110px; width: 680px;}
#cap-boxes .cap-box{display: block; float: left; margin: 3px; width: 164px; height: 164px; background-color: #4c4c4c;background-repeat: no-repeat; background-position: center center; cursor: pointer;}
#capemerging{background-image: url('images/expertise/emerging.png');}
#capplacement{background-image: url('images/expertise/placement.png');}
#capemail{background-image: url('images/expertise/email.png');}
#capusability{background-image: url('images/expertise/usability.png');}
#capinsights{background-image: url('images/expertise/insights.png');}
#capwebsite{background-image: url('images/expertise/website.png');}
#capdistribution{background-image: url('images/expertise/distribution.png');}
#cappr{background-image: url('images/expertise/pr.png');}
#capcreative{background-image: url('images/expertise/creative.png');}
#capcoolhunting{background-image: url('images/expertise/coolhunting.png');}
#capsocialmedia{background-image: url('images/expertise/socialmedia.png');}
#capawareness{background-image: url('images/expertise/awareness.png');}
#caphighend{background-image: url('images/expertise/highend.png');}
#capaudiovisual{background-image: url('images/expertise/audiovisual.png');}
#capbuzz{background-image: url('images/expertise/buzz.png');}
#capads{background-image: url('images/expertise/ads.png');}

#cap-topbox{display: none; overflow: visible;position: absolute;height: 164px;width: 504px;z-index: 20;background-color: transparent;}
#cap-desc{display: block; overflow: hidden; background-color: #000;float: left;height: 164px;width:0;font-weight: 400;}
#cap-desc .descbody{display: none;padding: 10px;width: 320px;color: #c7c7c7;}
#cap-desc .whatabout{display: block; padding-bottom: 15px;}
#cap-desc a{color: #ade42b; text-decoration: none;}
#cap-desc h1{height: 60px;color: #ade42b; font-size: 22px;}
#cap-box-green{width: 164px; height: 164px; background-color: #ade42b;background-repeat: no-repeat; background-position: center center; cursor: pointer;float: left;}

/* People
----------------------------------------------- */

#people-nav{display: block; position: absolute;overflow: hidden;margin-left: 300px;width: 600px;}
#people-nav-bg{position: absolute; width: 100%; height: 100%; background-color: #282828;z-index: -1; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.people-navitem{display: block; float: left;overflow: hidden;padding: 5px 0; cursor: pointer;font-size: 18px; font-weight: 400; color: #898989;line-height: 22px; height: 22px;width: 180px;text-align: center;}
.people-navitem-short{display: block; float: left;overflow: hidden;padding: 5px 0; cursor: pointer;font-size: 18px; font-weight: 400; color: #898989;line-height: 22px; height: 22px;width: 120px;text-align: center;}
.people-navitem.active, .people-navitem-short.active{color: #ade42b;}

#people-cycle{overflow: hidden;width: 900px; height: 800px;}
.pplslide{width: 900px; height: 800px;overflow: hidden;font-weight: 400;}

#slide-wizards h1.wizards-title{font-size: 50px;padding-top: 50px; padding-left: 180px;}
#wizards-avatars{width: 672px;overflow: hidden; margin: 10px auto;}
.wizards-avatar{margin: 3px;cursor: pointer;width: 218px; height: 218px;display: block; float: left;}
.wizards-name{display: none;position: absolute;width: 218px; height: 218px; z-index: 100;overflow: hidden;}
.wizards-name-bg{position: absolute; display: block;z-index: -1;width: 218px; height: 218px;filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;background-color: #ade42b;}
.wizards-name h1{font-size: 17px;text-align: right;color: #282828;padding: 140px 5px 0 5px;}
.wizards-name h2{font-size: 15px;text-align: right;color: #688a1c;padding: 0 5px;}

#slide-lifeatzo .p-graya{margin: 5px;height: 310px;}
#slide-lifeatzo .p-grayb{margin: 5px;background-color: #191919;height: 310px;}
.p-gray-content{display: block; overflow: hidden;width: 890px; height: 310px;}
#lifeat-intro h1{font-size: 60px;padding: 50px 0 0 80px;}
#lifeat-video h1{font-size: 60px;padding: 150px 0 0 80px;}
#lifeat-video #p-ourvid{padding: 10px 20px; background-color: #ade42b; color: #191919;display: block; float: left; margin-left: 500px;cursor: pointer;}
#lifeat-video #p-ourvid:hover{background-color: #8bb32c;}
#lifeat-video h2{display: none; float: left;font-size: 40px;padding: 10px 0 0 120px;}
#lifeat-people h1{font-size: 60px;padding: 100px 0 0 80px;cursor: pointer;height: 210px;display: block; float: left;width: 890px;}
#lifeat-people h1:hover{background-color: #191919;}
#lifeat-people #p-peoplegrid{display: none; height: 81px; width: 930px;float: left;overflow: hidden;padding-left: 20px;}
#lifeat-people #p-peoplegrid-body a{display: block; float: left;}
#lifeat-people #p-peoplegrid-body img{display: block; float: left;margin: 3px;}
#p-peoplegrid-left{display: block; float: left;height: 81px;width: 60px;background: #ade42b url(images/previous.png) no-repeat center center;cursor: pointer;}
#p-peoplegrid-left:hover{background-color: #8bb32c;}
#p-peoplegrid-right{display: block; float: left;height: 81px;width: 60px;background: #ade42b url(images/next.png) no-repeat center center;cursor: pointer;}
#p-peoplegrid-right:hover{background-color: #8bb32c;}
#p-peoplegrid-cnt{display: block; float: left;overflow: hidden; height: 81px;width: 729px;}
#p-peoplegrid-body{display: block; float: left;overflow: hidden; height: 81px;width: 900px;}
#lifeat-music h1{font-size: 60px;padding: 100px 0 0 80px;}
#lifeat-stalkus h1{font-size: 60px;padding: 100px 0 0 80px;cursor: pointer;height: 210px; display: block; float: left; width: 890px;}
#lifeat-stalkus h1:hover{background-color: #191919;}
#stalkus-map{display: none; overflow: hidden;width: 890px; height: 310px;}

#slide-careers h1.careers-title{font-size: 30px;padding-top: 55px; padding-left: 80px;}
#slide-careers h2.careers-txt{text-align: center; font-size: 24px}
#careers-grid{display: block; overflow: hidden; width: 750px; height: 530px; background: #282828 url(images/people/careerimg4.jpg) no-repeat center center;margin: 20px auto;}
.careers-box{width: 146px; height: 102px; border: 2px solid #282828;display: block; float: left;}
.careers-box.filled{cursor: pointer;}
.careers-offer{width: 146px; height: 102px;display: none; position: absolute;z-index: 100;overflow: hidden;}
.careers-offer-bg{position: absolute; display: block; z-index: -1;width: 146px; height: 102px;filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;background-color: #ade42b;}
.careers-offer h1{color: #282828; font-size: 16px; padding: 5px; width: 136px;  height: 55px;}
.careers-apply{display: block; font-size: 13px; overflow: hidden; float: right; color: #ade42b; width: 90px; height: 15px; padding: 3px 5px; background: transparent url(images/people/applybtn.png) no-repeat center center;margin: 5px; }

.why-box{display: block; width: 840px; height: 290px; padding: 30px;}
.why-content{display: block; overflow: hidden;width: 840px; height:290px;} 
#why-welovehelp{background-color: #282828;}
#why-welovehelp .why-content{background: transparent url(images/people/one.png) no-repeat left center;}
#why-welovehelp h1{padding-left: 250px;padding-top: 60px;font-size: 60px; color: #ade42b;}
#why-welovehelp h2{padding-left: 250px;padding-top: 10px;font-size: 18px; color: #898989;}
#why-welovehelp h3{padding-left: 250px;padding-top: 10px;font-size: 18px; color: #ade42b;}
#why-experiences{background: #333333;}
#why-experiences .why-content{background: transparent url(images/people/two.png) no-repeat right center;}
#why-experiences h1{padding-top: 20px;font-size: 50px; color: #282828;}
#why-experiences h2{padding-top: 10px; padding-left: 300px;color: #898989;}
#why-experiences h3{padding-top: 10px; padding-left: 400px;color: #ade42b;}
#why-outsourcing{background: #282828;}
#why-outsourcing .why-content{background: transparent url(images/people/three.png) no-repeat left center;}
#why-outsourcing h1{padding-left: 250px;font-size: 60px; color: #ade42b;}
#why-outsourcing h2{padding-left: 250px;padding-top: 30px;font-size: 50px; color: #333333;}
#why-outsourcing h3{padding-left: 450px;padding-top: 10px;font-size: 18px; color: #898989;}
#why-reliable{background: #333333;}
#why-reliable .why-content{background: transparent url(images/people/four.png) no-repeat right center;}
#why-reliable h1{padding-left: 150px;font-size: 60px; color: #ade42b;}
#why-reliable h2{padding-top: 60px;font-size: 50px; color: #282828;}
#why-reliable h3{padding-left: 450px;padding-top: 10px;font-size: 18px; color: #898989;}
#why-rewards{background: #282828;}
#why-rewards .why-content{background: transparent url(images/people/five.png) no-repeat left center;}
#why-rewards h1{padding-left: 250px;padding-top: 30px;font-size: 60px; color: #ade42b;}
#why-rewards h2{padding-left: 350px;padding-top: 10px;font-size: 50px; color: #333333;}
#why-rewards h3{padding-left: 450px;padding-top: 10px;font-size: 18px; color: #898989;}

.pplarrow{display: none; z-index: 130; position: absolute; width: 60px; height: 60px;cursor: pointer;filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#pplarrow-up{ margin-top: 40px; margin-left: -20px; background-color: #898989; background-image: url(images/up.png); background-position: center center; background-repeat: no-repeat;}
#pplarrow-down{margin-top: 230px; margin-left: 940px; background: #898989 url(images/down.png) no-repeat center center;}
#pplarrow-up:hover,#pplarrow-down:hover{background-color: #ade42b;filter: alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}

#wizards-fg{display: none; position: absolute; z-index: 20;background-color: #000;filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
#wizards-fgimg{display: none; position: absolute; z-index: 21;width: 218px; height: 218px;}
#wizards-fgtxtname{display: none; position: absolute; z-index: 21;width: 218px;}
#wizards-fgtxtname h1{padding: 10px;font-size: 22px; color: #ade42b;font-weight: 700;text-align: right;}
#wizards-fgtxtname h2{padding: 10px;color: #c7c7c7;font-size: 15px;font-weight: 300;text-align: right;}
#wizards-fgtxt{display: none; position: absolute; z-index: 21;width: 440px;}
#wizards-fgtxt h1{padding: 30px 10px 10px 10px; font-size: 22px; height: 26px; color: #ade42b;font-weight: 700;}
#wizards-fgtxt h2{padding: 0 10px 10px 10px; height: 148px; overflow: hidden;color: #c7c7c7;font-size: 15px;font-weight: 300;}

/* Blog
----------------------------------------------- */

#blogheader{overflow: hidden; margin: 0 auto; width: 900px;padding-bottom:10px; border-bottom: 6px solid #ade42b;}
#blogtitle{display: block; float: left; font-size: 42px;color: #C7C7C7;font-weight: 700;}
#blogcontent{overflow: hidden; display: block; margin: 0 auto; width: 900px;}
#blogposts{overflow: hidden; display: block; float: left; width: 650px;}
#blogsidebar{overflow: hidden; display: block; float: right; padding: 15px 0; width: 250px;}

.blogpost{padding: 10px 10px 40px 10px;}
.blogpostheader{display: block;padding: 10px;}
.blogpostheader h1{color: #C7C7C7;font-size: 28px; font-weight: 400;padding-bottom:3px; border-bottom: 2px solid #ade42b;}
.blogpostheader h1 a{color: #C7C7C7;text-decoration: none;}
.blogpostheader h1 a:hover{color: #ade42b;}
.blogpostfeatured{display: block; width: 580px; overflow: hidden;padding: 10px 10px 0 10px;}
.blogpostfeatured a{display: block;float: left;text-decoration: none;}
.blogpostfeatured img{width: 580px; height: 380px;float: left; display: block;}
.blogpostcontent{margin: 0 10px;padding: 10px 10px 20px 10px; color: #C7C7C7;font-weight: 300;background-color: #060606;}
.blogpostcontent a{text-decoration: none; color: #ade42b;}
.blogpostcontent a:hover{color: #8bb32c;}
.blogpostcontent h1{font-size: 26px;}
.blogpostcontent h2{font-size: 22px;}
.blogpostcontent h3{font-size: 18px;font-weight: 700;}

.blogreadmore{ display: block; float: right;overflow: hidden; width: 580px;margin-right: 20px;}
.blogreadmore a{display: block; float: right; color: #000; text-align: center; font-weight: 400; padding: 10px; width: 120px; background-color: #ade42b; color: #000;text-decoration: none;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.blogreadmore a:hover{background-color: #8bb32c;}
.blogbuttons{display: block;width: 600px;overflow: hidden;height: 40px;}
.blogbuttons h2{color: #ade42b;font-size: 15px; font-weight: 400;display: block; float: right;padding: 10px;}
.blogbuttons .author{color: #C7C7C7;}
.blogbottombuttons{display: block;width: 580px;overflow: hidden;height: 40px;margin: 0 auto;padding: 10px 0 20px 0;color: #000;font-size: 16px;font-weight: 400;background-color: #060606;border-bottom: 1px solid #ade42b;}
.blog-share-dropdown{display: none;position: absolute;z-index: 2;margin-left: 20px;margin-top: 2px;}
.blog-share-dropdown a{display: block; float: left;text-decoration: none;margin: 5px;}
.blogshare{background-color: #ade42b;color:#000; width: 85px;z-index: 3; padding: 10px;text-align: center;display: block; float: left;overflow: hidden;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;cursor: pointer;margin-left: 20px;position: absolute;}
.blogshare:hover{background-color: #8bb32c;}

#blog-dropdown{display: none; overflow: hidden;width: 250px;background-color: #282828;}
.sidebaritem{background-color: #282828;margin-top: 30px;width: 248px;display: block; overflow: hidden;padding: 1px;float: right;color: #c7c7c7;}
.sidebartitle{display: block; overflow: hidden;padding: 10px;border-bottom: 1px solid #c7c7c7;}
#subscribe-form{display:block; width: 222px; padding: 10px 0; margin: 0 auto; overflow: hidden;}
#subscribesubmit{display: block; float: right; font-size: 15px; margin-top: 10px; background-color: #ade42b; color: #282828; padding: 10px 20px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;cursor: pointer;}
.gsubscribecb{display: block; width: 222px; margin: 0 auto; overflow: hidden; padding-top: 10px;}
.schecktxt{display: block;padding: 3px 10px;float: left;font-size: 15px; font-weight: 300;}
.subscribe-title{display: block; overflow: hidden; padding: 5px 0;}

#sidebar-twitter{height:300px;width: 248px;display: block; overflow: hidden;}
#sidebar-flickr{width: 243px; overflow: hidden; margin: 5px auto;}
#sidebar-flickr a{display: block; float: left;}
#sidebar-flickr img{display: block; float: left; margin: 3px;}

/* Other
----------------------------------------------- */
#rpage{width: 980px;margin: 40px auto;}
#bpage{width: 980px;margin: 40px auto;}
#rpage article{ width: 900px; margin: 0 auto;}
#bpage article{ width: 600px;}
#rpage header h1{font-size: 28px; line-height: 32px; font-weight: 700; color: #C7C7C7;display: block;float: left;overflow: hidden;}
#rpage header h1.entry-title-showcase{font-size:48px;line-height: 50px;}
#rpage header h1.entry-title{height: 32px;}
#rpage .entry-header{overflow: hidden;}
#rpage .entry-content{ min-height: 500px;  margin-bottom: 20px;background-color: #282828;border-bottom: 10px solid #ade42b; font-weight: 300;}
#entry-content-body{width: 840px;padding: 30px; color: #A7A7A7;border-top: 3px solid #ade42b;}
#entry-content-people{width: 900px;color: #565656;}
#entry-content-expertise{width: 900px;color: #565656;}

#pagination{display: block; overflow: hidden; width: 300px; margin: 10px auto;font-size: 17px; font-weight: 700;text-align: center;}
#pag-left{display: block;width: 150px; float: left;}
#pag-right{display: block;width: 150px; float: right;}
#pagination a{display: block; padding: 10px; width: 120px;background-color: #282828; color: #ade42b;text-decoration: none;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;margin: 5px;}
#pagination a:hover{background-color: #565656;}