@font-face {
	font-family: 'TrajanProRegular';
	src: url('trajanpro-regular-webfont.eot');
	src: local('Trajan Pro'), local('TrajanPro-Regular'), url(data:font/truetype;charset=utf-8;base64,) format('truetype');
	font-weight: normal;
	font-style: normal;
}


/*//////////////////// Shared Pages ////////////////////*/
#mainWrapper {
margin: 0 auto;	

}

body{
	background-image: url(../images/dtdbackground3.jpg);
	background-repeat:repeat-x;
	background-color: #740545;
	overflow-x: hidden;
	margin:0 auto; 
	font:11px Verdana,Arial;
	
	
}

#content{
	background-image:url(../images/contentbackground.png);
	background-repeat: repeat-y;
	background-position: center;
	height: 960px;
	width: 880px;
	margin: 0 auto; 
	position: relative;
	
}

ul {
	list-style-type: none;
	height: 30px;
	width: 445px;
	margin: 0 auto;
}

ul a{
	padding-right: 13px;
	padding-left: 13px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-family: TrajanProRegular;
	font-weight: normal;
	color: #d96e48;	
	font-size: 16px;
	
}

li {
	float: left;
	
}

a:link{
	color:#d96e48; 
	text-decoration:none;
}

a:active {
	color: #846adf; 
	text-decoration: none; 
}
a:visited {
	color: #d96e48; 
	text-decoration: none; 
}
a:hover {
	color: #846adf; 
	text-decoration: none; 
}

h2{
	
	font-family: TrajanProRegular;
	font-size: 24px;
	font-weight:normal;
	color: #ff0066;
}


/*//////////////////// Header ////////////////////*/
#logo {
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	background-position: center;
	height: 123px;
	width: 404px;
	position: relative;
	margin: 0 auto;
	top: 20px;
	left: -210px;

}

#logo h1{
	
	visibility:hidden;
	margin: 0px;
	height: 115px;
	width: 420px;
}

#logo h2{
	visibility:hidden;

}

#separator {
	background-image: url(../images/headeraccent.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 886px;
	left: -22px;
	top: 10px;
	height: 139px;
	position:relative;
	margin: 0 auto;
	z-index: 1;
	
	
}
	
#mainNav{
	background-position: center;
	position: relative;
	top: -210px;
	left: 200px;
	font-size:16px;
	margin: 0 auto;
	
}

/*//////////////////// Index ////////////////////*/
#index {
	background-position:center;
	position: relative;
	height: 51px;
	top: 220px;
	left: 40px;
	margin:0 auto;
	margin-bottom: -40px;
	
	
	
}

#headerMedia {
	background-image:url(../images/interactivemedia.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 50px;
	width: 270px;
	top: 95px;
	left: -10px;
}

#headerServices {
	background-image: url(../images/services.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 80px;
	width: 140px;
	top: 12px;
	left: 535px;
	
}

#servicesP{
	font-family: "Century Schoolbook";
	font-size:14px;
	color: #f29544;
	position: relative;
	margin: 0 auto;
	width: 120px;
	left: 140px;
	top: -70px;
}

#servicesUl{
	height: 90px;
	width: 120px;
}

#index p{
	font-family: "Century Schoolbook";
	font-size:14px;
	color: #f29544;
	width: 460px;
}



#index h2{
	visibility: hidden;
}





/*//////////////////// Motion ////////////////////*/
#motion{
	background-position:center;
	position: relative;
	height: 51px;
	top: 50px;
	left: 40px;
	margin:0 auto;
	
}

#motionHeader{
	background-image: url(../images/motion.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 53px;
	width: 265px;
	top: -80px;
	left: 50px;
}

#motionHeader h2 {
		visibility: hidden;
	
}





/*//////////////////// Web ////////////////////*/

#web{
	background-position:center;
	position: relative;
	height: 51px;
	top: 50px;
	left: 40px;
	margin:0 auto;
	
}

#webHeader{
	background-image: url(../images/web.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height:80px;
	width: 215px;
	top: -90px;
	left: 35px;
}

#webHeader h2 {
		visibility: hidden;
	
}


/*//////////////////// About ////////////////////*/

