* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #f4f4ed;
 background-image: url("images/header_bg3.jpg");
 background-repeat: repeat-x;
 background-position: top left;
}



body#home #t-home a, body#portfolio #t-portfolio a, body#gallery #t-gallery a, body#classes #t-classes a, body#store #t-store a, body#about #t-about a, body#contact #t-contact a
{
color:#55544e;
}	

body#home #t-home2 a, body#portfolio #t-portfolio2 a, body#gallery #t-gallery2 a, body#classes #t-classes2 a, body#store #t-store2 a, body#about #t-about2 a, body#contact2 #t-contact a
{
color:#55544e;
}


body#store #active a
{
color:#333;
}	

#wrapper { 
 margin: 0 auto;
 width: 800px;
 }
 
/* header 
--------------------------------------------- */ 
 
 

#header {
 width: 800px;
 color: #333;
 height: 100px;
 padding: 0px;
 padding-bottom: 0px;
 border-bottom: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: transparent;
 background-image: url("images/maryjokoch_logo3.jpg");
 background-repeat: no-repeat;
}



h1#name
{
float:left;
width: 250px;
margin: 0;
padding: 0;
border: 0px solid #000;
}

#name span
{
display: none;
}



/* Header Navigation
--------------------------------------------- */

#navcontainer
{
width: 420px;
float: right;
padding: 0px;
margin: 0px;
margin-top: 45px;
border: 0px solid #000;
}


#navlist li
{
display: inline;
list-style-type: none;
padding-left: 12px;
}

#navlist li a
{
font-family: "Lucida Grande", sans-serif;
color: #84827b;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#navlist li a:hover
{
color: #55544e;
}






/* Content
--------------------------------------------- */


#content {
clear: both; 
 width: 800px;
 color: #333;
 border: 0px solid #ccc;
 background: #f4f4ed;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 padding-top: 0px;
 
}


#titlebox
{
border-bottom: 2px solid #e0e0d5;
padding: 35px 0 20px 0; 
}


#titlebox p
{
color: #91918e;
font-size: 16px;
line-height: 1.7em;
font-weight: normal;
font-family: Georgia, serif;
padding-top: 5px;
padding-bottom: 0;
margin: 0;

}


#titlebox p a
{
color: #e1131b;
text-decoration: none;
}

#titlebox p a:hover
{
color: #393939;
}




h1#title, h1#title1 {
	margin: 0 0 0px 0; 
	padding: 0;
	font-family: Georgia; 
	font-size: x-large; 
	font-weight: normal; 
	text-align: left; 
	color: #55544e;
	}
	
	
h1#title1
{
text-align:center;
}


	
h2.pagetitle, h2.contacterror {
	margin: 0px 0 10px 0;
	padding-top: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #393939;
	}
	
h2.contacterror
{
color: #CC0000;
padding-top: 5px;
}	

div.date, div.classdate
{
float: left;
width: 200px;
margin-top: 15px;
}

div.date h3
{
color: #91918e;
font-size: 12px;
font-weight: normal;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}


div.text
{
float: right;
width: 600px;
margin-top: 15px;
}



div.text h2
{
color: #393939;
font-size: large;
font-weight: normal;
font-family: Georgia;
}

div.text p
{
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.7em;
color: #393939;
margin: 20px 0 20px 0;}



div.text p a
{
color:#CC0000;
text-decoration: none;
}


div.text p a:hover
{
color:#393939;
text-decoration: none;
}




div.recentworkbox
{
width: 500px;
border: 1px solid gray;
margin: 30px 0 30px 0;
}



div.text p.workinfo,div.text p.workinfo2
{
margin:0;
padding:0;
}

div.text p.workinfo2
{
margin-bottom: 40px;
}










/* Class Info
--------------------------------------------- */

div.classtext
{

width: 800px;
margin-top: 0px;

}

div.classtext p
{
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.7em;
color: #393939;
margin: 0px 0 20px 0;}


div.classtext p a, div.classtext ul li a, div.text ul li a
{
color: #CC0000;
text-decoration: none;
}

div.classtext p a:hover, div.classtext ul li a:hover, div.text ul li a:hover
{
color: #393939;
}





div.classtext img
{
float: left;
margin-right: 15px;
margin-top: 5px;
border:8px solid #e8e8dc;
}


div.classdate h3
{
color: #393939;
font-size: 12px;
font-weight: normal;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
}


h3.return
{
text-align: center;
margin-top: 40px;
color: #84827b;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: "Lucida Grande", sans-serif;
}





h3.return a
{
color: #84827b;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: "Lucida Grande", sans-serif;
}


h3.return a:hover
{

color: #55544e;
}



/* Gallery
--------------------------------------------- */

div.galleryimg
{
float: left;
width: 500px;
margin:0;
margin-top: 40px;
border: 0px solid #000;
padding-bottom: 40px;
}



div.galleryimgtext
{
float: right;
width: 250px;
margin:0;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 40px;
border: 0px solid #000;
}


div.gallerybutton
{
width: 77px;
margin: 0;
height: 20px;
border: 1px solid #777;
}



div.galleryimgtext p
{
margin-bottom: 10px;}



div.galleryimgtext p a
{
color:#CC0000;
text-decoration: none;
}


div.galleryimgtext p a:hover
{
color:#393939;
}


/* Portfolio & Store
--------------------------------------------- */

div.imgbox, div.storeimgbox
{
width: 800px;
margin-top: 15px;
padding-bottom: 15px;
border: 0px solid #000;
}




div.imgbox img
{
float: left;
padding:0px;
border:8px solid #e8e8dc;
}





.thumbnails {
	margin:0px 30px 0px 30px;
	background: transparent;
	}



div.imgbox img:hover
{
border:8px solid #e2e2d3;
}





