body, a {
	color:#666;
	font: 12px/16px Arial, sans-serif;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}


/**********
 * HEADER *
 **********/
#header {
	background:url('../img/header-bg.png') repeat-x;
	height:74px;
	position:relative;
	z-index:10;
}

#logo {margin-top:10px;}

#nav {	
	background:url('../img/header-nav-bg.png') no-repeat;
	width:308px;
	height:28px;
	text-align:center;
	padding-top:6px;
	margin-left:338px;	/* prefix_2 */
}
	#nav li {display:inline;padding:0 14px;border-right:1px solid #666;}
	#nav li.last {border-right:0px;}

#get-started {text-align:center;margin-top:10px;}
#get-started a {font-size:22px;color:#222;}

/*********************
 * STAGE / SLIDESHOW *
 *********************/
#stage {
	height:326px;
	position:relative;
	top:-74px;
	z-index:1;
	border-bottom:2px solid #D4D4D4;
}

#stage #red-bar {
	background-repeat: repeat-x;
	background-position: bottom;
	height:142px;
	position:relative;
	top:184px;
}

#slideshow {
	background:url('../img/stage-slideshow-bg.png') no-repeat top center;
	height:170px;
	width:854px;
	margin: 0 auto;
	position:relative;
	top:-42px;
	border:1px solid #FFF;
}

#slider ul li {height:174px;}

#prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	width:52px;
	height:172px;
	position:absolute;
	top:-1px;
	z-index:1000;
}
	#prevBtn {left:-53px;}
	#nextBtn {left:855px;}
	
	#prevBtn a, #nextBtn a {display:block;position:relative;width:52px;height:172px;}
 	#prevBtn a {background:url('../img/stage-slideshow-triggers.png') 0px 0px no-repeat;}
 	#nextBtn a {background:url('../img/stage-slideshow-triggers.png') -52px 0px no-repeat;}
 	#prevBtn a:hover {background:url('../img/stage-slideshow-triggers.png') 0px -172px no-repeat;}
 	#nextBtn a:hover {background:url('../img/stage-slideshow-triggers.png') -52px -172px no-repeat;}


/************
 * CONTENT *
 ************/
#content {position:relative;top:-54px;}


/**********
 * FOOTER *
 **********/
#footer {
	background:url('../img/footer-bg.png') repeat;
	height: auto !important;
	min-height: 400px;
	height:400px;
	clear:both;
	position:relative;
	top:28px;
}

	#footer .leftcontent{
		text-align:left;
		float:left;
		width:308px;
		height:300px;
		margin-left: 13px;
		margin-top: 11px;
	    font-size:10px;
		
}
	
	#footer .text .red {color:#900;}
	#footer .text {font-size:22px;}


/*************
 * HOME PAGE *
 *************/
#content .service {
	float:left;
	padding:20px 30px 0;
	height:150px;
	width:150px;
}
	#content .service h1 {
		text-align:center;
		font-size:16px;
		color:#222;
		margin-bottom:10px;
	}
	
	#content .services {
		color:#222;
		font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	}
		#content .services h3 {
			font-size:1.6em;
			line-height:1.7;
			margin-bottom:0.3em;
			color:#000;
			font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		}

#client-box {
	background:url('../img/client-box.jpg') no-repeat bottom center;
	width:382px;
	height:223px;
	margin-right:-30px;	/* Allow for shadow */
	position:absolute;
	top:0;
	right:0;
}
	#client-box .button {position:absolute;top:57px;width:140px;height:28px;}
	#client-box #client-box-portfolio {
		left:43px;
		background:url('../img/client-box-buttons.png') 0px 0px;
	}
	#client-box #client-box-quote {
		left:193px;
		background:url('../img/client-box-buttons.png') -140px 0px;
	}
	#client-box #client-box-portfolio:hover {
		background:url('../img/client-box-buttons.png') 0px -28px;
	}
	#client-box #client-box-quote:hover {
		background:url('../img/client-box-buttons.png') -140px -28px;
	}
	
	#client-box .text {font-size:22px;}
	#client-box .text .red {color:#900;}
	#client-box .line1 {margin-left:40px;}
	#client-box .line2 {margin:7px 0 0 120px;}


