/*
Theme Name: Growth Spark Theme Template 
Description: The Official Theme of growthspark.com
Theme URI: http://www.growthspark.com
Version: 1.5
Author: Growth Spark 
Author URI: http://growthspark.com
*/ 

/* Global Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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,th,var { font-style:normal; font-weight:normal; }
ol,ul { 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; } 

/* Wordpress Default Stylings */

.alignleft { 
	float:left; 
	margin:0 10px 5px 0;
}
.alignright { 
	float:right; 
}
.aligncenter { 
	display:block; 
	margin:0px auto; 
	text-align:center;
}

.wp-caption { 
	border:1px solid #ccc; 
	background:#eee; 
	padding:5px; 
}
.wp-caption .wp-caption-text { 
	text-align:center; 
	margin-top:5px; 
}

li.page_item { }
.cat-item { }
.current-cat-item { }
.current-cat-parent { }


/* Global Styles */
body {
	font-family:"Lucida Grande", sans-serif;
	color:#333;
	background:url('images/backgrounds/body.gif') repeat-y #EDEDED center top;
}
h1 {
	font-family:arial;
	margin:0 0 10px;
}
h2 {
	font-family:arial;
	font-size:24px;
	margin:0 0 10px;
}
h3 {
	font-family:arial;
	margin:0 0 10px;
}
p, li, label {
	margin:0 0 5px;
	color:#333;
	font-size:12px;
	line-height:18px;
} 
blockquote {
	width:80%;
	margin:10px auto; 
}
cite {
	font-style:italic;
}

a {
	text-decoration:none;
	color:#8DC63F;
}
	a:hover {
		text-decoration:underline;
	}

.button, label { 
	cursor:pointer;
}

.clearit { 
	clear:both; 
	height:0px;
	overflow:hidden;
}

span.green {
	color:#8DC63F;
}

/* Site Structure */
#wrapper {
	width:100%;
}
#site_wrapper {
	width:940px;
	margin:0 auto;
	padding:0 0 20px;
	overflow:hidden;
	/*
	*/
}
#main {
	overflow:hidden;
}

/* Top Section */
#header {
	width:940px;
	margin:0 auto;
	padding:40px 0 0;
	overflow:hidden;
	height:100px;
	background:url('images/backgrounds/header.gif') no-repeat;
	border-bottom:2px solid #ddd;
	position:relative;
} 
	#logo {
		width:200px;
		float:left; 
	}
		#logo span {
			display:block;
			width:195px;
			height:85px;
			text-indent:-9999px;
			background:transparent url('images/growth-spark-logo.gif') no-repeat 0 0;
		} 
			#logo span a {
   				display:block;
   				width:100%;
   				height:100%;
   				outline:none;
   			} 
	#navigation {
		margin:50px 0 0;
		float:right;
	}
		#navigation ul {
			overflow:hidden;
			margin:0;
    			padding:0;
		}
			#navigation li {
				float:left;
				margin:0 0 0 5px;
				padding:0; 
    				list-style:none; 
			}
				#navigation li a {
					display:block;
					padding:2px 20px 0;
					height:22px;
					text-transform:uppercase;
					color:#333;
					font-size:14px;
				}
					#navigation li a span {
					}
				#navigation li:hover {
					background:url('images/backgrounds/nav-right.png') no-repeat right top;
				}
					#navigation li:hover a {
						background:url('images/backgrounds/nav-left.png') no-repeat left top;
						text-decoration:none;
					}
				#navigation li.current_page_parent, #navigation li.current_page_item {
					background:url('images/backgrounds/nav-right.png') no-repeat right top;
				}
					#navigation li.current_page_parent a, #navigation li.current_page_item a {
						background:url('images/backgrounds/nav-left.png') no-repeat left top;
					} 
						#navigation li.current_page_parent a span, #navigation li.current_page_item a span {
						}
	#team-popup {
		position:absolute;
		top:0;
		right:0;
	}
		#team-popup span {
			display:block;
			height:33px;
			width:145px;
			text-indent:-9999px;
			background:url('images/buttons/join-popup.gif') no-repeat;
		} 
			#team-popup span a {
   				display:block;
   				width:100%;
   				height:100%;
   				outline:none;
   			} 
			#team-popup span:hover {
				background:url('images/buttons/join-popup-on.gif') no-repeat;
			}
	
/* Content */
#content {
	width:620px;
	margin:10px 0 0;
	float:left;
}
	#content h1 {
		margin:10px 0 10px;
		font-size:48px;
		color:#282828;
		line-height:48px;
	} 
	#content p {
		margin:10px 0;
	}
	#content ul {
		margin:10px 0 10px 30px;
		list-style:disc;
	}
	#content ol {
		margin:10px 0 10px 30px;
		list-style:decimal;
	}
		#content li {
			margin:0 0 5px;
		}

/* Post */
	.post {
		margin:0 0 20px;
		overflow:hidden;
	}
		#content .post h2.blog {
			font-size:20px;
		}

		.meta {
			margin:10px 0 20px;
		}
			.meta p {
			}

/* jquery Slider */
#jFlowSlide { 
	margin:0 auto;
	float:left;
} 
.jflow-content-slider {
	margin:0 0 20px;
	padding:0 0 20px;
	overflow:hidden;
	border-bottom:2px solid #E4E4E4;
}
#slide-nav-left {
	width:50px;
	float:left;
}
	.jFlowPrev { 
		width:24px;
		height:48px;
		margin:100px 0 0;
		background:url('images/buttons/leftarrow.gif') no-repeat;
		cursor:pointer; 
		display:block;
	}
		.jFlowPrev:hover { 
			background:url('images/buttons/leftarrow-on.gif') no-repeat;
		}
#slide-nav-right {
	width:50px;
	float:right;
}
	.jFlowNext { 
		width:24px;
		height:48px;
		margin:100px 0 0;
		display:block;
		float:right;
		cursor:pointer; 
		background:url('images/buttons/rightarrow.gif') no-repeat;
	}
		.jFlowNext:hover { 
			background:url('images/buttons/rightarrow-on.gif') no-repeat;
		}
.slide-wrapper { 
	padding:20px 0 0;
	overflow:hidden;
}
	#home .slide-wrapper h3 {
		font-size:24px;
		color:#333;
	}
	.slide-wrapper a {
		font-size:12px;
		text-transform:uppercase;
	}
	.slide-wrapper .left { 
		float:left;
		width:300px;
	}
	.slide-wrapper .right {
		float:right;
		width:500px;
		margin:0 20px 0 0;
	}
#mycontroller {
	display:none;
}


.jFlowControl { 
	color:#FFF; 
	cursor:pointer; 
	padding:2px 5px 2px 5px; 
}


/* Home */
#home-top {
}
	#home-top .banner {
		overflow:hidden;
		background:#111;
	}
		#home-top .banner .center {
			width:940px;
			margin:0 auto;
			overflow:hidden;
			background:#010101;
		}
			#home-top .banner .center .title {
				width:420px;
				padding:40px 0 0 40px;
				float:left;
			}
				#home-top .banner .center .title h1 {
					font-size:48px;
					line-height:1.2em;
					color:#fff;
				}
				#home-top .banner .center .title p {
					font-size:24px;
					line-height:1.2em;
					margin:20px 0 0;
				}
			#home-top .banner .center ul.links {
				float:right;
				width:460px;
				padding:40px 0 0 20px;
				background:#111;
			}
				#home-top ul.links li {
					margin:0 0 20px;
					padding:0 0 0 80px;
					min-height:50px;
				}
					#home-top ul.links li.design {
						background:url('images/icons/design.gif') no-repeat top left;
					}
						#home-top ul.links li.design:hover {
							background:url('images/icons/design-on.gif') no-repeat;
						}
					#home-top ul.links li.marketing {
						background:url('images/icons/marketing.gif') no-repeat;
					}
						#home-top ul.links li.marketing:hover {
							background:url('images/icons/marketing-on.gif') no-repeat;
						}
					#home-top ul.links li.development {
						background:url('images/icons/development.gif') no-repeat;
					}
						#home-top ul.links li.development:hover {
							background:url('images/icons/development-on.gif') no-repeat;
						}
					#home-top ul.links li h2,  #home-top ul.links li h2 a {
						font-size:28px;
						color:#fff;
					}
						#home-top ul.links li h2 a:hover {
							text-decoration:none;
						}
						
					#home-top ul.links li p {
						font-size:14px;
						color:#636363;
					}
					#home-top ul.links li img {
						margin:0 20px 0 0;
					}
#home {
	margin:20px auto;
	overflow:hidden;
	width:940px;
} 
	#home .read-more {
		margin:10px 0 0; 
	}



#home-banner {
}
#home-center {
	width:940px;
	background:url('images/backgrounds/home-center.jpg') repeat-x #010101;
	margin:0 auto;
	overflow:hidden;
}

