/* diem master css file */
/* written by Lift http://www.studiolift.com */

body
{
margin: 0;
padding: 0;
/* background-color: rgb(163,134,90); */
background-color: #000033

}

           

img
{
margin: 0;
padding: 0;
border: 0;
}



div.spacer {
  clear: both;
/*  height: 6px; */
  background-color: rgb(229,221,208);
  }
  
  
  
div.blankspacer {
  clear: both;
  background-color: transparent;
  }
  
  .spacer p
  {
  font-size: 2px;
  line-height: 6px;
  margin: 0;
  padding: 0;
  }

  .blankspacer p
  {
  font-size: 2px;
  line-height: 6px;
  margin: 0;
  padding: 0;
  }



/* master layout divs */





#wrapper
{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
	border: none;
width: 706px;
		voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 700px;
/*	background-color: rgb(229,221,208); */
background-color: rgb(189,169,137);

}

html>#wrapper	{
	width: 700px;
	} 

#overlay
{
	background-color: rgb(229, 221, 208);
	margin: 0;
	padding: 0;
	width: 700px;
	border: none;
	z-index: 100;
	position: relative;
	top: -6px;
	left: -6px;
	background-image: url(images/background-strips.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

#underlay
{
	margin: 0;
	padding: 0;
width: 706px;
		voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 700px;
background-color: rgb(189,169,137);
z-index: 500;

}


#logopanel
{
margin: 0;
margin-left: 6px;
padding: 0;
background-color: white;
width: 688px;
height: 50px;
clear: both;
border: none;
border-top: solid 6px rgb(229,221,208);
/* border-bottom: solid 6px rgb(229,221,208); */
}

#logopanel img
{
margin: 0;
/* margin-left: 6px; */
}


#contentarea
{
margin: 0;
padding: 0px;
width: 700px;
	background: transparent;
border: none;
}

#col1
{
margin: 0;
/* margin-left: 6px; */

padding: 0;
float: left;
/* width: 149px;
voice-family: "\"}\""; 
voice-family: inherit; */
width: 149px;
background-color: transparent;
border: none;
}

#col2
{
margin: 0;
/* margin-left: 6px; */
padding: 0;
border: none;
/* width: 545px;
voice-family: "\"}\""; 
voice-family: inherit; */
width: 545px;
background-color: transparent;
float: left;
}




/* col1 divs */


#globalnavbox
{
margin: 0;
margin-left: 6px;
margin-bottom: 0px;
padding: 0;
/* border-top: solid 6px rgb(229,221,208); */
width: 143px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
	line-height: 17px;
background-color: rgb(103,114,155);
border-bottom: solid 6px rgb(103,114,155);
}

#globalnavbox ul
{
margin: 0;
/* margin-top: 5px;
margin-bottom: 10px;
margin-left: 25px; */
padding: 0;
list-style: none;
}

#globalnavbox li
{
margin: 0;
padding: 0;
}

#globalnavbox li a
{
display: block;
text-decoration: none;
background-color: transparent;
width: 137px;
padding-left: 6px;
padding-top: 3px;
padding-bottom: 3px;
color: #ffffff;
}


html>body #globalnavbox li a {
                width: auto;
                }

#globalnavbox li a:hover
{
background-color: rgb(182,188,207);
color: rgb(13,31,96);
}


#globalnavbox ul .navon
{
display: block;
text-decoration: none;
background-color: rgb(13,31,96);
width: 137px;
padding-left: 6px;
padding-top: 3px;
padding-bottom: 3px;
}

a.navon
{
background-color: rgb(13,31,96);
}



#subnavbox
{
margin: 0;
margin-left: 6px;
margin-bottom: 10px;
padding: 0;
background-color: rgb(182,188,207);
border-top: solid 6px rgb(229,221,208);
width: 143px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
	line-height: 17px;
}

#subnavbox ul
{
margin: 0;
/* margin-top: 5px;
margin-bottom: 10px;
margin-left: 25px; */
padding: 0;
list-style: none;
}

#subnavbox li
{
margin: 0;
padding: 0;
}

#subnavbox li a
{
	display: block;
	text-decoration: none;
	background-color: transparent;
width: 125px;
/*	width: 137px; */
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: -12px;
}


html>body #subnavbox li a {
                width: auto;
                }

#subnavbox li a:hover
{
background-color: rgb(207,210,223);
color: rgb(51,51,51);
}


#subnavbox ul .subnavon
{
display: block;
text-decoration: none;
/* background-color: rgb(207,210,223); */
background-color: rgb(103,114,155);
width: 125px;
/* width: 137px; */
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: -12px;
color: #ffffff;
}



#prevnext
{
margin: 0;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
border: none;
}





/* col2 divs */

