/*
Theme Name: White Bot Studios
Theme URI: http://whitebot.com/
Description: The White Bot Studios default theme.
Version: 1.0
Author: Mike Barlund
Author URI: http://whitebot.com/
Tags: rotating header, fixed width, two columns, widgets
*/

/* Grab jQuery UI Theme */
@import url("wb1/jquery-ui-1.8rc3.custom.css");
@import url("white/style.css");
/*
Reset
*/
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,img,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{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2010 */
@font-face { font-family: 'WCROUGHTRADBETABold';
	src: url('f/WC_RoughTrad.eot');
	src: local('WC ROUGHTRAD BETA'), local('WCROUGHTRADBETABold'), url('f/WC_RoughTrad.woff') format('woff'), url('f/WC_RoughTrad.ttf') format('truetype'); }

@font-face { font-family: 'RabioheadRegular';
	src: url('f/rabiohead.eot');
	src: local('Rabiohead'), local('Rabiohead'), url('f/rabiohead.woff') format('woff'), url('f/rabiohead.ttf') format('truetype'); }

html, body { color: #000; font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif; font-size: 1em; }
a { color: #a00; text-decoration: none; }
.ui-widget-content a, .ui-state-highlight a { color: #a00; text-decoration: underline; }
.alignright { float: right; }
.alignleft { float: left; }
#banner { background: url(/img/bannerBG.png) no-repeat; height: 302px; margin-bottom: 20px; position: relative; width: 960px; }
#slider { height: 250px; left: 70px; overflow: hidden; position: absolute; top: 25px; width: 825px; }
#bannerSub { background: url(/img/bannerSub.png) no-repeat; height: 70px; margin-bottom: 20px; overflow: hidden; position: relative; width: 960px; }
#callme { background: url(/img/icon/iconCallBbl.png) no-repeat; height: 140px; margin: 0; padding-bottom:10px; width:200px; }
.clear {clear:both;}
.callContent { padding:5px 20px 20px; width: 150px; }
.callMeButton { cursor:pointer; color:#333; text-align:center; font-size:18px; }
.callMeConnected { color:#9B8B7A; text-align:center; padding:10px; font-size:18px; }
.callMeConnect { margin: 5px 10px 0px 10px; padding:5px; background:#390 none repeat scroll 0 0; border:1px solid #9B8B7A; padding:2px; text-align:center; color:#fff; font-weight:bold; cursor:pointer; font-size:16px; float: right; width: 90px }
.callMeConnect:hover { background:#cfc; color:#000; }
#callme label { width:50px; text-align:right; float:left; margin-top:3px; font-size: 12px; font-weight:bold; color: #a00; }
#callme input { width:90px; font-size:10px; background-color:#FFF; border: 1px solid #333; margin-left:3px; padding:2px; }
#callme input.error { border-color:red; }
#callme .row { margin-bottom:5px; }
#commentform { padding: 20px; margin-bottom: 20px; }
.commentRules { float: right; font-family: 'RabioheadRegular'; font-size: 1.5em; width: 180px; }
#content { position: relative; }
#content form { font-size: .9em; position: relative; }
#content form fieldset { border-width: 0; margin: 0 0 20px 0;padding: 20px 0 10px; }
#content form input.text { border: 1px solid #CBC7BD; padding: .8em; width: 300px; }
#content form label.error { color: #a00; display: block; padding: 3px 0; }
#content form legend { background: transparent url(/img/labelBG.png) repeat-x; font-family: 'RabioheadRegular', sans-serif; font-size: 1.7em; height: 50px; left: -30px; padding: .1em .3em; position: absolute; top: -15px; z-index: 2; }
#content form select { border: 1px solid #CBC7BD; padding: .8em; width: 300px; }
#content form textarea { border: 1px solid #CBC7BD; padding: .8em; width: 300px; }
#content form ul { list-style-type: none; margin: 0; padding: 0; }
#content form li { margin: auto; width: 300px; }
#content form br { display: none; }
#content form br.breakme { display: inline; }
#content p { margin-bottom: 10px; padding: 0 10px 10px; }
#content ul, #content ol  { list-style-type: disc; margin: 0 0 20px 30px; padding: 0; }
#content ol { list-style-type: decimal; }
#content li { list-style-position: outside; padding: 5px 0; }
#content #leftCol { float: left; position: relative; width: 630px; }
#content #rightCol { position: relative; margin-left: 660px; width: 300px; }
#copyright { font-size: .8em; margin: 10px; text-align: center; }
#copyright a { color: #333; text-decoration: none; }
#customerResource { font-size: 1em; margin-bottom: 20px; padding: 20px; }
#customerResource div { background: url(/img/icon/iconNotepad.png) no-repeat; padding-left: 120px; }
#customerResource ul { float: left; list-style-type: none; width: 200px; }
#customerResource li a { background: url(/img/icon/iconArrowRight.png) no-repeat; display: block; line-height: 18px; min-height: 25px; padding-left: 30px; }
.dateline { display: block; margin-bottom: 10px; }
div.h2Ecomm {background: url(/img/icon/iconEcomm.png) no-repeat; min-height: 82px; padding-left: 85px; }
div.h2SEO {background: url(/img/icon/iconSEO.png) no-repeat; min-height: 82px; padding-left: 85px; }
div.h2WebApps {background: url(/img/icon/iconWebApp.png) no-repeat; margin-right: 10px; min-height: 82px; padding-left: 85px; }
div.h2WebDesign {background: url(/img/icon/iconWebDesign.png) no-repeat; margin-right: 10px;  min-height: 82px; padding-left: 85px; }
div.sbRow { margin-bottom: 20px; }
div.sb1, div.sb2 { float: left; margin-right: 10px; width: 225px; }
div.sb2 { margin-right: 0; }
em { font-style: italic; }
fieldset { position: relative; }
#footer { background: url(/img/borderHz.png) repeat-x top; clear: both; margin-top: 10px; padding: 15px 0; }
#gMap { background: url(/img/map.png) no-repeat; height: 250px; padding: 15px; width: 250px; }
#gMap a { display: block; height: 200px; width: 220px; }
		/*Header Tags*/
h1 { background: url(/img/borderHz.png) repeat-x bottom; font-family: 'WCROUGHTRADBETABold', sans-serif; font-size: 2em; margin-bottom: 10px; padding: 0 0 5px 0; }
h1 a { color: #000; }
h2 { font-family: 'RabioheadRegular', sans-serif; font-size: 1.5em; margin-bottom: 10px; }
h2 a { color: #000; }
#rightCol h2 { font-family: 'WCROUGHTRADBETABold', sans-serif; font-size: 1.7em; margin-bottom: 20px; }
#rightCol h2 a { color: #000; }
#rightCol h3 { font-family: 'RabioheadRegular', sans-serif; font-size: 1.5em; font-weight: normal; margin-bottom: 10px; }
#rightCol #callme h2 { color:#a00; margin:0; padding-top:15px; text-align:center; }
#customerResource h2 { font-family: 'WCROUGHTRADBETABold', sans-serif; font-size: 1.7em; margin-bottom: 10px; padding: 0 0 5px 0; }
h2#h2Testimonials { margin-left: 40px; }
h3 { font-size: .9em; font-weight: bold; margin-bottom: 10px; }
		/*End Header Tags*/
#header { height: 100px; position: relative; }
hr.separator { background: transparent url(/img/borderHz.png) repeat-x bottom; border-width: 0; height: 10px; margin: 20px 0; }
.imgGrid { background: transparent url(/img/paperBG.png) repeat-y; padding: 20px 0 10px 0; }
.imgItem, .imgItemLast { background: transparent url(/img/portfolio/frame.png) no-repeat; float: left; height: 159px; margin-right: 1px; overflow: hidden; position: relative; width: 209px; }
.imgItemLast { margin-right: 0; }
.imgItem img, .imgItemLast img { height: 150px; left: .3em; position: absolute; top: .35em; width: 200px; }
.imgRow { margin: 0 auto 20px auto; width: 630px; }
#iconChatBbl { background: url(/img/icon/iconChatBbl.png) no-repeat; height: 63px; left: -20px; position: absolute; top: -10px; width: 65px; }
.learnMore { display: block; font-family: 'RabioheadRegular', sans-serif; font-size: 1.1em; margin-top: 10px; }
#logoHeader { background: url(/img/whiteBotHeaderLogo.png) no-repeat; height: 80px; left: 3px; position: absolute; top: 6px; width: 200px; }
#logoHeader a { display: block; height: 80px; width: 200px; }
.narrowcolumn { float: left; padding: 0 20px; margin: 0 30px 0 0; width: 600px; }
.navigation { display: block; margin: 10px 0; }
.navPostNext a { background: url(images/postNavNext.png) no-repeat; display: block; height: 40px; text-indent: -1999px; width: 130px; }
.navPostPrev a { background: url(images/postNavPrev.png) no-repeat; display: block; height: 40px; text-indent: -1999px; width: 130px; }
#navFooter ul { height: 15px; margin: 0 auto; width: 620px; }
#navFooter li { border-right: 1px solid #333; float: left; margin-right: 5px; padding: 0 10px; }
#navFooter li.last { border-right-width: 0; margin-right: 0; }
#navFooter li a { color: #333; display: block; font-size: .8em; line-height: 15px; }
#navHeader { height: 30px; position: absolute; right: 0; top: 6px; }
#navHeader li { float: left; }
#navHeader li a { color: #000; display: block; font-family: 'RabioheadRegular', sans-serif; font-size: 1.1em; margin-top: 5px; padding: 0 .5em .2em; }
#navHeader li a:hover { color: #a00; }
#navHeader li#navHdrTwitter a, #navHeader li#navHdrFacebook a, #navHeader li#navHdrRss a { margin-top: 0; }
#navPrimary { height: 53px; left: 200px; position: absolute; top: 58px; }
#navPrimary li { float: left; }
#navPrimary li a span { display: none; }

#navPriDo a { background: url(/img/btn/navPriSprite.png) no-repeat 0px 0px; display: block; height: 53px; margin-right: 25px; overflow: hidden; width: 159px; }
#navPriDo a:hover { background: url(/img/btn/navPriSprite.png) no-repeat 0px -60px; }
#navPriDo a.active { background: url(/img/btn/navPriSprite.png) no-repeat 0px -120px; }
#navPriDone a { background: url(/img/btn/navPriSprite.png) no-repeat -170px 0px; display: block; height: 51px; margin-right: 25px; overflow: hidden; width: 226px; }
#navPriDone a:hover { background: url(/img/btn/navPriSprite.png) no-repeat -170px -60px; }
#navPriDone a.active { background: url(/img/btn/navPriSprite.png) no-repeat -170px -120px; }
#navPriQuo a { background: url(/img/btn/navPriSprite.png) no-repeat -406px 0px; display: block; height: 48px; margin-right: 25px; overflow: hidden; width: 233px; }
#navPriQuo a:hover { background: url(/img/btn/navPriSprite.png) no-repeat -406px -60px; }
#navPriQuo a.active { background: url(/img/btn/navPriSprite.png) no-repeat -406px -120px; }

#navSub { height: 29px; left: 100px; position: absolute; top: 3px; }
#navSub li { float: left; }
#navSub li a { color: #000; display: block; font-family: 'RabioheadRegular', sans-serif; font-size: 1.9em; margin-right: 25px; }
#navSub li a:hover { border-bottom: 1px dotted #a00; color: #a00; }
#navSub li a.active { color: #a00; }
.overlabel-apply { color: #999; cursor: text; left: 20px; position: absolute; top: 10px; z-index: 1; }
.overlabel-wrapper { position: relative; }
.post { clear: both; margin: 0 0 40px; }
.postauthor { clear:both; font-size: 0.8em; line-height: 1.2em; margin-top: 30px; padding: 10px; }
.postauthor img { background: #fff; float: left; margin: 0px 10px 10px 0px; padding: 3px; }
.postTags { clear: both; font-size: .8em; margin: 5px 0; }
#rightCol #quotes { list-style-type: none; margin-left: 50px; }
#quotes li { font-style: italic; margin-bottom: 20px; }
#quotes span { display: block; font-weight: bold; margin-top: 5px; text-align: right; }
.recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:transparent !important; }
#recaptcha_table { border-color: transparent !important; }
#recaptcha_response_field { border-color: #CBC7BD !important; background-color:#fff !important; padding: .8em; width: 300px !important; }
#recaptcha_logo, #recaptcha_tagline { display: none; }
#sidebar { padding: 0 10px 10px; margin-left: 660px; width: 300px;}
#sidebar .widget { padding-top: 20px; }
#sidebar .widget li { padding: 5px; }
#sidebar .widget li a { font-size: .8em; }
#siteMap { background: url(/img/siteMap.jpg) no-repeat; height: 800px; margin:0 auto; position: relative; width: 640px; }
#siteMap a span { display: none; }
#siteMap h2 { display: none; }
#siteMap .smLink { display: block; position: absolute; }
#siteMap ul { list-style-type: none; }
#smWebDev { height: 70px; left: 150px; top: 75px; width: 70px; }
#smWebDesign { height: 70px; left: 315px; top: 80px; width: 70px; }
#smSeo { height: 80px; left: 470px; top: 55px; width: 80px; }
#smEcomm { height: 80px; left: 475px; top: 110px; width: 80px; }
#smStart { height: 75px; left: 75px; top: 200px; width: 75px; }
#smContact { height: 70px; left: 200px; top: 525px; width: 100px; }
#smAbout { height: 100px; left: 40px; top: 325px; width: 330px; }
#smPort { height: 70px; left: 365px; top: 220px; width: 80px; }
#smTest { height: 70px; left: 35px; top: 450px; width: 70px; }
#smIwa { height: 90px; left: 430px; top: 400px; width: 190px; }
#smGrcc { height: 90px; left: 350px; top: 495px; width: 110px; }
#smEthics { height: 90px; left: 480px; top: 490px; width: 80px; }
#smFb { height: 30px; left: 93px; top: 630px; width: 30px; }
#smTwit { height: 30px; left: 175px; top: 630px; width: 30px; }
small { font-size: .8em; }
strong {font-weight: 700;}
#rightCol #testimonials ul { list-style-type: none; margin-left: 50px; }
#rightCol #testimonials li { padding: 0; }
#content #rightCol #testimonials p { background-image: none; margin-left: 40px; }
#testimonials { position: relative; }
#testimonials #quotes li { display: none; }
#wrapper { margin: 0 auto; position: relative; width: 960px; }

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:825px;
		height:250px;
		overflow:hidden;
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn, #slider1next{
		left:696px;
		}
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a, #slider1next a{
		background:url(../images/btn_next.gif) no-repeat 0 0;
		}

	/* numeric controls */

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		}
	ol#controls li{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */