@charset "utf-8";
@import "zero.css";
@import "lavalamp.css";
@import "twitter.css";
@import "lightbox.css";

html {
	background:#202020;
}

body {
	background:url(../images/bg_green.jpg) repeat-x;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}

	a {
		color:#93c540;
		text-decoration:none;
	}
	
	p {
		line-height:1.5em;
		padding-bottom:16px;
		overflow:hidden;
	}
		.subtitle {
			font-size:1.2em;
			font-weight:bold;
			padding-bottom:0px;
		}
	
	h1, h3 { text-indent:-9999px; }
	
	.floatL { float:left; }
	.floatR { float:right; }
	.imgL { padding:0 20px 16px 0; }

/* HEADER */
#header {
	font-size:0.9em;
	margin:0px auto;
	width:960px;
	height:121px; 
}

	#header a { color:#FFF; }
	#header a:hover { color:#C90; }
	#header .clientArea { color:#93c540; }
	
	.logo { float:left; }
	
	/* LAVALAMP - in external file */			


/* BANNER */
#banner {
	clear:both;
	background:url(../images/banner.png) 50% 0% no-repeat;
	width:100%;
	height:327px;
}

	#home #banner { background:url(../images/banner.png) 50% 0% no-repeat; }
	#services #banner { background:url(../images/banner.png) 50% 0% no-repeat; }
	#portfolio #banner { background:url(../images/banner.png) 50% 0% no-repeat; }
	#contact #banner { background:url(../images/banner.png) 50% 0% no-repeat; }
	#about #banner { background:url(../images/banner.png) 50% 0% no-repeat; }
	
	.bannerText {
		margin:0px auto;
		width:910px;
	}
	
		.bannerText h2 {
			font-size:6em;
			padding:50px 0px 10px 0px;
		}
		
		.bannerText p {
			color:#555;
			font-size:1.1em;
		}