#home-brief {
	height:230px;
	width:180px;
	float:right;
	margin:170px 20px 0 0;
	padding:10px;
}
	#home-brief h2 {
		font-size:24px;
		font-family:helvetiker;
		color:#fff;
		line-height:24px;
	}
	#home-brief p {
		color:#999;
	}

#home-content {
	margin:40px 0 20px;
	overflow:hidden;
}
	#home-content h2 {
		font-size:22px;
		color:#8DC63F;
		margin:0 0 10px; 
	}
	#home-content h3, #home-content h3 a {
		font-size:12px;
		color:#363636;
		font-weight:bold;
		font-family:"Lucida Grande",sans-serif;
	}
	#home-content p.meta {
		margin:0;
		color:#A1A1A1;
	}
	#home-content .left {
		width:300px;
		margin:0 20px 0 0;
		float:left;
	}
	#home-content .middle {
		width:300px;
		margin:0 20px 0 0;
		float:left;
	}
	#home-content .right {
		width:300px;
		float:right;
	}

/* Page */
#page {
}

/* Client Page */
.client-image {
} 
	.client-image img {
		border:2px solid #333;
	}
.client-content {
	margin:20px 0 0;
}
span.client-link {
	font-size:12px;
	float:right; 
}
	
/* Comments and Responses */
#comments {
	margin:40px 0 10px;
}
	#comments h3 {
		font-size:18px;
		background:url('images/icons/comments.gif') no-repeat;
		padding:0 0 0 30px;
		color:#252525;
	}
	#comments ol {
		margin:10px 0 0 10px;
	}
		#comments li {
			width:600px;
			margin:0 0 20px;
			list-style:none;
			border-top:2px solid #E4E4E4;
			padding:20px 0 0;
		}
		#comments cite, #comments cite a {
			font-style:normal;
			font-weight:bold;
			color:#555555;
		}
		#comments small, #comments small a {
			color:#A1A1A1;
		}
#respond { 
	margin:40px 0 0;
}
	#respond h3 { 
		width:600px;
		background:url('images/icons/add-comment.gif') no-repeat;
		margin:0 0 20px;
		padding:0 0 10px 30px;
		color:#252525;
		border-bottom:2px solid #E4E4E4;
		font-size:18px;
	} 
	#respond label {
		font-weight:bold;
		color:#555555;
	}
	#respond input {
		width:200px;
		border:2px solid #E4E4E4;
		padding:5px;
		color:#666;
	}
	#respond textarea {
		width:300px;
		border:2px solid #E4E4E4;
	}
	#respond input.submit {
		background:url('images/buttons/submit.gif') no-repeat;
		width:154px;
		height:29px;
		border:none;
		cursor:pointer;
	}
		#respond input.submit:hover {
			background:url('images/buttons/submit-on.gif') no-repeat;
		}
	#respond .left {
		float:left;
		width:300px;
	}
	#respond .right {
		float:left;
		width:300px;
	}

/* Contact */
#contact {
}
	#contact ol {
		margin:0;
	}
		#contact li {
			list-style:none;
			margin:0 0 10px;
		}
	#contact label {
			font-weight:bold;
			color:#555555;
		}
	#contact input {
		width:250px;
		border:2px solid #E4E4E4;
		padding:5px;
		color:#666;
	}
		#contact li.cf-box-title {
			font-weight:bold;
			color:#555555;
		}
		#contact li.cf-box-group { 
		}
			#contact li.cf-box-group input {
				width:20px;
			}
			#contact li.cf-box-group label {
				font-weight:normal;
			}
		#contact input.sendbutton {
			background:url('images/buttons/start-project.gif') no-repeat;
			width:154px;
			height:29px;
			border:none;
			cursor:pointer;
		}
			#contact input.sendbutton:hover {
				background:url('images/buttons/start-project-on.gif') no-repeat;
			}
	#contact textarea {
		width:350px;
		padding:5px;
		color:#666666;
		border:2px solid #E4E4E4;
	}
	#contact select {
		padding:5px;
	}
	#contact legend {
		margin:0 0 10px;
		font-weight:bold;
		font-family:"Lucida Grande", sans-serif;
	}

	#contact p.linklove {
		display:none;
	}
	#contact div.success {
		font-size:12px;
		margin:20px 0;
		border:1px solid #999;
		padding:5px;
	}
	#contact div.failure {
		font-size:12px;
		color:red;
		margin:20px 0;
		border:1px solid #999;
		padding:5px;
	}

	#contact.employment input.sendbutton {
		background:url('images/buttons/join-team.gif') no-repeat;
	}
		#contact.employment input.sendbutton:hover {
			background:url('images/buttons/join-team-on.gif') no-repeat;
		}
	#contact.employment div.success {
		font-size:16px;
		border:none;
	}
	