/************
 * SERVICES *
 ************/
#services_page .left {width:442px;margin-right:40px;}
#services_page .right {width:442px;margin-left:40px;}
#services_page h1 {color:#222;font-size:26px;border-bottom:1px solid #aaa;padding-bottom:5px;margin-bottom:10px;}
#services_page p {padding-bottom:10px;}
#services_page h2 {color:#222;font-size:22px;padding-bottom:10px;}
#services_page li {list-style:square;margin-left:15px;color:#222;font-size:14px;font-weight:bold;padding:4px 0;}
#services_page .block {border-bottom:1px dotted #aaa;margin-top:25px;padding-bottom:25px;}


/*************
 * PORTFOLIO *
 *************/
.portfolio {
	height:418px;
	width:978px;
	background:url('../img/portfolio-bg.png') no-repeat top left;
	margin:-9px 0 40px -9px;	/* Allow for shadow */
}

.portfolio .content {
	height:380px;
	width:636px;
	display:block;
	margin:3px 0 0 18px;	
}

.portfolio .caption {
	background-color: #333;
	color:#FFF;
	position:relative;
	height:35px;
	top:-19px;
	padding:0 15px;
}
	.portfolio .caption .download, .portfolio .caption .image-desc {padding-top:8px;}
	.portfolio .caption .download {float:right;margin-top:4px;padding:5px 10px;background-color:#555;}
	.portfolio .caption .download a {color:#ddd;}
	.portfolio .caption .image-desc {color:#ddd;font-style:italic;}

.portfolio .description {
	margin-top:30px;
}

.portfolio h1 {font-size:22px;color:#222;line-height:24px;}
.portfolio h2 {font-weight:normal;font-style:italic;padding-top:8px;}
.portfolio .testimonial {
	clear:both;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	padding:8px 16px;
	margin-right:14px;
}

.portfolio .navigation {margin:15px 0;height:190px;}
.portfolio .navigation .thumb {
	width:142px;
	height:85px;
	display:block;
	margin:0px;
	float:left;
}

.portfolio .navigation .thumb1 {margin-bottom:8px;margin-right:10px;}
.portfolio .navigation .thumb2 {margin-bottom:8px;margin-left:0px;}
.portfolio .navigation .thumb3 {margin-right:10px;margin-top:8px;}
.portfolio .navigation .thumb4 {margin-top:8px;margin-left:0px;}

.portfolio .visit-site {text-align:right;margin:5px 18px;}

div.slideshow-container {
	position: relative;
	clear: both;
	height: 380px;
}

.portfolio div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/***********
 * CONTACT *
 ***********/
#contact h1 {font-size:22px;color:#222;}
#contact p {font-size:14px;padding:15px 0;margin-bottom:10px;border-bottom:1px dotted #aaa;}
#contact label {font-size:14px;width:100px;}
#contact input[type=text] {padding:3px;width:196px;}
#contact textarea {padding:7px;}
#contact label, #contact input[type=text] {
	float:left;
	display:block;
	margin:10px 0;
}
#contact input[type=submit] {margin-top:10px;font-size:12px;}
#contact div.input {clear:both;}

#flashMessage {
	border-bottom:1px solid #AAA;
	font-size:22px;
	line-height:30px;
	margin:0 0 40px 338px;
	padding:0 0 15px;
	width:308px;
}

#callme {text-align:right;}

.story {
	width:664px;
	padding:15px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:auto !important;
	min-height:200px;
	height:200px;
}
.story img {
	float:right;
	padding-right:10px;
	padding-bottom:3px;
}

.story img.l {
	float:left;
	padding-right:10px;
	padding-bottom:3px;
}

.story .r, .story img.r {
	float:right;
	padding:0;
	padding-left:10px;
	padding-bottom:3px;
}

p {
	clear:both;
}

.story a {
	text-decoration: underline;
}

.story h1, .story h1 a {
	font-size: 25px;
	font-weight: bold;
	padding-bottom: 15px;
	text-decoration: none;
}

.story h2, .story h2 a {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 13px;
	text-decoration: none;
}

.story h3, .story h3 a {
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 11px;
	text-decoration: none;
}

.story h4, .story h4 a {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 8px;
	text-decoration: none;
}