/* Start Globals */
body {
	background:url(../images/body-bg.png) repeat-x #231f20;
	margin:0 auto;
	text-align:center;
	font:14px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#fff
	}

a img {
	border:none
	}
	
a {
	color:#8cc63f;
	text-decoration:none;
	}
	
a:hover {
	color:#fff;
	text-decoration:underline
	}

.clear {
	clear:both
	}

/* End Globals */

/* Start Common Structure */

	#container {
		width:1000px;
		margin:0 auto;
		text-align:left;
		padding:52px 0 0 0;
		position:relative
		}

	/* Start Top Nav */

	#topnav {
		position:absolute;
		top:12px;
		right:94px;
		list-style:none;
		padding:0;
		margin:0;
		text-align:right
		}
		
		#topnav li {
			display:inline;
			}
					
			#topnav a {
				display:block;
				background:url(../images/top-nav-pipe.png) no-repeat;
				float:left;
				font:bold 11px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				text-decoration:none;
				height:14px;
				padding:10px 18px;
				}
			
			#topnav .first a {
				background:none
				}
				
				#topnav a:hover {
					color:#8cc63f
					}

	/* End Top Nav */
					
	#header {
		position:relative;
		background:url(../images/header-bg.png) no-repeat top right
		}

/* End Common Structure */
		
/* Start Homepage Slideshow */

		#hp-slider {
			position:absolute;
			width:538px;
			height:275px;
			background:url(../images/hp-slider-bg.png);
			top:41px;
			right:56px;
			overflow:hidden
			}

			#slide-control {
				position:absolute;
				right:215px;
				top:28px;
				}
				
			#slide-control a span {
				display:none;
				}
				
			.smashing {
				display:block;
				width:116px;
				height:24px;
				background:url(../images/smashsmoke.png) no-repeat -219px 0;
				float:left;
				margin-right:1px
				}

			.smashing:hover {
				background:url(../images/smashsmoke.png) no-repeat 0;
				}

			.smoking {
				float:left;
				display:block;
				width:102px;
				height:24px;
				background:url(../images/smashsmoke.png) no-repeat -336px 0;
				}

			.smoking:hover {
				background:url(../images/smashsmoke.png) no-repeat -117px 0;
				}
										 
			#hp-slider .jcarousel-container {
				position: relative;
				width:498px;
				margin:0 0 0 19px;
				padding-top:36px
			}
			
			.jcarousel-clip {
				z-index: 2;
				padding: 0;
				margin: 0;
				overflow: hidden;
				position: relative;
			}
			
			.jcarousel-list {
				z-index: 1;
				overflow: hidden;
				position: relative;
				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
			}
			
			.jcarousel-list li, .jcarousel-item {
				float: left;
				list-style: none;
				width: 498px;
				height: 193px;
			}
			
			.jcarousel-skin-slideshow {
				width:498px;
				}
					
			.jcarousel-skin-slideshow .jcarousel-container-horizontal {
				width: 498px;
			}
			
			.jcarousel-skin-slideshow .jcarousel-clip-horizontal {
				width:  498px;
				height: 193px;
			}

	/* End Homepage Slideshow */
			

	#content {
		padding:38px 0 0 31px;
		}


/* Start Homepage Specific Elements */
		
	#content .left {
		float:left;
		padding:0 25px 10px 0;
		width:351px;
		}
		
	#content .hp-left {
		height:315px;
		background:url(../images/main-content-bg.png) no-repeat bottom right
		}

	#content .left .hp-h2 {
		background:url(../images/hp-h1-bg.png) no-repeat;
		width:255px;
		height:24px;
		margin:0 0 -6px 0
		}

	#content .left .hp-h2 span {
		display:none
		}
				
	#content .right {
		width:582px;
		float:right;
		}
		
		#content .right .hp-services {
			margin-top:129px;
			background:url(../images/section-bg.png) no-repeat bottom right;
			height:195px;
			float:left
			}
			
			#des-dev {
				width:194px;
				}
				
			#seo-sem {
				width:185px;
				}

			#conv-track {
				width:158px;
				}
			
			#content .right .hp-services h3 {
				margin:0 0 auto 3px;
				}
				
			.hp-services h3 a {
				display:block;
				width:143px;
				height:25px
				}
				
			.hp-services span {
				display:none
				}
				
				.hp-services .des-dev a {
					background:url(../images/design-dev-bg.png) no-repeat
					}

				.hp-services .seo-sem a {
					background:url(../images/seo-sem-bg.png) no-repeat
					}

				.hp-services .conv-track a { 
					background:url(../images/conv-track-bg.png) no-repeat
					}	

			#content .right .hp-services ul {
				list-style:none;
				padding:0;
				margin:15px 0 0 21px;
				font:bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
				color:#c4c3c4
				}	

/* End Homepage Specific Elements */


/* Start Subpage Specific Elements */

