@charset "utf-8";
*{margin:0;padding:0;}

body{
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	color:#545454;
	font-size:16px;
	background:#b4c032;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-weight:normal;
}
h1 {
	font-size:20px;
	color:#b4c032;
}
h1.blog	{
	font-size:20px;
	color:#006d9e;
	font-weight:bold;
}
p.byline	{
	font-weight:bold;
	font-size:0.9em;
	padding-bottom:20px;
}
h1 strong {
      
	color:#fff;
	font-weight:normal;
}
a {text-decoration:none;color:#1170a6;}
a:hover {text-decoration:underline;}

ul.nav {
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	position:absolute;
	top:55px;
	right:0;
	font-size:14px;
	color:#fff;
	list-style:none;
	z-index:1000;
}
ul.nav.portfolio {top:43px;padding:12px 0 5px 0;background:url(../images/bg_nav_portfolio.png) 225px 0 no-repeat;}
ul.nav li {
	float:left;
	margin:5px 8px;
	text-transform:uppercase;
}
ul.nav.meet li,
ul.nav.portfolio li {color:#b4c032;}
ul.nav li a {
	color:#fff;
}
ul.nav li a:hover {
	text-decoration:none;
	color:#8E9822;
}
ul.nav li.contactselected {border-bottom:4px solid #fff;}
						   
#homecontainer,
#meetcontainer, 
#stuffcontainer,
#portfoliocontainer,
#contactcontainer {
	height:768px;
	position:relative;
}
#homecontainer {background:url(../images/bg_homecontainer.png) top repeat-x;}
#homecontainer .content.home {background:url(../images/bg_homecontainer_content.png) top no-repeat;min-height:135px;}

#homebottom .content {
	
	padding:85px 0 20px 0; 
	margin: 40px auto;
}

#meetcontainer {background:url(../images/bg_meetcontainer.png) top repeat-x;}
#meetcontainer .content.meet {background:url(../images/bg_meetcontainer_content.png) 381px 15px no-repeat;height:153px;}

#stuffcontainer{background:url(../images/bg_stuffcontainer.png) top repeat-x;}

#portfoliocontainer{background:url(../images/bg_portfoliocontainer.png) top repeat-x;}

#contactcontainer{height:1500px;background:url(../images/bg_contactcontainer.png) top repeat-x;}

.content {
	margin:0 auto;
	width:820px;
	position:relative;
}
.buffer {
	height:100px;
	background:#fff;
}
.buffer.stuff-portfolio {
	background:url(../images/bg_stuff_portfolio_buffer.png) top repeat-x;
}
.buffer.portfolio-contact {
	background:url(../images/bg_portfolio_contact_buffer.png) top repeat-x;
}
.buffer.meet-stuff {
	background:url(../images/bg_meet_stuff_buffer.jpg) top repeat-x;
}

#homenav {
	height:26px;
	background:url(../images/bg_home_nav.png) repeat-x;
	position:absolute;
	right:0;
	top:55px;
	width:50%;
}
#hometitle {
	height:50px;
	padding:20px 0 0 0;
left:0;
}
#hometitle h1 {
	float:left;
	width:700px;
	text-align:justify;
	line-height:20px;
	padding-right:100px;
	background:url(../images/bg_passionate.png) right no-repeat;
}
#hometitle h1 span	{
	color:white;
}

