/*--Van Vechten Creative--*/

*{margin: 0; padding: 0;}

a img{border: none;}

a{
	color: #363636; 
	text-decoration: none;
}

.red, a:hover{color: #cf0606;}

.boldCaps{
	font-weight: bold;
	text-transform: uppercase;
}

.print{display: none;}

p{padding-bottom: 20px;}

html{overflow-y: scroll;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	color: #363636;
	margin: 0;
	padding: 0;
}

#container{
	width: 990px;
	height: auto;
	margin: 0 auto;
}

#header{
	position: relative;
	width: 990px;
	height: 105px;
	float: left;
}

#header h1{
	display: none;	
}

#flashLogo, #header img{
	width: 194px;
	height: 30px;
	position: absolute;
	top: 51px;
	left: 665px;	
}

#flashLogo img{top: 0; left: 0;}

#leftNav{
	width: 141px;
	height: auto;
	float: left;
	padding: 37px 0 0 47px;
}

#leftNav ul{
	list-style-type: none;
	line-height: 0;
}

#leftNav ul li{
	margin-bottom: 23px;
}

#leftNav ul li.sub{
	margin-bottom: 6px;
	margin-left: -20px;
}

#leftNav ul li.active{
	margin-bottom: 9px;
	background: url('../_images/_nav/arrow_down_red.gif') no-repeat 100px 1px;
}

#leftNav ul li.last{
	margin-left: -20px;
	margin-bottom: 20px;
}

#content{
	width: 802px;
	height: auto;
	float: left;
}

#people{
	width: 672px;
	height: 650px;
	float: left;
}

#mainFlash, #landingImage{
	width: 665px;
	height: 348px;
	float: left;
	position: relative;
}

#mainImage, #portfolio{
	width: 661px;
	height: 346px;
	float: left;
	background: url('../_images/shadow.gif') no-repeat top left;
	padding: 2px 0 0 4px;
}

#mainCopy{
	position: relative;
	width: 447px;
	height: auto;
	float: left;
	padding: 20px 0 0 25px;
	line-height: 20px;
	margin-bottom: 40px;
}

#mainCopy img{margin: 6px 0 4px 0;}

#mainCopy ul{
	list-style-type: none;
	float: left;
	height: 123px;
	font-size: 11px;
	color: #363636;
	margin-bottom: 20px;
	line-height: 15px;
	display: block;
}

.col1{
	width: 129px;
	padding-right: 20px;
}

.col2{
	width: 129px;
	padding-right: 20px;
}

.col3{
	width: 149px;
}

.clientCol1{
	clear: left;
	width: 200px;
}

.clientCol2{
	width: 200px;
}

#mainCopy h2{
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#mainCopy p{clear: left;}

#contactMap{
	float: right;
	width: 290px;
	height: auto;
	padding: 25px 0 0 0;
}

#contactMap img{margin-bottom: 8px;}

#viewWebsite{
	position: absolute;
	width: 62px;
	height: 9px;
	top: 24px;
	right: 0px;
}

#rightNav{
	float: left;
	width: 292px;
	height: auto;
	margin: 0 0 20px 38px;
}

#rightNav ul{
	list-style-type: none;
	margin: 13px 0 0 0px;
	float: left;
	padding-left: 4px;
}

#rightNav ul li{margin-bottom: 3px;}

#circles{
	width: 292px;
	height: 15px;
	margin: 25px 0 0 0;
	float: left;
	cursor: pointer;
}

a div.circle{
	width: 15px;
	height: 15px;
	float: left;
	overflow: hidden;
	background: url('../_images/circle.gif') no-repeat 0px -15px;
}

a div.activeCircle{background-position: 0 0;}

a:hover div.circle{background-position: 0px 0px;}

#footer{
	width: 900px;
	padding: 30px 0 0 0px;
	margin-bottom: 20px;
	
}

#footer img{border: none;}

#footer a {
	text-decoration:underline;
	color:#666666;
}
#footer a:hover {
	text-decoration:none;
	color:#666666;
}

#countdown{
	width: 665px;
	float: left;
	text-align: center;
	margin-bottom:30px;
}

/*--Portfolio Page--*/

#wrap {
	height: 338px;
	width: 655px;
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

#carousel{
	width: 10000px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#carousel li{
	height: 338px;
	width: 655px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#previous, #next, #previous2, #next2{
	cursor: pointer; 
	position: absolute; 
	z-index: 10;
}

#previous, #previous2 {top: 0; left: 0;}

#next, #next2 {top: 0; right: 0;}

#ie{display: none;}

#previous2{
	background: url('../_images/transparent.gif') repeat top left; 
	width: 327px; 
	height: 338px; 
}

#next2{
	background: url('../_images/transparent.gif') repeat top left; 
	width: 328px; 
	height: 338px; 
}

#left2, #right2{visibility: hidden;}