#thetext
{
border: none;
padding: 0;
margin: 0;
margin-left: 6px;
background-color: #ffffff;
}

#thetext img
{
border: none;
margin-top: 6px;
margin-left: 6px;
}


#footer
{
	margin: 0;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 6px;
	padding: 0;
	border: none;
	clear: left;
	border-top: solid 6px rgb(229,221,208);
}


#footer p
{
font-size: 10px;
line-height: 13px;
margin-top: 5px;
}


/* home page divs */

.homepic
{
width: 300px;
height: 445px;
margin: 0;
margin-right: 20px;
margin-bottom: 20px;
padding: 0;
float: left;
clear: both;
}



/* signature pic divs */

.sigpic
{
width: 200px;
height: 400px;
margin: 0;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
padding: 0;
float: right;
clear: both;
}



/* portfolio display page */

.rowdisplay
{
margin: 0;
margin-bottom: 20px;
padding: 0;
width: 500px;
}

.portfolio-image
{
margin: 0;
padding: 0;
width: 140px;
float: left;
}

.portfolio-desc
{
margin: 0;
padding: 0;
float: left;
width: 500px;
}

.project-desc
{
margin: 0;
padding: 0;
float: left;
width: 360px;
}

.project-image
{
margin: 0;
padding: 0;
width: 140px;
float: left;
}

.portfolio-desc h2
{
margin-top: 2px;
margin-bottom: 2px;
}

.portfolio-desc p
{
margin-top: 6px;
}

.project-desc h2
{
margin-top: 2px;
margin-bottom: 2px;
}

.project-desc p
{
margin-top: 6px;
}

.col-display
{
margin: 0;
margin-bottom: 5px;
padding: 0;
width: 500px;
/* border-top: 1px solid #cccccc; */

}

.col-image
{
margin: 0;
padding: 0;
width: 130px;
float: left;

}

.col-image img
{
margin: 0;
padding: 0;
}

.col-text
{
margin: 0;
padding: 0;
width: 240px;
float: left;
}



/* typography */

p
{
	color: rgb(51,51,51);
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 8px;
	padding: 0;
}


h1
{
	color: rgb(163,134,90);
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin: 0;
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 6px;
	padding: 0;
}

h2
{
	color: rgb(163,134,90);
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 19px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin: 0;
	margin-left: 6px;
	margin-top: 20px;
	margin-bottom: 2px;
	margin-right: 6px;
	padding: 0;
}

.col-display h2
{
margin-top: 5px;
}


ul
{
	color: rgb(51,51,51);
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}


.col-text p
{
	text-align: center;
	font-weight: bold;
		color: rgb(163,134,90);

}

#prevnext p
{
font-size: 10px;
}

#subnavbox h4
{
font-weight: bold;
font-size: 11px;
	color: rgb(51,51,51);
	font-family: Verdana, Arial, sans-serif;
		margin: 0;
	margin-left: 6px;
	margin-top: 9px;
	margin-bottom: 2px;
	margin-right: 6px;
	padding: 0;
}


.quote
{
	color: rgb(163, 134, 90);
	font-size: 14px;
	line-height: 17px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 20px;
font-weight: bold;
}

.quote2
{
	color: rgb(163, 134, 90);
	font-style: italic;
font-weight: normal;
}




/* project page styles */

.project-links
{
width: 150px;
border: 1px solid rgb(51,51,51);
float: right;
margin: 0;
padding: 0;
margin-top: 10px;
/* margin-right: 10px; */

}

.project-links p
{
margin-top: 2px;
margin-bottom: 2px;
}

.project-text
{
margin: 0;
padding: 0;
float: left;
width: 375px;
background-color: transparent;
} 


.project-flash
{
margin: 0;

margin-bottom: 10px;
padding: 0;
padding-left: 6px;
width: 506px;
		voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 500px;
background-color: #ffffff;
/* border: 1px solid rgb(51,51,51); */
}


.photocredits
{
font-size: 11px;
line-height: 14px;
margin-top: 3px;
font-style: italic;
}



/* table styles */

table
{ 
margin: 6px;
padding: 0;
border: none;
width: 80%;
}

tr
{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td
{
	color: rgb(51,51,51);
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


.photorow
{
border-top: 1px solid #000000;
}

.thumbnail
{
border-top: 1px solid #cccccc;
margin-bottom: 5px;
}

td img
{
margin: 0px;
margin-top: 3px;
margin-bottom: 8px;
}

/* link styles */

a
{ color: rgb(163,134,90);
}

a:hover
{
color: rgb(13,31,96);
}





#subnavbox a
{
text-decoration: none;
color: rgb(51,51,51);
}

#footer a
{
color: rgb(51,51,51);
}

#footer a:hover
{
color: rgb(13,31,96);
}






/* end */