@charset "utf-8";

/* TAG'S */

body {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background-image:url(../images/background.gif);
	background-repeat:repeat-x;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:13px;
	margin-bottom:0px;
	margin-top:5px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	margin:0px;
}
blockquote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#CC3333;
}
a {
	color:#CC3333;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
hr {
	margin-top:5px;
	margin-bottom:0px;
}
ul {
	margin-top:0px;
	margin-bottom:0px;
}
/* ID'S */

#container {
	position:relative;
	width:1000px;
	margin:auto;
}
#logo {
	width:400px;
	float:left;
}
#followBox {
	width:462px;/*434*/
	float:right;
}
	#linkBox {
		width:132px;/*104*/
		float:left;
	}
	#snIcon {
		position:relative;
		top:80px;
		width:26px;
		float:left;
	}
	#addThis {
		position:relative;
		top:80px;
		width:28px;
		float:left;
	}
	#twitter {
		position:relative;
		top:30px;
		width:330px;
		height:80px;
		float:right;
		background-image:url(../images/twitBkgd.png);
		background-repeat:no-repeat;
	}
		#twitterIcon {
			position:relative;
			top:50px;
			width:26px;
			float:left;
			text-align:right;
		}
		#twitterFollow {
			position:relative;
			top:5px;
			width:294px;
			float:right;
			text-align:left;
		}
		#twitterContent {
			position:relative;
			top:16px;
			width:284px;
			float:right;
			text-align:left;
			text-decoration:none;
			padding-right:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			line-height:12px;
			color:#000000;
		}
#content {
	position:absolute;
	top:110px;
	left:0px;
	width:inherit;
}
	#about {
		width:436px;
		height:220px;
		float:left;
		margin-top:436px;/*270px when work is NOT posted*/
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/about.png);
		background-repeat:no-repeat;
	}
	#services {
		width:436px;
		height:220px;
		float:left;
		margin-top:436px;/*270px when work is NOT posted*/
		padding-bottom:20px;
		padding-left:50px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/services.png);
		background-repeat:no-repeat;
	}
	#offices {
		position:absolute;
		margin-top:60px;
		left:0px;
		width:1000px;
		height:186px;
		float:left;
	}
	#work {
		position:absolute;
		margin-top:246px;
		left:0px;
		width:1000px;
		height:190px;
		float:left;
		text-align:right;
	}
	#contactCareer {
		width:942px;
		height:520px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/contactCareer.png);
		background-repeat:no-repeat;
	}
	  #careerInfo {
	  width:622px;
	  padding-right:20px;
	  float:left;
	  }
	  #contactInfo {
	  width:280px;
	  height:200px;
	  float:right;
	  padding-left:20px;
	  background-image:url(../images/contentDivider.png);
	  background-position:left;
	  background-repeat:no-repeat;
	  }
	#devEnv {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/devEnv.png);
		background-repeat:no-repeat;
	}
	#photoVid {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/photoVid.png);
		background-repeat:no-repeat;
	}
	#comEvents {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/comEvents.png);
		background-repeat:no-repeat;
	}
	#privacy {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/privacy.png);
		background-repeat:no-repeat;
	}
	#tos {
		width:942px;
		height:2600px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/tos.png);
		background-repeat:no-repeat;
	}
	#referringSites {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/referringSites.png);
		background-repeat:no-repeat;
	}
	#philosophy {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/philosophy.png);
		background-repeat:no-repeat;
	}
	#testimonials {
		width:942px;
		height:450px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/testimonials.png);
		background-repeat:no-repeat;
	}
	#clients {
		width:942px;
		height:320px;
		float:left;
		margin-top:0px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/clients.png);
		background-repeat:no-repeat;
	}
	#clientBox {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/featured.png);
		background-repeat:no-repeat;
	}
	#clientBox2 {
		width:942px;
		height:320px;
		float:left;
		margin-top:0px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/featured.png);
		background-repeat:no-repeat;
	}
	#clientCol1 {
		width:332px;
		float:left;
		margin-top:0px;
		padding:0px;
	}
	#clientCol2 {
		width:340px;
		float:left;
		margin-top:0px;
		padding:0px;
	}
	#clientCol3 {
		width:270px;
		float:left;
		margin-top:0px;
		padding:0px;
	}
	#anchor {
		position:absolute;
		margin-top:-60px;
		margin-left:-38px;
	}
	#error {
		width:942px;
		height:320px;
		float:left;
		margin-top:60px;
		padding-bottom:20px;
		padding-left:38px;
		padding-right:20px;
		padding-top:60px;
		background-image:url(../images/error.png);
		background-repeat:no-repeat;
	}
	
	#nav {
		position:absolute;
		top:0px;
		left:0px;
		width:770px;
		margin-left:200px;
		padding:15px;
		text-align:right;
	}
		#cms {
		 position:absolute;
		 top:0px;
		 left:50px;
		 background-image:url(../images/cms.png);
		 height:46px;
		 width:150px;
		}
		#kmjPhotoLogo {
		position:absolute;
		top:70px;
		right:20px;
		}
	#footer {
		clear:both;
		margin-top:7px;
	}
		#copyright {
			width:263px;
			height:170px;
			float:left;
			text-align:left;
			padding-bottom:20px;
			padding-left:38px;
			padding-right:20px;
			padding-top:60px;
			background-image:url(../images/copyrightFooter.png);
			background-repeat:no-repeat;
		}
		#community {
			width:269px;
			height:170px;
			float:left;
			text-align:left;
			padding-bottom:20px;
			padding-left:50px;
			padding-right:20px;
			padding-top:60px;
			background-image:url(../images/communityEventsFooter.png);
			background-repeat:no-repeat;
		}
		#affiliations {
			width:269px;
			height:170px;
			float:left;
			text-align:left;
			padding-bottom:20px;
			padding-left:50px;
			padding-right:20px;
			padding-top:60px;
			background-image:url(../images/affiliationsFooter.png);
			background-repeat:no-repeat;
		}

/* CLASSES */

.darkCopy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	color:#000000;
}
.twitterLink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#cc3333;
}
.mainNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.secureNav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.featured {
	float:left;
	padding-right:10px;
}