img, form {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-image:none;
	background-color:#fff;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	-webkit-text-size-adjust: none;
	padding: 15px 10px;
	
}

label {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	display: block;
	color: white;
	text-transform: uppercase;
	padding-left: 7px;
}


h2 {
	font-size:21px;
	height: 24px;
	font-family:inherit;
	font-weight:normal;
	font-style:normal;
	color:#000000;

}

h3 {
	font-size: inherit;
	color: black;
	margin: 0 0 15px;
}

h4 {
	color: #999999 
}

h5 {
	font-size:160%;
	margin: 0;
	padding: 0;
}

#formheaders { 
	font-size: 14px; font-weight: bold; 
	border-bottom: 1px solid #C5C5C5; 
	width:95%;
}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
}




.logo {
	margin-left: 15px;
	display: block;
	width: 280px;
}

.navigation {
	list-style: none;
	margin: -40px 12px 0 0;
	float: right;
	font-size: 12px;
}
	.navigation li {
		margin: 0;
		margin-left: 5px;
		display: inline;
		width: 90px;
		float: left;
	}
		.navigation li a {
			text-decoration: none;
			color: #aaa;
			font-family: Helvetica, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
			font-size: 11px;
			border-bottom: 2px solid #aaa;
			display: block;
			padding: 0 4px 4px 4px;
		}
		.navigation .first a {
			border-left: 0;
		}
		
		.navigation li.on a, .navigation li a:hover {
			color: #444;
			border-color: #444;
		}
		
		
		
.sociallist {
	list-style: none;
	font-size: 12px;
	margin-left: 10px;
}
	.sociallist li {
		margin: 0;
		display: inline;
		width: 250px;
		float: left;
		margin-top: -10px;
	}
		.socialist li a {
			text-decoration: none;
			color: #aaa;
			font-family: Helvetica, "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
			font-size: 11px;
			border-bottom: 2px solid #aaa;
			display: block;
			}
		.socialist .first a {
			border-left: 0;
		}
		
		.sociallist li.on a, .sociallist li a:hover {
			color: #444;
			border-color: #444;
		}
		


.line2{
	font-size: 10px;
}

.width{
	width: 900px;
	margin: auto;
}

.clientlogin{
	float:right;
	margin-top: -207px;
}

.wrapper {
	background-color: white;
	padding: 12px;
	position: relative;
}

.hero {
	padding-top: 20px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 425px;
	clear:both;
	text-align: center;
	vertical-align: middle;
	background: url('../images/background.png') repeat;
}
	.hero .limeology {
		margin: 200px 0 0 215px;
		font-size: 40px;
	}
	
	.spacer {
		height: 476px;
	}
	
.contactwrap {
padding: 10px;
margin-top: 20px;
}	
	
.aboutwrap {
padding: 10px;
}
	.limes {
		background: black url('../images/limes.jpg') no-repeat 350px top;
		color: white;
		font-size: 20px;
		padding: 30px 20px;
		height: 90px;
	}
		.aboutwrap .content {
			background: white;
			margin: 0;
			padding: 10px;
			font-size: 12px;
		}
			.byline {
				display: block;
				margin-bottom: 10px;
			}
			.col1, .col2, .col3 {
				width: 33.3%;
				float: left;
				text-align: justify;
			}
			.col1 p {
				margin-right: 13px;
			}
			.col2 p {
				margin-left: 7px;
				margin-right: 7px;
			}
			.col3 p {
				margin-left: 13px;
			}

.presscontent {
		font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	-webkit-text-size-adjust: none;
padding: 30px;
}
	.press {
		width: 600px;
		margin: auto;
	}
		.date {
			font-weight: bold;
			float: left;
			width: 180px;
			text-align: right;
		}
		.title {
			margin-top: 20px;
			font-weight: bold;
		}
		.title, .description {
			display: block;
			margin-left: 200px;
		}

.subnav {
	list-style: none;
	padding: 0;
	margin: 0 auto 10px;
	text-align: center;
	font-size: 5px;
	font-family: Verdana, sans-serif;
}
	.subnav li {
		text-align: center;
		display: inline;
		line-height: 28px;
	}
		.subnav li a {
			text-decoration: none;
			color: white;
			background-color: #999;
			padding: 6px 20px;
			font-size: 11px;
			margin: 5px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-opera-border-radius: 5px;
			-moz-border-radius: 5px;
		}
			.subnav li a:hover, .subnav li.on a {
				background-color: #666;
			}
			
.pageheader{
	text-decoration: none;
	color: white;
	background-color: #444;
	padding: 4px 3px;
	font-size: 11px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
}

.socialsphere{
	text-align: center;
}

.navspringboard{
	background-image: url('../images/springboard.gif');
	height: 100px;
	margin-bottom: 20px;
	margin-top: 5px;
	padding-top: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
}

.servicesspringboard{
	background: url('../images/navboard.gif') repeat-x;
	height: 31px;
	margin-top: 5px;
	padding-top: 2px;
	border-bottom-top-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-opera-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-top-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-opera-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-opera-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-opera-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	
}