/* Search Results Page */
.search-terms {
	background:#eee;
	border:1px dotted #ccc;
}
.search-excerpt {
	background:#eee;
	border:1px dotted #ccc;
}

/* Sidebar */
#sidebar {
	margin:80px 0 0;
	width:245px;
	float:right;
} 
#sidebar-home {
	margin:10px 0 0;
	padding:0 0 0 20px;
	width:245px;
	float:right;
}
	.sidebar-module {
		width:245px;
		margin:0 0 40px;
	}
		#sidebar-home .sidebar-module h2 {
			font-size:24px;
		}
			#sidebar-home .sidebar-module h3, #sidebar-home .sidebar-module h3 a {
				font-size:12px;
				color:#333;
				font-weight:bold;
			}
		#sidebar .sidebar-module h2 {
			display:block;
			width:245px;
			height:36px;
			padding:20px 0 0 20px;
			background:transparent url('images/sidebar/top.gif') no-repeat 0 0;
			color:#fff;
			font-size:28px;

		} 
		#sidebar-home .sidebar-module p {
			margin:0; 
		}
		#sidebar .sidebar-module p {
			margin:0; 
			padding:10px 10px 0;
		}
			.sidebar-module p.meta {
				color:#999;
				padding:0;
			}
		.sidebar-module ul {
			padding:5px 0 0;
			list-style:none;
		}
			#sidebar-home .sidebar-module li {
				margin:0;
			}
			#sidebar .sidebar-module li {
				margin:0;
				padding:5px 10px 5px 20px;
			}
				.sidebar-module li a {
					color:#636363;
				}
				.sidebar-module li:hover, .sidebar-module li.current_page_item, .sidebar-module li.current_page_item:hover {
				}
					.sidebar-module li:hover a, .sidebar-module li.current_page_item a, .sidebar-module li.current_page_item:hover a {
						color:#8DC63F;
						text-decoration:none;
						font-weight:bold;
					}
					.sidebar-module .content .recent-posts {
					}
						.sidebar-module .content .recent-posts h4 {
							color:#8DC63F;
							font-weight:bold;
						}
						#sidebar .sidebar-module .content .recent-posts p {
							padding:0px;
						}
		.sidebar-module .top {
			background:url('images/sidebar/top.gif') no-repeat;
			height:56px;
		}
		.sidebar-module .content {
			background:#F1F1F1;
			border-right:2px solid #E4E4E4;
			border-left:2px solid #E4E4E4;
		}
		.sidebar-module .bottom {
			background:url('images/sidebar/bottom.gif') no-repeat;
			height:12px;
		}

	/*
	#sidebar ul {
		margin:10px 0 0 30px;
	}
	#sidebar li {
		list-style:disc;
		margin:0 0 10px;
	}
	#sidebar ul.children {
		margin:10px 0 0 20px; 
	} 
		#sidebar ul.children li {
			list-style:circle;
		}
		#sidebar ul.children ul.children {
			margin:10px 0 0 20px; 
		}
			#sidebar ul.children ul.children li {
				list-style:square;
				} 
	.sidebar-box {
		margin:0 0 20px;
	}
	#search-form {
		width:300px
	}
	*/

/* Bottom */
#bottom-content {
	margin:40px 0 10px;
	overflow:hidden;
	border-top:2px solid #E4E4E4;
	padding:10px 10px 0;
}
	#bottom-content h3, #bottom-content h3 a {
		font-size:12px;
		color:#8DC63F;
		font-weight:bold;
		font-family:"Lucida Grande",sans-serif;
	}
	#bottom-content .left {
		width:290px;
		margin:0 20px 0 0;
		float:left;
	}
	#bottom-content .middle {
		width:290px;
		margin:0 20px 0 0;
		float:left;
	}
	#bottom-content .right {
		width:300px;
		float:right;
	}

/* Footer */
#footer {
	width:940px;
	margin:0 auto;
	padding:10px 0;
	border-top:2px solid #E4E4E4;
}
	#footer a {
		color:#999;
		font-weight:bold;
	}