/* General */

* { padding: 0; margin: 0; }

h1,h2,h3,h4,h5,h6,pre,code {font-size:2em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

img {
 border: 0px;
}

body {
 margin: 0 auto;
 position:relative;
 min-height: 100%; 
 font-family: arial, "lucida Grande", verdana, helvetica, sans-serif;
 font-size: 13px;
 color: #666;
 background: #fff;
 line-height: 22px;
 margin:0;
 padding:0;
 width:100%;
 }

#background {position:absolute; z-index:-1; width:100%; height:100%; padding:0; margin:0;}

/* Headers */

h1{
 color: #09c;
 font-size:3.6em;
 padding:0.6em 0em 0em 0em;
 margin-left:-10px;
 font-family:arial;
}

h2{
 color: #8b3;
 line-height:36px;
 font-family:arial;
 }

h3{
 font-size:  1.5em;
 color: #069;
 line-height:36px;
 font-family:arial;
}

h4{
font-size: 0.96em;
font-family:arial;
margin:0;
width: 152px;
text-align:right;
color:#8b3;
}

#wrap1 a:link, #wrap1 a:active, #wrap1 a:visited{
 color: #dd6b51;
 text-decoration: none;
}
#wrap1 a:hover{
 color: #cd3b1a;
 text-decoration: none;
}

/* Columns */

#wrapper { 
 position:relative;
 margin: 0 auto;
 width: 960px;
 }
 
	/* Header template.php */
#header {
 position:relative;
 width: 960px;
 padding: 0;
 margin: 0;
 height:325px;
 min-height:325px;
 background: transparent url(../../img/contact_cloud.png) no-repeat top right;
 z-index:2;
}

#hello {position:relative; top:-100px; left:470px;width:170px;}
#hello a {text-decoration:none; color:#09c;}

#header img{
 float: left;
 margin-left: 0;
}

#header .logo{
 line-height: 53px;
 color: #cd3b1a;
 font-family: Helvetica;
 font-weight: bold;
 font-size: 45px;
 }

#header .tagline{
 padding-left: 93px;
 color:#90b3bf;
 font-family:georgia;
 font-size:18px;
	}

/* Top navigation menu (clouds) */

#topmenu {position:absolute; top:6px; left:256px;}

ul#menu {margin:0; padding:0; list-style:none; clear:both;}  
 #menu li {overflow:hidden; display:inline; float:left; margin:0}  
 #menu li a {text-align:center; background:url('../../img/3_cloud_links.png') no-repeat; width:100%; height:100%; display:block; padding:38px 45px 0px 0px;font-size:1.1em;line-height:1em;text-decoration:none;}

 /* Who Button */  
 #menu li.who {width:140px; height:130px;}  
 #menu li.who a{background-position:0px 0px;}  
 #menu li.who a:hover{background-position:0px -130px;}  
 #who #menu li.who a {background-position:0px -260px;}

/* What Button */  
 #menu li.what {width:140px; height:130px;}  
 #menu li.what a{background-position:-140px 0px;}  
 #menu li.what a:hover{background-position:-140px -130px;}  
 #what #menu li.what a {background-position:-140px -260px;}  

/* Work Button */  
 #menu li.work {width:140px; height:130px;}  
 #menu li.work a{background-position:-280px 0px;}  
 #menu li.work a:hover{background-position:-280px -130px;}  
 #work #menu li.work a {background-position:-280px -260px;}  



	/* leftcolumn template.php */
#leftcolumn { 
 margin: 0px 0px 50px 0px;
 padding: 10px;
 width: 200px;
 float: left;
}

	/* rightcolumn template.php */
#rightcolumn { 
 float: left; /*was right*/
 margin: 0;
 padding: 10px 0px 10px 65px;
 width: 620px;
 display: inline;
 clear: both;
 background:transparent;
 }

	/* rightcolumn liststyle template.php */
#rightcolumn ul { 
 padding-left: 18px;
}

/* home page */


#statement {position:relative; margin-top:-140px; left:0px; width:620px; z-index:3; color:#aaa; padding:0px 0px 20px 0px; height:300px;/*was 330*/}
#statement p {line-height:1.2em;text-align:justify;font-size:1.4em;}

#statement .primary {color:#777;}
#statement p span.hp {color:#09c;}
#statement p.bigblue {color:#069; font-size:1.6em; line-height:1.4em;}

/* Phew */
#phew {position:absolute;z-index:6;top:300px;left:195px;width:114px;height:120px;padding:0;}

/* Content */
/* date */
.date{
 padding-top: 10px;
 color: #90b3bf;
 font-size: 11px;
 font-style: italic;
}