p#passionate a:hover {text-decoration:none;}
#hometop {
	position:absolute;
	top:135px;
      left:0;
	width:820px;
	height:315px;
}
ul#homeoptions {
	list-style:none;
	position:absolute;
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size:13px;
	top:80px;
}
ul#homeoptions li {
	color:#fff;
	margin:10px 0;
	padding:0 0 0 30px;
}
ul#homeoptions li#project {background:url(../images/bg_homeoptions_project.png) left no-repeat;}
ul#homeoptions li#application {background:url(../images/bg_homeoptions_application.png) left no-repeat;}
ul#homeoptions li#idea {background:url(../images/bg_homeoptions_idea.png) left no-repeat;}
ul#homeoptions li#company {background:url(../images/bg_homeoptions_company.png) left no-repeat;}
ul#homeoptions li a {
	color:#fff;
	padding:5px;
	width:222px;
	display:block;
}
ul#homeoptions li a:hover {
	color:#b4c032;
	background:url(../images/bg_homeoptions_hover.png) left no-repeat;
	text-decoration:none;
}
#homebottom {
	position:absolute;
	top:210px;
	left:0;
	width:100%;
	height:319px;
	background:url(../images/bg_homebottom.jpg) top center repeat-x;
}
#homegirl {
	position:absolute;
	bottom:4px;
	left:280px;
	width:255px;
	background:url(../images/bg_home_girl.jpg) no-repeat;
	height:225px;
}
#homecarousel {
	position:absolute;
	bottom:4px;
	left:515px;
	width:365px;
	height:225px;
	background:url(../images/top_carousel_background.jpg) no-repeat;
}
#homecarousel #carouselimage	{
	background:url(../images/bg_home_carousel_image.jpg) no-repeat;
	height:178px;
	width:213px;
	position:absolute;
	left:80px;
	top:-10px;
}
#homecarousel #carouselimage .slideshow img	{
	position:absolute;
	top:3px;
	left:3px;
	border:0;
}
.portfolioimage {
	width:386px;
	height:320px;
	background:url(../images/bg_portfolioimage.png) no-repeat;
	float:right;
	padding:9px 0 0 9px;
}
#askclients {
	position:absolute;
	bottom:5px;
	width:190px;
	height:35px;
}
#askclients a.askourclients	{
	background:url(../images/bg_askclients.png) no-repeat;
	display:block;
	width:190px;
	height:35px;
}
#call_us {
	position:absolute;
	bottom:2px;
	width:820px;
	height:35px;
	text-align:right;
	color:white;
	font-size:14px;
}
div.homefeature {
	width:250px;
	float:left;
	border-right:1px dashed #dcdbdb;
	padding:0 10px;
	height:180px;
}
div.homefeature h2 {
	color:#424242;
	font-size:20px;
	margin:0 0 2px 0;
}
div.homefeature h3 {
	color:#8e9822;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px;
}
div.homefeature p {
	margin:0 0 10px 0;
	line-height:1.5em;
}
div.homefeature p em {
	font-style:normal;	
	color:#1170a5;
	font-weight:bold;
	font-size:10px;
}
div.homefeature.last {border:0;}
#meettop {
	background:url(../images/bg_meettop.png) top center repeat-x;
	height:41px;
}
#meettitle {
	position:absolute;
	top:160px;
	padding:0 20px;
}
#meetmiddle {
	position:absolute;
	top:256px;
	width:100%;
	z-index:300;
	/*background:url(../images/bg_meetmiddle.png) top center repeat-x;*/
}
#meetmiddle .content.meetmiddle {
	height:377px;
	line-height:1.5em;
}
div.meetcontent {
	width:250px;
	float:left;
	border-right:1px dashed #dcdbdb;
	padding:0 10px;
	margin:20px 0 0 0;
}
div.meetcontent h3 {
	font-size:20px;
	color:#1170a5;
	margin:0 0 10px 0;
	font-weight:bold;
}
div.meetcontent p {
	margin:0 0 10px 0;	
}
div.meetcontent.last {border:0}
#meetbottom {
	position:absolute;
	height:236px;
	bottom:0;
	width:100%;
	background:url(../images/bg_meetbottom.png) top center repeat-x;
}
#meettitle h2 {
	font-weight:bold;
	color:#8fc5e3;
	font-variant:small-caps;
	font-size:26px;
	line-height:0.90em;
}
#meettitle h2 strong {color:#fff;}
#watercan {
	position:absolute;
	bottom:10px;
	right:10px;
	width:115px;
	height:134px;
	background:url(../images/bg_watercan.png) no-repeat;
	color:#fff;
	font-size:18px;
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	padding:55px 60px 0 150px;
	font-weight:bold;
}
#watercan a {
	font-size:10px;
	height:26px;
	color:#fff;
	display:block;
	float:right;
	padding:8px 36px 0 0;
	background:url(../images/bg_watercan_a.png) right no-repeat;
	
}
#stuffmiddle {
	position:absolute;
	top:117px;
	width:100%;
	background:url(../images/bg_stuffmiddle.png) top center repeat-x;
	padding:90px 0 0 0;
}
#stufftext {
	width:580px;
	float:left;
}
#stufftext h2 {
	font-size:21px;
	margin:0 0 10px;
}
#stufftext h2 strong {
	color:#8e9822;
}
#stufftext h3 {
	font-size:14px;
	color:#8f8e8e;
	margin:0 0 10px;
}
#stuffbottom {
	position:absolute;
	bottom:0;
	width:100%;
	height:133px;
	z-index: 1;
	background:url(../images/bg_stuffbottom.jpg) center bottom repeat-x;
}
#stuffboard {
	position:absolute;
	top:-210px;
	right:0;
	width:185px;
	height:346px;
	background:url(../images/bg_stuffboard.png) center no-repeat;
	z-index:300;
	color:#fff;
	padding:330px 22px 64px 126px;
}
#stuffboard h3 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 15px 0;
}