/* CONTENT */
#content {
	overflow:visible;
	position:relative;
	background:url(../images/bg_leaf.gif) 0% 100% no-repeat;
	width:100%;
	z-index:1;
}

	.content {
		overflow:visible;
		margin:0px auto;
		width:960px;
		}
		
		h1 {
			background-repeat:no-repeat;
			height:111px;
			_display:none;
		}
			.h1Web { background-image:url(../images/h1_web.png); }
			.h1Print { background-image:url(../images/h1_print.png); }
			.h1Contact { background-image:url(../images/h1_contact.png); }
			.h1Portfolio { background-image:url(../images/h1_portfolio.png); }
			.h1About { background-image:url(../images/h1_about.png); }
			
			.h1shift { margin:-86px 0 0 -55px; }
			
		a {	color:#93c540; }
		a:hover { color:#FFF; }
		
	/* HOMEPAGE */
	.squares {
		float:left;
		position:relative;
		overflow:visible;
		margin-right:30px;
		margin-bottom:30px;
	}
	
		.content .squares { 
			padding:25px;
			width:250px;
			height:212px;
			}
	
		.blue { background:url(../images/bg_blue.png) no-repeat; }
		.light { background:url(../images/bg_light.png) no-repeat; }
	
			.squares h1 {
				background-repeat:no-repeat;
				margin:-111px 0 0 -55px;
				z-index:2;
			}	
			
				.title { font-size:1.1em; font-weight:bold; line-height:1em; }
				.light p { color:#555; }
				.light .title { color:#6d9d1d; }
				
			.button {
				display:block;
				text-indent:-9999px;
				margin-top:5px;
				width:109px;
				height:37px;
			}
				.btnMore, .btnPort { float:left; width:109px; }
				.btnMore { background:url(../images/btn_moreInfo.gif) no-repeat; margin-right:32px; }
				.btnPort { background:url(../images/btn_portfolio.gif) no-repeat; }
				.btnContact { float:right; background:url(../images/btn_contact.gif); width:119px; }
	
	.oneCol, .twoCol { display:block; margin-bottom:16px; }
	
	.oneCol {
		background:#404040;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px; 
		font-size:0.9em;
		padding-bottom:19px;
		width:300px;
	}
		.oneCol p {
			padding:0px 35px 16px 30px;
		}
		
	.twoCol {
		width:605px;
	}
	
		.icon {
			background-repeat:no-repeat;
			padding-left:115px;
			margin:0 0 0 -30px;
			height:110px;
			_background:none;
			_padding-left:0px;
			_margin:0px;
		}
			
		#content h2 { 
			font-size:5em; 
			line-height:85px;
		}
		
		h4 { 
			color:#CCC; 
			font-size:3em;
			line-height:100px;
			padding-left:30px;
			margin-top:-10px;
			}
			.speaker { background-image:url(../images/icon_speaker.png); }
			.paint { background-image:url(../images/icon_paint.png); }
			.info { background-image:url(../images/icon_info.png); }
			.case { background-image:url(../images/icon_case.png); }
	
	/* SERVICES */
	.servicesWeb, .servicesPrint, .servicesOverview {
		position:relative;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:16px 16px 0px 16px;
		margin-bottom:30px;	
	}
	
	.servicesWeb, .servicesPrint {
		background:#404040;
		margin-bottom:30px;
		width:433px;
	}
	
	.servicesWeb { float:left; }
	.servicesPrint { float:right; }
		
		#services h1 {
			background-repeat:no-repeat;
			margin:-102px 0 0 -55px;
			z-index:2;
		}	
		
		.serviceList {
			clear:both;
			border-top:1px solid #777;
			margin:20px 0px 16px 0px;
		}
		
			.serviceItem {
				display:block;
				background:url(../images/tick.png) no-repeat 0 center;
				line-height:16px;
				padding-left:24px;
				margin:10px 0px;
			}
			
			.serviceList li p { 
				border-bottom:1px solid #555; 
				padding-bottom:10px; 
				margin:0 0 10px 24px; 
			}
		
				.more, .less, .show, .hide { line-height:1em; }
				.show, .hide { position:absolute; top:16px;	right:16px; font-size:0.9em; }
				.more, .less { font-size:0.8em; margin-left:10px; float:right; }
		
		.serviceList .less, .serviceList li p, .hide { display:none ; }
		
	.servicesOverview {
		clear:both;
		background-color:#93c540;
		padding-bottom:16px;
		width:928px;
	}
		.servicesOverview p { padding:0px 32px 16px 100px; }
		.servicesOverview a { color:#333; }
		.servicesOverview a:hover { color:#FFF; }
	
	/* PORTFOLIO */
	.samples {}
	
		.samples li {
			background:#404040;
			border:1px solid #93c540;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			font-size:0.9em;
			padding:20px 20px 5px;
			margin-bottom:16px;
		}
		
			.samples li img { 
				float:left;
				background:#222;
				border:1px solid #333;
				padding:10px;
				margin:0px 20px 10px 0px;
			}
			
			.portTitle { 
				font-size:1.4em;
				font-weight:bold;
				padding-bottom:0px;
			}
			
			.portUsed { color:#93c540; }
	
	/* FEATURES */	
	.blueBtn {
		display:block;
		background:url(../images/button_bg.gif) 100% 0% no-repeat;
		color:#FFF;
		line-height:29px;
		text-align:center;
		padding-right:10px;
		height:30px;
	}
		.blueBtn:hover { color:#404040; }
		
		.blueBtn span {
			display:block;
			float:left;
			background:url(../images/button_bg.gif) 0% 0% no-repeat;
			width:10px;
			height:30px;
		}

	/* CONTACT */
	#formSide, #letterSide {
		background:#404040;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:15px 30px 0px 35px;
		margin-bottom:30px;
		width:398px;
	}
		#formSide h4, #letterSide h4 { padding-left:0px; }
	
	#formSide {
		float:left;
	}
	
	#letterSide {
		float:right;
		padding-bottom:4px;
	}
	
		.txtDiv, .checkboxes { 
			display:block;
			background-position:365px 50%;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			padding:5px 20px 5px 1px;
			margin-bottom:5px;
		}
		
		.txtDiv {
			clear:both;
		}
		
			.error, .pass {
				background-repeat:no-repeat;
				border-style:solid;
				border-width:1px;
				color:#555;
				padding:4px 19px 4px 0px;
			}
			
			.error {
				background-image:url(../images/cross.png);
				background-color:#ffc0c0;
				border-color:#fe5252;
			}
			
			.pass {
				background-image:url(../images/tick.png);
				background-color:#b4ffa5;
				border-color:#93c540;
			}
		
		.txtDiv label, .checkboxes div label {
			float:left;
			display:block;
			font-size:0.9em;		
		}
		
		.txtDiv label {
			line-height:28px;
			text-align:right;
			padding-right:10px;
			width:100px;
		}
		
		.iptText, textarea { 
			padding:5px;
			width:228px;
		}
		
		textarea { height:120px; }
		
		.checkboxes { overflow:auto; }
		
			.checkboxes div { 
				float:left; 
				display:block; 
			}
			
				.checkboxes div input {
					float:left;
					display:block;
					margin-left:15px;
					height:30px;
				}
				
				.checkboxes div label {
					line-height:28px;
					padding-left:5px;
					width:90px;
					height:30px;
				}
	
	#send_email {
		cursor:pointer;
		margin:0 auto;
		padding:5px;
		width:100px;
		position:relative;
		left:50%;
		margin-left:-50px;
		margin-bottom:20px;
		float:left;
	}
	
	#message_output {
		float:left;	
	}
	
	#message_output p {
		float:left;		
		margin-right:4px;	
		display:none;
	}
	
	#output_name_comp, #output_mail_fone, #output_service {
		display: block; 
		width: 100%; 
		clear: right;
		overflow:auto;
	}
	
	#output_message {
		clear:both;	
	}
	
	#output_name_comp p span, #output_mail_fone p span, #output_builder span, #output_message span, #thanks span {
		font-style:italic;
		font-weight:bold;
	}
	
	#output_builder span {
		clear:right;
		display:block;
		margin-left:30px;
		width:100%;
	}

	#thanks {
		clear:left;	
	}
	
	h5 {
		line-height:1.5em;
		padding-bottom:16px;
	}
	
	.checkboxes {
		margin-top:7px;
		overflow:auto;
		padding-top:0;	
	}
	
	label {
		cursor:pointer;	
	}
	
	.filler_word_first, .filler_word_second, .filler_word_third {
		float:left;
		font-style:normal;
		font-weight:normal;
		line-height:1.5em;
		margin-right:4px;
		overflow:auto;
		padding-bottom:16px;
	}
	
	#sent_response {
		/* mmostly same as 		#formSide, #letterSide { */	
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:#404040 none repeat scroll 0 0;
		margin-bottom:30px;
		padding:15px 30px 30px 35px;
		text-align:center;
		width:895px;
	}
	