.springboard {
}
	.project_list {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
		.project_list li {
			display: none;
		}
		.project_list li.on {
			display: inline;
		}
			.project_list a {
				margin: 2px;
				text-decoration: none;
				display: inline;
				color: black;
			}
				.project_list strong {
					display: inline;
				}
	.dotswrapper {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
	}
	
	.stage{
		margin: auto;
		width: auto;
		text-align: center;
	}
	
	.brief {
		background: url('../images/brief.jpg') no-repeat;
		background-position: center;
		margin: 0 20px 10px;
	}
		.shots {
			list-style: none;
			display: inline;
			padding: 0;
			width: auto;
		}
			.shots li {
				display: none;
			}
				.shots li.on {
					display: block;
				}
		.dots {
			display: inline;
			list-style: none;
			padding: 0;
		}
			.dots li {
				display: inline;
			}
				.dots li a {
					text-decoration: none;
					color: black;
					font-weight: bold;
					text-align: center;
					width: 15px;
					height: 14px;
				}
				.dots li a:hover, .dots li.on a {
					background-position: left -14px;
				}
		
		
		.info {
			float: right;
			background-color: ;
			display: inline;
			height: 300px;
			max-width: 300px;
		}
			.info strong {
				display: block;
			}
		
			.content {
				margin: 10px;
			}

.form {
	margin-top: 10px;
}
	.form label {
		font-weight: bold;
		color: black;
		text-transform: none;
		padding: 0;
		margin: 0;
		font-size: 11px;
		background: none;
	}
		.form label em {
			font-size: 11px;
			font-weight: normal;
			font-style: italic;
		}
		
		.form input {
			border: 2px inset;
			background: white;
			height: 18px;
			padding: 0 5px;
			line-height: 23px;
			display: block;
			width: auto;
			margin: 0;
			width: 90%;
			margin-bottom: 10px;
		}
		
		.form input.submit {
			height: auto;
			padding: 5px 10px;
			border: 2px solid;
			margin: 10px 0 2px 0;
			font-weight: bold;
			line-height: normal;
			display: inline;
			width: auto;
		}
			.form input.submit:active {
				border-style: inset;
				margin: 12px 0 0 2px;
			}
		
		.form textarea {
			border: 2px inset;
			background: white;
			display: block;
			line-height: 15px;
			margin: 0;
			margin-right: 0;
			width: 97%;
		}
	
		.left, .right {
			float: left;
			width: 50%;
		}
			.right .wrap {
				padding-left: 30px;
			}

.footer {
	text-align: center;
	color: #333;
	font-size: 11px;
	padding: 20px;
}


.infobarleft{
	width: 435px;
}


.infobarright{
	width: 435px;
	float: right;
}

.projectsnapshot{
	padding: 10px;
	margin-top: 5px;
	background-image: url('../images/snapshotbg.png');
	height: 86px;
	border-bottom-top-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-opera-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-top-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-opera-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	
	border-bottom-top-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-opera-border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-opera-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;

}

/* THE LIME GROUP */
#limegroup { width: 210px; margin: 1.5em auto 10em; }
#limegroup select { margin-top: 4px; }
#limegruop img.left { margin: 0; padding: 0; }
#limegroup form#limegrouplinks { padding: 2px 0 0; float: left; width: 196px; height: 19px; margin: 0 0 50px 8px; background: #fff url(http://www.limeology.com/images/dropdown.png) no-repeat 0 100%; color: #fff; }
#limegroup form#limegrouplinks select { width: 196px; margin-top: -2px; opacity: 0; }

 #contact_request                {margin:20px 0 35px; width:100%; float:left;}
  fieldset                        {border:none;}
 #contact_request label           {font-weight: bold;
		color: black;
		text-transform: none;
		padding: 0;
		margin: 0;
		font-size: 11px;
		background: none;}
  #personal                       {width:45%; float:left;}
  #personal input                 {width:90%;}
  #project                        {width:45%; float:right;}
  div.budget                      {width:90%; float:left; margin:0 0 1em;}
  p.timeline                      {width:90%; float:left;}
  p.timeline input                {width:90%;}
  p.details                       {clear:both;}
  p.details textarea              {width:90%; height:9.5em;}
  p.submit                        {text-align:right;}
  
 

#panes {
			text-align: justify;
			border-style: none;
			margin: auto;
			width: 100%;
	
		}
		
		.panecontent{
			padding-left: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			max-width: 95%;		
		}
		
		
		#panes div div { overflow: hidden; }
		
				
#heading {
	display: block;
	text-align: center;
	padding-top: 8px;
	margin-bottom: 11px;
}

#heading * {
	display: inline;
	padding: 4px;
	cursor: pointer;
}

#heading li {
	text-decoration: none;
	color: white;
	background-color: #999;
	padding: 6px 20px;
	font-size: 11px;
	margin: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
}

#heading li.active {
	text-decoration: none;
	color: white;
	background-color: #666;
	padding: 6px 20px;
	font-size: 11px;
	margin: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
}

#heading li a:hover, #heading li.on a {
	background-color: #999;
}

.leftcolumn {
	width: 180px;
}
.rightcolumn {
	width: 630px;
	float: right;
	margin-bottom: 5px;
}