@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
body { font-family: 'Open Sans', sans-serif; font-weight: 300; background: url(../images/grayStripeBkgrnd6.gif); }
	.main { background-color: #999; }
a { border:0; color: #05a6fa; }
img { border: 0; }
p {margin:0; padding:0; font-size: 14px; font-weight:300; line-height: 24px;}

h1 { font-family: 'Fanwood Text', Georgia, serif; font-size: 56px; font-weight:300; color: #05a6fa; }
h2 { font-family: 'Fanwood Text', Georgia, serif; font-size: 56px; font-weight:400; color: #FC0; line-height: 64px; }
h3 { font-size: 38px; font-weight:300; color: #05a6fa; }
h6 { margin: 4px 0; padding:2px 5px; font-size: 18px; font-weight:300; line-height: 34px; }

#test { width: 960px; margin: 0 auto;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
#package { width: 960px; background: #185c9b url(../images/creatalytical_BkgrndBlu.gif) no-repeat; margin: 0 auto; float: left; }
#wrapper { margin: 50px 0; width: 960px; background-color: #fff; padding-bottom: 50px; float: left; }
#header { height: 190px; width: 960px; }
#logo { width:420px; height: 170px; margin-top: 20px; }

#mainContainer { width: 960px; margin: 0 auto; }
#container { width: 960px; float: left; }

#col2 { width: 140px; padding: 0 10px; float: left; }
#col3 { width: 220px; padding: 0 10px; float: left; }
#col4 { width: 300px; padding: 0 10px; float: left; }
#col6 { width: 460px; padding: 0 10px; float: left; }
#col8 { width: 620px; padding: 0 10px; float: left; }
#col9 { width: 700px; padding: 0 10px; float: left; }
#col10 { width: 628px; padding: 0 86px; float: left; }

#colSide { width: 140px; padding: 0 10px 0 0; float: left; }

ul#nav { width: 140px; }
#nav { list-style: none;  margin-top: 50px; font-size: 12px; letter-spacing: 1px; }
#nav li { height: 20px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px;}
#nav li a { padding: 3px 27px 3px 5px; background-color: #6b675f; color: #fff; text-decoration: none; }
#nav li a:hover { background-color:#eee; color:#6b675f; }
	
#content { width:  }
.thumb { margin: 10px 12px 0 0; }
.workDisplay { margin: 50px 0; }
.teamDisplay { margin: 50px 0; float: left; }


/* form 4 */

#contactForm {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:1.5em;
	color:#fff;
	width:460px; /* customize width, this form have fluid layout */
	}
#contactForm h3{
	margin:0 20px;
	height:28px;
	text-indent:-8000px;
	}		
#contactForm fieldset{
	margin:0;
	padding:0;
	border:none;	
	padding-bottom:1em;
	}		
#contactForm legend{display:none;}	
#contactForm p{margin:.5em 0px;}	
#contactForm label{
	display:block; 		
	width: 275px;
}	
#contactForm input, #contactForm textarea{		
	width:450px;
	border: none;
	padding:5px 3px;
	border-bottom:1px solid #fff;
	}		
#contactForm textarea{
	border:none;
	height:125px;
	width: 450px;
	margin-top: 20px;
	overflow:auto;
	}					
#contactForm p.submit{
	text-align:right;
	}	
#contactForm button{
	margin:0;
	padding:0;
	text-indent:-8000px;
	overflow:hidden;
	width:140px;
	height:39px;
	border:none;
	background:url(../images/btnSubmit.gif) no-repeat 0 0;
	cursor:pointer;
	text-align:left;
	}				

/* // form 4 */
/* SLIDER */

.nivoSlider {
    position:relative;
    width:628px; /* Change this to your images width */
    height:300px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* Team Photos */
.chad a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamChad_a.png); float: left; }
.chad a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamChad_b.png); }

.april a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamApril_a.png); float: left; }
.april a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamApril_b.png); }

.david a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamDavid_a.png); float: left; }
.david a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamDavid_b.png); }

.croft a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamCroft_a.png); float: left; }
.croft a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamCroft_b.png); }

.joey a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJoey_a.png); float: left; }
.joey a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJoey_b.png); }

.rusty a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamRusty_a.png); float: left; }
.rusty a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamRusty_b.png); }

.hayley a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamHayley_a.png); float: left; }
.hayley a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamHayley_b.png); }

.james a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJames_a.png); float: left; }
.james a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJames_b.png); }

.jesse a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJesse_a.png); float: left; }
.jesse a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJesse_b.png); }

.jenny a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJenny_a.png); float: left; }
.jenny a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJenny_b.png); }

.jaime a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJaime_a.png); float: left; }
.jaime a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJaime_b.png); }

.melanie a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamMelanie_a.png); float: left; }
.melanie a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamMelanie_b.png); }

.josh a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJosh_a.png); float: left; }
.josh a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJosh_b.png); }

.natali a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamNatali_a.png); float: left; }
.natali a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamNatali_b.png); }

.norm a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamNorm_a.png); float: left; }
.norm a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamNorm_b.png); }

.jj a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamJJ_a.png); float: left; }
.jj a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamJJ_b.png); }

.meredith a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamMeredith_a.png); float: left; }
.meredith a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamMeredith_b.png); }

.trey a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamTrey_a.png); float: left; }
.trey a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamTrey_b.png); }

.steve a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamSteve_a.png); float: left; }
.steve a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamSteve_b.png); }

.tiffany a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamTiffany_a.png); float: left; }
.tiffany a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamTiffany_b.png); }

.veronda a { margin: 10px 12px 0 0; display:block; width: 140px; height: 140px; background: url(../images/teamVeronda_a.png); float: left; }
.veronda a:hover { display:block; width: 140px; height: 140px; background: url(../images/teamVeronda_b.png); }