div.stufftext {
	float:left;
	width:240px;
	padding:10px 40px 10px 0;
	border-right:1px dashed #dcdbdb;
}
div.stufftext.last {
	border:0;
	padding:10px 0 10px 30px;
}
div.stufftext h3 {
	font-size:20px;
	font-weight:bold;
	color:#424242;
	margin:0 0 10px 0;
}
div.stufftext p {
	margin:0 0 10px 0;
	line-height:1.5em;
}
#portfoliotop {
	background:url(../images/bg_portfoliotop.png) center bottom repeat-x;
	width:100%;
	height:46px;
	position:absolute;
	top:99px;
}
#portfoliomiddle {
	position:absolute;
	top:172px;
	width:820px;
	z-index:500;
	height:330px;
}
.portfoliotext {
	width:400px;
	float:left;
}
.portfoliotext h2, .portfoliotext h3 {
	font-size:20px;
	color:#424242;
	margin:0 0 10px 0;
}
.portfoliotext h3 {
	font-weight:bold;	
}
.portfoliotext h2 strong {
	text-transform:uppercase;
	color:#1170a6;
}
.portfoliotext p {
	margin:0 0 10px 0;
	line-height:1.5em;
}
#portfoliobottom {
	background:url(../images/bg_portfoliobottom.png) center bottom repeat-x;
	width:100%;
	height:191px;
	position:absolute;
	bottom:0;
	padding:80px 0 0 0;
}
.portfolioimage {
	width:386px;
	height:320px;
	background:url(../images/bg_portfolioimage.png) no-repeat;
	float:right;
	padding:9px 0 0 9px;
}
#portfolionext,
#portfolioprev {
	display:block;
	height:47px;
	width:47px;
}
#portfolioindicators {
	padding:30px 0 0 0;
	width:400px;
	margin:0 auto;
	text-align:center;	
}
#portfolionext {float:right;background:url(../images/bg_portfolio_next.png) no-repeat;}
#portfolioprev {float:left;background:url(../images/bg_portfolio_prev.png) no-repeat;}
#portfolionext span,
#portfolioprev span,
a.portfolioindicator span {display:none;}
a.portfolioindicator {
	display:inline-block;
	margin:0 auto;
	height:16px;
	width:16px;
	background:url(../images/bg_portfolio_indicator.png) bottom no-repeat;
}
a.portfolioindicator.selected {background-position:top;}

#contacttop {
	background:url(../images/bg_contacttop.png) center bottom repeat-x;
	width:100%;
	height:135px;
	position:absolute;
	top:85px;
}
#contactmiddle {
	width:100%;
	height:215px;
	position:absolute;
	top:220px;
	color:#fff;
	padding:55px 0 0 0;
}
#contactmiddle h3 {
	font-weight:bold;
	font-size:22px;
	margin:0 0 10px 0;
}
#bottom_contact_form p {
	width:400px;
	margin:40px 0 10px 0;
	color: #000;
	line-height:1.6em;
}