/* Featured template.php */
#featured { 
 background: #41606d;
 color: #fff;
 width: 960px;
 margin: 0 auto;
 padding-top: 25px;
 padding-bottom: 45px;
}
/* Featured image as used on ieddy.nl/getsimple template.php */
#featured img, #featured2 img{ 
 margin-right: 10px;
}

#featured ul{ 
 list-style: none;
}

/* Footer with credits */
#footer {
 position:relative; 
 width: 940px;
 background: #f5f5f5;
 margin: 0 auto;
 padding: 10px;
 font-size: 11px;
 text-align: right;
 height: 60px;
}

#footer p { 
        padding: 10px 5px 0; font-size:0.8em;
      }

#footer a.tweet {color:#09c; text-decoration:none; background: url(../../img/twitter.png) no-repeat center right; padding:15px 35px 15px 0px; line-height:50px;min-height:50px;margin-right:15px;}

/* Wraps for 100% width */
.wrap1{
 clear: both;
 background: #bde;
 width: 100%;
 height:370px;
 margin:0;
 padding:10px 0px;
 text-align:center;
}

.wrap1 h2 {float:left; margin:0.5em 2em 0.5em 3.1em; color:#fff;}
.wrap1 p {width:90%; color:#047; margin: 1em 4em 1em 5em ; font-size:1.2em; text-align:left; line-height:1.4em; }

.wrap1 #potty {position:relative; left:80%; top:-484px; margin-top:-94px; height:94px; width:66px; padding:0; margin:0; z-index:4;background:transparent;}

 /* Happy Plant */
 .wrap1 #potty a {position:absolute; width:66px; height:94px; text-decoration:none; border:0; background: url('http://www.bigbanghq.com/images/happy_plant.gif') no-repeat 0 0;}  
 .wrap1 #potty a:hover{background-position:0px -94px;}


.wrap2{
 clear: both;
 border-top: 1px #b0d5e1 solid;
 background: #f5f5f5;
 padding:0;
 width: 100%;
 margin:0;
 }


/** CONTACT FORM by: get-simple.info **/

.contactform {
margin:0 0 20px 0;}
.contactform b {
display:block;}
.contactform input.text, .contactform textarea, .contactform select {
width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0; background: #b0d5e1; border: 1px solid #cd3b1a;  color: #41606d; }
.contactform textarea {height:150px;width:350px;}
.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}
.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}
.contactform p.success {color:#00CC33;}
.contactform p.error {color:#CC0000;}

/* Menu links */

#menu li a {
 color: #047;
}

#menu li a:link, #menu li a:visited {
 color: #047;
}

#menu li a:hover, #menu li a:active{
 color: #08b;
 }

/* Elements */
code{
 margin-top: 1em;
 margin-bottom: 1em;
 font-size: 11px;
 display: block;
 padding: 15px;
 background: #b0d5e1;
 border: 1px dashed #cd3b1a;
}

hr{
 background-color: #cd3b1a;
 height: 1px;
 border: 0px;
}

blockquote {
 font-style: italic;
 margin: 0px;
 padding: 15px;
 border-left: 3px solid #cd3b1a;
 background: #b0d5e1;
}

#download a
{
font-size: 30px;
line-height:36px;
font-family:georgia;
display: block;
width: 300px;
text-align: center;
padding: 6px;
background-color: #b0d5e1;
color: #2d424a;
border-bottom: 1px solid #90b3bf;
}

#download a:link, #download a:visited
{
color: #2d424a;
text-decoration: none;
}

#download a:hover{
background-color: #cd3b1a;
color: #ffffff;
border-bottom: 1px solid #41606d;
}

/** menu_right.php **/
#leftcolumn2 { 
 margin: 0px 0px 50px 0px;
 padding: 10px;
 width: 678px;
 float: left;
}
#leftcolumn2 ul { 
padding-left: 18px;
}

#rightcolumn2 { 
 float: right;
 margin: 0px 0px 50px 0px;
 padding: 10px;
 width: 200px;
 display: inline;
}
/** 2columns.php **/
#featured_left{
 width: 430px;
 padding-right: 50px;
float: left;
}

#featured_right{
 width: 430px;
float: right;
}

#featured2 { 
 background: #41606d;
 color: #ffffff;
 width: 960px;
 height: 230px;
 margin: 0 auto;
 padding-top: 25px;
}

/** featured.php **/

.wrap1_1{
 background: #41606d;
 width: 100%;
 padding-left: 10px;
  border-top: 1px #b0d5e1 solid;
 border-bottom: 1px #2d424a solid;
}

.wrap2_1{
 clear: both;
 border-top: 1px #b0d5e1 solid;
 background: #90b3bf;
 width: 100%;
}

.needles {color:green;font-weight:bold;}
.haystack {color:pink;font-weight:bold;font-size:3em;}