/* HEADER */


#jmmdlogo {
  position: relative;
  left: 390px;
  top: 10px;
}

/* END OF HEADER */









/* NAVIGATION*/

#menu {
  background: url(../images/navmenu.jpg) no-repeat;
  height: 30px;
  width: 800px;
  position: relative;
  top: 10px;
  margin: 0px auto;
}


#menu li {
  list-style-type: none;
  float: left;
}


#menu a {
  height: 30px;
  display: block;
}


#menu span {
  display: none;
}


#home { 
  width: 160px; 
}


#resume { 
  width: 160px; 
}


#portfolio { 
  width: 160px; 
}


#testimonials { 
  width: 160px; 
}


#contact { 
  width: 160px; 
}


#home a:hover {
      background: url(../images/navmenu.jpg) 0px -30px no-repeat;
}


#resume a:hover {
      background: url(../images/navmenu.jpg) -160px -30px no-repeat;
}


#portfolio a:hover {
      background: url(../images/navmenu.jpg) -320px -30px no-repeat;
}


#testimonials a:hover {
      background: url(../images/navmenu.jpg) -480px -30px no-repeat;
}


#contact a:hover {
      background: url(../images/navmenu.jpg) -640px -30px no-repeat;
}


#submenu {
  width: 675px;
  position: relative;
  left: 90px;
  top: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}


#top a {
  position: absolute;
  top: 0px;
  left: -10px;
}


#packaging a {
  position: absolute;
  top: 0px;
  left: 0px;
}


#logo a {
  position: absolute;
  top: 0px;
  left: 115px;
}


#print a {
  position: absolute;
  top: 0px;
  left: 250px;
}



#web a {
  position: absolute;
  top: 0px;
  left: 375px;
}


#object a {
  position: absolute;
  top: 0px;
  left: 515px;
}



/*END OF NAVIGATION*/









/* PAGE TITLES */

.ttl-sh {
  display: none;
}


#ttl-home {	
	position: relative;
	top: -19px;
	width: 104px;
	margin-left: 40px;
}


#ttl-profile {
	position: relative;
	top: -19px;
	width: 117px;
	margin-left: 170px;
}


#ttl-resume {
	position: relative;
	top: -19px;
	width: 117px;
	margin-left: 170px;
}


#ttl-portfolio {
	position: relative;
	top: -19px;
	width: 141px;
	margin-left: 310px;
}


#ttl-testimonials {
	position: relative;
	top: -19px;
	width: 186px;
	margin-left: 450px;
}


#ttl-contact {
	position: relative;
	top: -19px;
	width: 125px;
	margin-left: 630px;
}


/* END OF PAGE TITLES */









/*SLIDESHOW*/

.slideshow {
  width: 725px;
  height: 179px;
  margin: 0 auto;
  position: relative;
  top: 10px;
  left: 5px;
  background-color: white;
  border: 1px solid black;
}


.slideshow img {
  padding: 5px;
}

/*END OF SLIDESHOW*/









/*PORTFOLIO PAGES*/

.portfolio-ltcol {
  margin-left: 35px;
  width: 520px;
  height: 370px;
  float: left;
}


.portfolio-rtcol {
  margin-left: 10px;
  width: 200px;
  height: 390px;
  float: left;
  padding-top: 0px;
  vertical-align: text-bottom;
}

#portsubmenu {
  width: 200px;
  margin-top: 15px;
  margin-bottom: 30px;
}


#portsubmenu li {
  float: left;
}


.workdescription {
  margin-top: 40px;
  height: 295px;
}


.workdescription p{
  margin-bottom: 20px;
}


.returntoportfolio {
  position: absolute;
  top: 335px;
}

/*END OF PORTFOLIO PAGES*/









/* FORM ELEMENTS */

#contactform {	
  width: 95%;	
  margin-top: 30px;
  margin-left: 20px;
}


#contactform li {
  padding-bottom: 20px;
  list-style: none;
}


#contactform label.labeldescription {
  display: block;
  line-height: 2px;
  padding-bottom: 3px;
}
	

#contactform .labeldescription {
  display: block;
  padding-bottom: 3px;
}


#contactform input, textarea, select input:not([type=radio]){		
  background-color: #fff;		    	
  margin-right: 10px;
  margin-top: 5px;
  border: 1px solid #bfb6a5;
}


#contactform select {
  width: 50px;
  margin-top: 5px;
  border: 1px solid #bfb6a5;	
}	


#contactform .button {	
  background-color: #59595b;					
  border: 1px solid #000;	
  width: 155px;
  height: 30px;  
  margin-top: -10px;
}


#contactform .button:hover {	
  background-color: #bcbdc1;			
}


#leftform {
  position: absolute;
  top: 30px;
  left: 80px;
}

#rightform {
  position: absolute;
  top: 30px;
  left: 400px;
}

/* END OF FORM ELEMENTS */









/*OTHER PAGE ELEMENTS*/


.profile-subheading {
  margin-top: -20px;
}


.galleryblock {
  width: 735px;
  float: left;
  display: block;
  margin-left: 45px;
  position: relative;
  top: 0px;
}


.content-2col {
  padding-left: 35px;
  width: 345px;
  float: left;
}


.content-2col p {
  margin-top: 15px;
}


.content-2col h2 {
  padding-top: 20px;
  margin-bottom: -15px;
}


.content-1col {
  position: relative;
  left: 25px;
  width: 750px;
  float: left;
  padding-right: 20px;
}


.content-1col p {
  margin-bottom: 15px;
}


.content-1col li {
  margin-left: 50px;
  margin-bottom: 15px;
}



#footer p {
  margin-top: 0px;
}


.copyrightinfo {
  position: relative;
  top: 5px;
  margin-left: 15px;
  margin-right: 20px;

}

.vh-center {
  margin-left: 100px;
  margin-top: 80px;

}

/*END OF OTHER PAGE ELEMENTS*/








/* MISC ELEMENTS */

.floatleft {
  float: left;
}

.hidden {
  visibility: hidden
}

/* END OF MISC ELEMENTS */