#bottom_contact_form #contact_form, #contact_form_thanks	{
	background-color: #fff;
	height:140px;
	width:450px;
	padding:10px;
	border: 1px solid #858910;
	color:#000;
	-moz-border-radius:5px 5px 5px 5px;
}
#bottom_contact_form #contact_form p	{
	width:450px;
	color:#000;
	margin:0 0 10px 0;
	line-height: 1.6em;
}
#contactmiddle .content {
	background:url(../images/bg_contactmiddle_content.png) 500px 87px  no-repeat;
	height:214px;
}
#contactaddress {
	display:block;
	width:220px;
	text-align:right;
	bottom:30px;
	right:0;
}
#contactaddress p {
	margin:0 0 10px 0;
}
#contactbottom {
	width:100%;
	position:absolute;
	top:490px;
	color:#064b71;
	background:url(../images/bg_contactbottom_content.png) center top no-repeat;
}
#contactbottom .content {
	height:216px;
}
#contactphone,
#contactaddress,
#contactlegal,
#contactemail {
	position:absolute;
	font-size:12px;
	line-height:16px;
	margin:0;
}
#contactaddress a	{
	color:white;
	text-decoration:underline;
}
#contactphone {
	width:200px !important;
	bottom:30px;
	right:255px;
}

#contactemail {
	width:200px !important;
	top:30px;
	right:255px;
}
#contactlegal {
	width:140px !important;
	top:30px;
	right:0;
	text-align:right;
}

#twitter {
	display:block;
	position:absolute;
	background:url(../images/bg_twitter.png) no-repeat;
	width:81px;
	height:44px;
	top:114px;
	right:245px;
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	padding:10px 10px 0 65px;
	font-size:13px;
	font-weight:bold;
}
#facebook {
	display:block;
	position:absolute;
	background:url(../images/bg_facebook.png) no-repeat;
	width:51px;
	height:51px;
	top:110px;
	right:145px;
}
#facebook span {display:none;}

a.logo {
	float:left;
	display:block;
	width:258px;
	height:58px;
	background:url(../images/bg_logo.png) 0 20px no-repeat;
	padding:20px 0 0 0;
}

.stufftext	em	{
	font-size:12px;
}
.error	{
	border: 1px dashed red !important;
	color: red !important;
}

#stuffboard p {
	font-size:13px;
	margin:0 0 10px 0;
	line-height:1.6em;
}

form#stuffcontact	input[type=text],form#contact_form	input[type=text]	{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 1px dashed white;
	background: #b6be5b;
	padding:3px;
	color:white;
	font-size:13px;
	width: 160px;
	font-style:italic;
}
form#contact_form	input[type=text]	{
	color: #000;
	background: #fff;
	border-bottom: 1px dashed black;
	font-size:11px;
}
.portfoliotext ul	{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.portfoliotext li	{
	background-image: url(../images/tech_tick.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 20px;
}

#blog_sidebar	{
	background:#c6cf62;
	padding:10px;
	float:left;
	width:170px;
	height:100%;
	margin:10px 10px 20px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#blog_content	{
	margin: 10px 10px 20px 210px;
	background: #bfc951;
	padding:10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#blog_content p, #blog_content div, .posterous_autopost div, .posterous_autopost p {
	color:#222;
	font-size:14px;
	line-height:22px;
	padding: 5px 0 10px 0;
}
#blog_content	hr {
	margin: 10px 0 30px 0;
}
#blog_content ul,#blog_content ol {
	margin: 0 0 20px 40px;
}
#blog_content ul li a,#blog_content ol li a, #blog_content ul li, #blog_content ol li {
	color:#333;
	font-size:14px;
	line-height:22px;
}
#blog_sidebar ul	{
	margin: 0 0 0 20px;
}
li#archives,li#archives ul li a ,li#archives ol li a, li#meta,li#meta ul li a ,li#meta ol li a	{
	color:#333;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
}
li#archives, li#meta {
	font-weight:bold;
}
.blogcontentcontainer	{
	background:url(../images/blog_content_header_background.jpg) top center repeat-x #b4c032;
}
#blog_content textarea	{
  width:550px;
}
.gist	span, .gist div {
  font-size:12px !important;
  line-height:14px !important;
}