/* Copyright (c) 2010 Komrade Ltd. */

/* Reset */
html { color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit; font-weight:inherit; }
del,ins { text-decoration:none; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }

/* Text Formation */
body { background:url(../images/footerBg.png) repeat-x 0 100%; font-family:"Trebuchet Ms", Arial; overflow-x:hidden; background-color:#d6fd6b; }
body.porfolioPage { background:#fff; }
h3 { font-size:18px; }
h3 a { text-decoration:none; }
p { margin-bottom:10px; }
a:link,a:visited { color:#44c8f5; }
a:hover { color:#44c8f5; text-decoration:underline; }
a:active,a:focus { outline:0; }

/* Layout Formation */
.background { background:url(../images/fairy-garden_bg.png) 50% 0 no-repeat; position:relative; }
#start { width:1000px; position:relative; margin:0 auto; height:6534px; }
.absolute {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 213px;
}
.cloudsContainer { position:absolute; width:99%; padding:0; margin:0; height:180px; top:-180px; left:0; }
.clouds { background:url(../images/Fairy-Cloud.png) no-repeat 100% -112px; height:180px; width:990px; margin:0 auto; border:0; }

/* Colors */
.blue { color:#38b54a; }

/* Tricks */
.text { }
.invisible { line-height:3000px; }

/* Titles */
#do-you-know-us { width:232px; height:36px; width:240px; height:36px; overflow:hidden; top:508px; left:103px; }

/* Links */
#no-to-do-you-know-us { width:190px; height:36px; top:706px; left:0; overflow:hidden; }
#yes-to-do-you-know-us { width:220px; height:36px; top:706px; left:234px; overflow:hidden; }
#continue-to-Do-you-know-our-work {
	width: 168px;
	height: 36px;
	top: 1353px;
	left: 324px;
	overflow: hidden;
}
#no-to-Do-you-know-our-work { width:81px; height:36px; top:1910px; left:572px; overflow:hidden; }
#yes-to-Do-you-know-our-work { width:92px; height:36px; top:1907px; left:808px; overflow:hidden; }
#show-me-everything { display:block; width:235px; height:112px; top:2260px; left:0; overflow:hidden; }
#show-me-the-best { display:block; width:248px; height:110px; top:2482px; left:244px; overflow:hidden; }
#show-me-the-contact { display:block; width:306px; height:120px; top:2666px; left:20px; overflow:hidden; }
#contact-us {
	display: block;
	width: 200px;
	height: 48px;
	top: 3444px;
	left: 636px;
	overflow: hidden;
}
#cant-remember-to-where-to-find-us { display:block; width:150px; height:88px; top:4085px; left:74px; overflow:hidden; }
#no-to-where-to-find-us { width:71px; height:42px; top:4084px; left:408px; overflow:hidden; }
#find-us-on-google {
	width: 162px;
	height: 78px;
	top: 5084px;
	left: 510px;
	overflow: hidden;
}
#discover-the-roots {
	width: 182px;
	height: 74px;
	top: 5205px;
	left: 71px;
	overflow: hidden;
}
#info { top:1045px; left:100px; }

/* Profile */
#moveToProfile { top:780px; }
#profile { top:1000px; left:184px; width:280px; height:320px; }
#take-komrade-seeds { top:1063px; left:655px; width:230px; height:230px; overflow:hidden; }
#take-komrade-seeds a { display:block; width:230px; height:230px; 
/* remove the display:none; when brochure is ready */
display:none; }

/* Do you know our work? */
#moveToDo-you-know-our-work { top:1420px; }

/* Show me everything */
#moveToShow-me-everything { top:2148px; }