/* FOOTER */
#footer {
	position:relative;
	background:url(../images/bg_footer.png) repeat-x;
	width:100%;
	z-index:3;
}

	.footerContent {
		overflow:auto;
		font-size:0.8em;
		padding:45px 0 0 0;
		margin:0px auto;
		width:960px;
	}
	
		.footerContent .squares {
			width:300px;
		}
		
			#footer h3 {
				background-repeat:no-repeat;
				margin:0 0 10px 0;
				width:275px;
				height:90px;
			}
				#twitter h3 { background-image:url(../images/h3_twitter.png); }
				#facebook h3 { background-image:url(../images/h3_facebook.png); }
				#share h3 { background-image:url(../images/h3_share.png); }
				
			.footSquare {
				overflow:hidden;
				padding:0px 20px;
			}
			
			#share a {
				display:block;
				float:left;
				background-repeat:no-repeat;
				background-position:0 0;
				text-indent:-9999px;
				margin:6px 11px 6px 0px;
				width:32px;
				height:32px;
			} 
				#share a:hover {
					margin:4px 11px 8px 0px;
				}
			
				#shareDelicious { background-image:url(../images/icons/delicious.png); }
				#shareDesignFloat { background-image:url(../images/icons/designfloat.png); }
				#shareDigg { background-image:url(../images/icons/digg.png); }
				#shareFacebook { background-image:url(../images/icons/facebook.png); }
				#shareGoogle { background-image:url(../images/icons/google.png); }
				#shareNewsvine { background-image:url(../images/icons/newsvine.png); }
				#shareReddit { background-image:url(../images/icons/reddit.png); }
				#shareStumbleUpon { background-image:url(../images/icons/stumbleupon.png); }
				#shareTechnorati { background-image:url(../images/icons/technorati.png); }
				#shareTwitter { background-image:url(../images/icons/twitter.png); }
				#shareYahoo { background-image:url(../images/icons/yahoo.png); }
				
	
	/* TWITTER - in external file */