#aboutHeader{
	background-image: url(../images/me.png);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height:90px;
	width: 300px;
	top: 20px;
	left: -40px;
}

#aboutHeader h2 {
		visibility: hidden;
	
}


#about {
	margin: 0 auto;
	position: relative;
	left: -250px;
	width: 300px;
	top: -80px;
	}
	
#about p{
	font-family: "Century Schoolbook";
	font-size:14px;
	color: #f29544;
	width: 460px;
}

#resumeThumb1{
	background-image: url(../images/adobe.png);
	margin: 0 auto;
	position: relative;
	background-position: center;
	height: 76px ;
	width: 76px;
	left: -115px;
}

#resumeThumb2{
	
	margin: 0 auto;
	position: relative;
	background-position: center;
	height: 76px;
	width: 76px;
	top: -75px;
	left: -20px;
}


#meImage {
	background-image: url(../images/_me.jpg);
	top: -450px;
	left: 260px;
	margin: 0 auto;
	position: relative;
	margin-bottom: -406px;
	height: 403px;
	width: 269px;
}
/*//////////////////// Contact ////////////////////*/
#contactform {
	margin: 0 auto;
	position: relative;
	top: -30px;
	left: 150px;
	font-family: "Century Schoolbook";
	font-size:14px;
	color: #f29544;
	margin-bottom: -20px;
}

#contactHeader{
	background-image:url(../images/contact.png);
	margin: 0 auto;
	position: relative;
	height: 50px;
	width: 200px;
	left: -250px;
	top: -60px;
	
}



/*//////////////////// Footer ////////////////////*/
#bottomPic {
	background-image:url(../images/contentfooter.png);
	background-repeat: no-repeat;
	background-position: center;
	left: 6px;
	height: 137px;
	width: 893px;
	position:relative;
	margin: 0 auto;
	top: 100px;
	
}

#bottomNav{
	
	background-position: center;
	position: relative;
	left: -20px;
	top: 75px;
	font-size: 12px;
	margin: 0 auto;

	}

#copyright {
	background-position: center;
	position: relative;
	top: 60px;
	color: #cccccc;
	font-size: 12px;
	margin: 0 auto;
	width: 220px;
	
	}
	
#motionbottomPic {
	background-image: url(../images/contentfooter.png);
	background-repeat: no-repeat;
	background-position: center;
	left: 6px;
	height: 137px;
	width: 893px;
	position:relative;
	margin: 0 auto;
	top: 149px;
	margin-bottom: -130px;
}

#motionbottomNav{
	
	background-position: center;
	position: relative;
	left: -20px;
	top: 75px;
	font-size: 12px;
	margin: 0 auto;
	margin-bottom: 75px;
	}

#motioncopyright {
	background-position: center;
	position: relative;
	top: 230px;
	color: #cccccc;
	font-size: 12px;
	margin: 0 auto;
	width: 220px;
	
	}
	
#webbottomPic {
	background-image:url(../images/contentfooter.png);
	background-repeat: no-repeat;
	background-position: center;
	left: 6px;
	height: 137px;
	width: 893px;
	position:relative;
	margin: 0 auto;
	top: -1px;
	margin-bottom: -130px;
}

#webbottomNav{
	
	background-position: center;
	position: relative;
	left: -20px;
	top: 75px;
	font-size: 12px;
	margin: 0 auto;
	margin-bottom: 75px;
	}

#webcopyright {
	background-position: center;
	position: relative;
	top: 80px;
	color: #cccccc;
	font-size: 12px;
	margin: 0 auto;
	width: 220px;
	
	}

#contactbottomPic {
	background-image:url(../images/contentfooter.png);
	background-repeat: no-repeat;
	left: 6px;
	height: 137px;
	width: 893px;
	position:relative;
	margin: 0 auto;
	top: 109px;
	margin-bottom: -137px;
}

#contactbottomNav{
	background-position: center;
	position: relative;
	left: -20px;
	top: 75px;
	font-size: 12px;
	margin: 0 auto;
}

#contactcopyright {
	position: relative;
	top: 185px;
	color: #cccccc;
	font-size: 12px;
	margin: 0 auto;
	width: 220px;
	margin-bottom: -100px;
	}