#content h1 {
	color:#fff;
	font:18px/18px Verdana, Arial, Helvetica, sans-serif
	}
	
	#content h1 span, .green {
		color:#8cc63f
		}

	.sp-content	{
		background:url(../images/sp-content-bg.png) no-repeat bottom right;
		border-bottom:1px solid #231f20;
		position:relative
		}
		
	#content h3 {
		font-size:14px;
		}		
		
	.sp-sb-content h1, .sp-sb-content h2, .sp-content h1, .sp-content h2 {
		font:18px/18px Verdana, Arial, Helvetica, sans-serif;
		}
		
		.sp-content h1, .sp-sb-content h1 {
			color:#8cc63f !important
			}
		
		.sp-content h1 span, .sp-sb-content h1 span {
			color:#fff  !important
			}

		.sp-sb-content {
			background:url(../images/sp-content-sb-bg.png) bottom no-repeat
			}
		
		#sp-left {
			width:190px;
			float:left
			}
			
			#sp-left ul {
				list-style:none;
				margin:0;
				padding:0;
				}
				
				#sp-left ul li {
					font:12px Verdana, Arial, Helvetica, sans-serif;
					padding:0 0 12px 21px;
					background:url(../images/sp-li.png) no-repeat 0 3px
					}
					
					#sp-left ul li span {
							color:#8cc63f;
							}
										
		#sp-right {
			float:left;
			width: 617px;
			padding:0 0 0 33px;
			position:relative
			}

		#sp-right h2 {
			font:16px/18px Verdana, Arial, Helvetica, sans-serif
			}
			
		#sp-blurb {
			width:295px
			}
		
	.subheader {
		position:absolute; 
		left:355px; 
		top:23px;
		width:636px;
		background:url(../images/subpages/team-header.png) no-repeat; 
		height:267px;
		}
			
	/* Start Subpage Header Images */
		
		#services .subheader {
			background: url(../images/subpages/seo-dance.png) no-repeat;
            height:272px;
			top:16px;
			left:452px;
			}
	
	/* End Subpage Header Images */

	/* Start Portfolio Page */
		
	#columns .col {
		float:left;
		width:314px;
		padding:0 10px 0 0;
		position:relative;
		}
		
	#columns .last {
		padding:0 0 0 0 !important
		}
		
	#columns .site-description {
		margin:10px 0;
		height:260px;
		}
		
	.col a {
		background:#6c9930;
		display:block;
		padding:6px 0px 0px 7px;
		}
		
		.col a:hover, .col a:hover span {
			color:#ffff99;
			text-decoration:none
			}
		
		.col a span {
			display:block;
			padding:4px 0 0 12px;
			margin:6px 0 0 -7px !important;
			margin:2px 0 0 -7px; 
			background:#0b090c;
			height:19px;
			width:302px;
			border-top:3px solid #231f20;
			color:#d4d5d0;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif
			}
		
		.col .inner-link {
			display:inline; 
			background:none !important; 
			padding:0 !important
			}
		
		.col img {
			border:4px solid #fff;
			}
		
		.col h3 {
			font:bold 16px Verdana, Arial, Helvetica, sans-serif;
			color:#7cba3d;
			margin:8px 0 0 0;
			}
	
	/* End Portfiolio Page */

	/* Start Contact Form */
	
	#contact form {
		float:left
		}
	
	#contact textarea, .txt {
		border:1px solid #C5C5C5;
		float:left;
		width:200px;
		margin-left:10px
		}	
	
	#contact label {
		display:block;
		float:left;
		width:150px;
		padding:0 0 10px 0;
		text-align:right;
		clear:both;
		cursor:pointer
		}	
				
		#contact label.error {
			float:left;
			padding-left:10px;
			width:auto;
			text-align:left;
			cursor:default;
			clear:none;
			color:yellow;
			font:12px "Courier New", Courier, monospace !important;
			letter-spacing:1px;
			}

	/* End Contact Form */

/* End Subpage Specific Elements */
		
/* Start Footer */				
		
#foot-container {
	height:45px;
	padding-top:21px;
	background:url(../images/footer-bg.png) #000 repeat-x;
	clear:both;
	}
	
	#footer {
		width:1000px;
		text-align:left;
		margin:0 auto;
		position:relative;
		background:url(../images/social-media-bg.png) no-repeat;
		height:66px;
		}
		
		#social-links {
			position:absolute;
			top:0;
			left:160px;
			}

		#social-links span, #social-links h4 {
			display:none;
			}
			
		#social-links ul {
			list-style:none;
			margin:0;
			padding:0;
			}
			
		#social-links li {
			display:inline;
			margin:0;
			padding:0;
			}
		
		#social-links a {
			display:block;
			float:left;
			height:34px;
			width:25px;
			margin-right:15px
			}
		
		#footlinks {
			list-style:none;
			margin:0;
			padding:0;
			position:absolute;
			top:7px;
			right:135px;
			}
		
		#footlinks li {
			display:inline;
			border-left:1px solid #615a5c;
			}
			
		#footlinks a {
			color:#fff;
			margin:0 5px 0 8px
			}
			
		#footlinks a:hover {
			color:#8cc63f;
			text-decoration:underline
			}
			
			#footlinks .first {
				border:none
				}
				
/* End Footer */