#portimg
{
float: left;
width: 400px;
margin:0;
margin-top: 30px;
height: 500px;
padding-bottom: 40px;
}


#portimg img
{
border:8px solid #e8e8dc;
}

#imgtext
{
float: right;
width: 340px;
margin:0;
padding-left: 40px;
padding-bottom: 40px;
margin-top: 30px;
border: 0px solid #000;
}

#imgtext p
{
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.7em;
color: #393939;
margin: 0px 0 30px 0;}


#imgtext p a
{
font-family: "Lucida Grande", sans-serif;
color: #84827b;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#imgtext p a:hover
{
color: #55544e;
}

p.portnav
{
color: #55544e;
}


#imgtext p.quote
{
font-style: italic;
margin: 0px 0 10px 0;
}



/* Store
--------------------------------------------- */

div.storeimgbox img
{
padding:0px;
margin-bottom: 10px;
border:8px solid #e8e8dc;
}	


	



div.imgholder
{
float:left;
width: 93px;
margin: 0px 32px 30px 33px;
padding: 0px 0px 0px 0px;
border: 0px solid #000;

}


div.imgholder p
{
font-family: "Lucida Grande", sans-serif;
font-size: xx-small;
color: #55544e;
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
}


div.imgholder p
{
padding-top: 0px;
padding-bottom: 7px;
font-weight: bold;
}



div.buttonholder
{
width: 77px;
margin: 0 auto;
height: 20px;
border: 1px solid #777;
}


#nav3 { 
clear: both;
 width: 800px;
 height: 100px;
 border-top: 1px solid #e0e0d5;
 border-bottom: 0px solid #e0e0d5;
 margin: 0px 0px 0px 0px;
 padding: 0px 0 0px 0;
 
}

#storenav ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 40px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #84827b;
width: 100%;
font-family: "Lucida Grande", sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#storenav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
/* matches link padding except for left and right */
padding-top: 0px;
}

#storenav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 40px;
color: #84827b;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}

#storenav ul li a:hover
{

color: #55544e;
}




div.storeimg
{
float: left;
width: 300px;
margin:0;
margin-top: 30px;
border: 0px solid #000;
padding-bottom: 30px;
}



div.storeimgtext
{
float: right;
width: 460px;
margin:0;
padding-left: 40px;
padding-bottom: 0px;
margin-top: 30px;
border: 0px solid #000;
}


div.storeimgtext a {
	
	color:#CC0000;
	text-decoration:none;
	}

div.storeimgtext a:hover {
	
	color:#333;
	
	}



div.storeimgtext h2, div.galleryimgtext h2
{
color: #393939;
font-size: large;
font-weight: normal;
font-family: Georgia;
}


div.storeimgtext p, div.galleryimgtext p
{
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.7em;
color: #393939;
margin: 20px 0 30px 0;}




div.storeimg img
{
border:8px solid #e8e8dc;
}	



div.storeimg img:hover
{
border:8px solid #e2e2d3;
}


h1.confirmation{
	margin: 40px 0 0px 0; 
	padding: 0;
	font-family: Georgia; 
	font-size: x-large; 
	font-weight: normal; 
	text-align: left; 
	color: #55544e;
	}

#success
{
text-align: left;
padding-bottom: 20px;
padding-top: 0px;
padding-left: 0;
margin-top: 10px;
margin-left: 20px;
width: 100%;
font-family: Georgia; 
font-size: large; 
line-height: 1.7em;
color: #55544e;
}

#success li
{
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
padding-top: 10px;
list-style-type: disc;
list-style-position: inside;
}



/* About
--------------------------------------------- */

div.classtext ul, div.text ul 
{
text-align: left;
padding-bottom: 20px;
padding-top: 0px;
padding-left: 0;
margin-top: 0px;
margin-left: 20px;
width: 100%;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.7em;
color: #393939;
}

div.classtext ul li, div.text ul li
{
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
padding-top: 0px;
list-style-type: disc;
list-style-position: inside;
}


div.text ul
{
margin-top: 20px;
}


/* Footer Navigation
--------------------------------------------- */


#nav2 { 
clear: both;
 width: 800px;
 height: 100px;
 border-top: 2px solid #e0e0d5;
 border-bottom: 2px solid #e0e0d5;
 margin: 0px 0px 0px 0px;
 padding: 0px 0 0px 0;
 
}

#navcontainer2 ul
{
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0;
margin-top: 40px;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: #84827b;
width: 100%;
font-family: "Lucida Grande", sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer2 ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 0px;
/* matches link padding except for left and right */
padding-top: 0px;
margin-top: 40px;
}

#navcontainer2 ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-top: 0px;
color: #84827b;
text-decoration: none;
font-size: 12px;
font-weight: bold;
margin-top: 40px;
}

#navcontainer2 ul li a:hover
{

color: #55544e;
}

#navcontainer2 #active { border-left: 0px solid #fff; }






/* Contact
--------------------------------------------- */



table.emailform
{
margin: 20px 0 40px 0;
}


table.emailform td
{
padding-bottom: 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #393939;
}



h1.message{
	margin: 150px 0 0px 0; 
	padding: 0;
	font-family: Georgia; 
	font-size: x-large; 
	font-weight: normal; 
	text-align: center; 
	color: #55544e;
	}




/* Footer
--------------------------------------------- */


#footer { 
clear: both;
 width: 800px;
 height: 50px;
 color: #333;
 border-top: 0px solid #e0e0d5;
 margin: 0px 0px 0px 0px;
 padding: 0px 0 0px 0;
 
 
}

#footer p
{
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 11px;
color: #393939;
margin: 20px 0 20px 0;
}





/* Misc
--------------------------------------------- */


div.floatwrap
{
clear: both
}

div.date span
{
border-top: 0px;
}