/* Potfolio */
#moveToPortfolio { top:2797px; }
#portfolio { height:490px; left:535px; min-height:450px; min-width:345px; top:2934px; width:345px; overflow:hidden; }
.project { position:absolute; top:0; left:0; padding:8px; }
.projectImage { width:310px; height:220px; padding:6px; background:#221E1F; }
.projectTitle { color:#38b54a; font-size:16px; font-weight:bold; margin-top:8px;  }
.projectText { font-size:14px;  }
#portfolio-links a.slide { position:absolute; display:block; overflow:hidden; }
#portfolio-links a.active { background-position:0 0; display:block; }
#portfolio-links a { background-position:0 100%; display:block; overflow:hidden; }
#portfolio-links a span { display:none; }
#portfolio-links a.slide01 { top:2897px; left:56px; width:48px; height:48px; background-image:url(../images/01.png); }
#portfolio-links a.slide02 { top:2946px; left:151px; width:54px; height:54px; background-image:url(../images/02.png); }
#portfolio-links a.slide03 { top:2942px; left:254px; width:44px; height:44px; width:44px; height:44px; background-image:url(../images/03.png); }
#portfolio-links a.slide04 { top:3064px; left:297px; width:48px; height:48px; width:48px; height:48px; background-image:url(../images/04.png); }
#portfolio-links a.slide05 { top:2933px; left:358px; width:65px; height:64px; width:65px; height:64px; background-image:url(../images/05.png); }

/* Where to find us*/
#moveToDo-you-where-to-find-us { top:3568px; }

/* Contact form */
#moveToContact { top:4672px; }
#contact-form-container {
	top: 4875px;
	left: 318px;
}
#contact-form input { border:none; display:block; background:none; height:25px; padding:3px 4px 2px; margin-bottom:10px; width:144px; }
#contact-form textarea { border:none; background:none; display:block; height:105px; padding:3px 4px 2px; margin-bottom:5px; width:144px; overflow:auto; }
#contact-form-submit { display:block; width:48px; height:18px; min-width:48px; min-height:18px; margin-left:100px; }
#contact-form input.error { background:#fffff2; border:1px solid red; height:25px; padding:2px 3px 1px; }
#contact-form textarea.error { background:#fffff2; border:1px solid red; height:103px; padding:2px 3px 1px; }
#contact-form-container .loading { padding-bottom:20px; background:url(../images/contact-loader.gif) no-repeat 50% 0; }
span#contact-form-log { display:block; width:150px; margin-top:15px; font-size:12px; color:#E31D25; font-weight:bold; text-align:center; }

/* The roots */
#moveToRoots { top:5900px; }
#roots { color:#fff; font-size:13px; line-height:18px; }
.root { }
.people { top:6030px; left:726px; width:264px; }
ul.peopleList { }
ul.peopleList li { display:block; position:relative; padding:0 0 0 58px; margin-bottom:12px; }
ul.peopleList li h3 { color:#44c8f5; margin:0 0 4px; padding:0; font-size:15px; }
ul.peopleList li img { position:absolute; left:0; top:2px; width:40px; height:40px; border:1px solid #e9e9e9; padding:0; }
ul.peopleList li div { line-height:15px; font-size:11px; }
.joomlaworks { top:6040px; left:64px; width:264px; }
.joomla {
	top: 6211px;
	left: 390px;
	width: 264px;
}

/* Featured work */
#featured { clear:both; text-align:left; margin:0 auto; padding:8px 0 0; width:920px; }
#featured h1 { margin:2px 0 4px; padding:0 0 4px; font-size:28px; }
#featured h1 span { font-size:14px; color:#000; margin-left:8px; }
.featWorkBlock { float:left; width:296px; margin:4px 4px 16px; padding:0; }
a.featWorkSnapshot { display:block; padding:2px; border:1px solid #ccc; margin:0 0 4px; width:290px; height:137px; }
a.featWorkSnapshot:hover { display:block; padding:2px; border:1px solid #e31717; margin:0 0 4px; width:290px; height:137px; }
a.featWorkSnapshot span { display:none; }
div.featWorkLink { text-align:right; }
.featWorkBlock h2 span { color:#999; font-size:12px; }

/* Footer */
#footer { top:6485px; left:0; width:970px; padding:12px; color:#fff; font-size:10px; height:50px; }
#footer address { display:none; }
.copyrights { text-align:right; }

/* Menu */
#menu { position:fixed; width:100%; bottom:0; right:0; background:url(../images/grass.png) repeat-x 0 0; height:46px; }
#menu ul { display:block; width:990px; text-align:center; padding:20px 0 0; margin:0 auto; }
#menu ul li { display:inline; margin:0 12px; }
#menu ul li a { color:#fff; font-size:12px; text-decoration:none; }
#menu ul li a:hover { color:#fff; font-size:12px; text-decoration:underline; }
#menu ul li.menuNote { color:#3d7d47; font-size:11px; margin-right:0; }

/* End */

/*

* {
	margin: 0;
	padding: 0;
}

*/

/**************************************************************

	MultiBox
	v1.3

**************************************************************/
#Overlay { }
.MultiBoxContainer { position:absolute; border:20px solid #FFF; background-color:#FFF; display:none; z-index:2; text-align:left; -moz-border-radius:1em; -webkit-border-radius:1em; 
/*overflow: hidden;*/
}
.MultiBoxLoading { background:url(../images/loader.gif) no-repeat center; }
.MultiBoxContent { position:relative; width:100%; height:100%; overflow:hidden; }
.MultiBoxClose { position:absolute; top:-26px; right:-26px; background:url(../images/close.png) no-repeat; width:24px; height:24px; cursor:pointer; }
.MultiBoxControlsContainer { overflow:hidden; height:0; width:100%; position:relative; }
.MultiBoxControls { width:100%; height:auto; background-color:#FFF; padding-bottom:2px; position:absolute; bottom:0; }
.MultiBoxPrevious { position:absolute; background:url(../images/left.png) no-repeat; width:24px; height:24px; left:0; margin-top:5px; cursor:pointer; }
.MultiBoxNext { position:absolute; background:url(../images/right.png) no-repeat; width:24px; height:24px; right:0; margin-top:5px; cursor:pointer; }
.MultiBoxNextDisabled { cursor:default; background:url(../images/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled { cursor:default; background:url(../images/leftDisabled.png) no-repeat; }
.MultiBoxTitle { position:relative; margin:10px 0 0 35px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold; text-align:left; }
.MultiBoxNumber { position:relative; width:50px; margin:10px 35px 0 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:right; }
.MultiBoxDescription { clear:left; position:relative; margin:0 35px; padding-top:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-align:left; }

/*************************************************************/