/* 
Structural Design Inc CSS
A. Blundon, Dec 2004
*/


/************************************************
      					Defaults
************************************************/
body, blockquote, p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}

ul, dl, li, ol {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}

h1, h2, h3, h4, h5 {
	font-family:"Lucida Grande", Arial, sans-serif;
	margin: 2em 0 .6em 0;
	}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 11px; } /* use for headings in portfolio sidebar */ /*/*/ 
h6 { font-size: 12px; margin: -.3em 0 1.6em 0; color: #333; } /* use as subhead directly following h1 */ /*/*/ 

p {
	font-size: 11px;
	color: #333;
	line-height: 16px;
	margin: 11px 0 10px 0;
	padding: 0;
	}

ul, ol {
	margin: .5em 0;
	}	
	
dl {
	font-size: 11px;
	line-height: 17px;	
	}

dt {
	font-weight: bold;
	}
	
/************************************************
      					Links
************************************************/
a { text-decoration: none; }
a:link    { color: #036; }
a:visited { color: #666; }
a:hover   { color: #f30; }
a:active  { color: #f30; } 
	

/************************************************
		Body Text Paragraph and List Styles
************************************************/
div#bodytext p {
	font-size: 12px;
	color: #333;
	line-height: 16px;
	margin: 11px 0 10px 0;
	padding: 0;
	}	
div#bodytext ul li {
	font-size: 12px;
	margin: 2px 0 2px 25px;
	color: #333;
	padding: 0 10px;
	line-height: 14px;
	list-style-type: disc;
	}
div#bodytext ol li {
	font-size: 12px;
	margin: 2px 0 2px 25px;
	color: #333;
	padding: 0 10px;
	line-height: 14px;
	list-style-type: upper-latin;
	}
div#bodytext ul.projectlist li.projectlist {
	font-size: 12px;
	margin: 2px 0 2px 20px;
	color: #333;
	padding: 0 10px;
	line-height: 14px;
	list-style-type: disc;
	}
div#bodytext ol.projectlist li.projectlist {
	font-size: 12px;
	margin: 2px 0 2px 20px;
	color: #333;
	padding: 0 10px;
	line-height: 14px;
	list-style-type: disc;
	}
div#bodytext ul.pdf li {
	padding: 3px 0 3px 20px;
	margin: 5px 5px;
	position: relative;
	overflow: visible;
	}

.hide { position: absolute; left: -3000px; }

/************************************************
      	Style for Links Within Bodytext
************************************************/
div#bodytext a:link { 
	font-size: 12px;
	}
div#bodytext a:visited { 
	font-size: 12px;
	color: #006400;
}
div#bodytext a:hover { 
	font-size: 12px;
	color: #300033;
	}
div#bodytext a:active { 
	font-size: 12px;
	}
div#bodytext .navlists a {
	border: none;
}
div#bodytext span.new {
	color: Red;
	text-decoration: blink;
}

/************************************************
      	Style for PDF Links (Resumes)
************************************************/
.pdf:link{
	font-size: 10px;
	border-bottom: 1px dashed;
}
.pdf:visited{
	font-size: 10px;
	border-bottom: 1px dashed;
	color: #006400;
}
.pdf:hover{
	font-size: 10px;
	border-bottom: 1px dashed;
}
.pdf:active{
	font-size: 10px;
	border-bottom: 1px dashed;
}

/************************************************
      	Table for List of Past Projects
************************************************/
table.navlists { 
	width: 520px;
	}
table.navlists td { 
	width: 255px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	}
	


/************************************************
               DIV SPECIFIC FORMATTING
************************************************/
span.select, li.select, a.select {
	color: #c30;
	}
div#imagenav h4 {
	color: #ccc;
	font-weight: normal;
	}
div#imagenav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
div#imagenav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: none;
	}
div#imagenav img {
	display: block;
	margin: 7px 0;
	padding: 0;
	border: 1px solid white;
	}
* html div#imagenav img { /* css hack: fix left border problem in ie5win */ /*/*/ 
	margin: 6px 0;
	margin: 7px 0;
	}


/************************************************
               Side Navagation
************************************************/

div#sidenav ul a { text-decoration: none; }
div#sidenav ul a:link, sidenav ul a:visited {
	color: #036;
	text-decoration: none;
	}
div#sidenav ul a:hover {
	color: #c30;
	}
div#sidenav ul a:active {
	color: #000;
	text-decoration: underline;	
	}
div#sidenav ul {
	display: block;
	width: 150px;
	margin: 0 0 0 0;
	padding: 0;
	background-color: #fff;
	list-style-type: none;	
	overflow: hidden;
	}
div#sidenav ul li {
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 3px 0 3px 7px;
	line-height: 18px;
	list-style-type: none;
	border-bottom: 1px solid #eee;
	}
	
a.here, a:link.here, a:visited.here  {
	color: #c30 !important;
	}
a:hover.here, a:active.here  {
	color: #e52 !important;
	}

/************************************************
               PHOTOS - Captions
************************************************/
img.photo
{
  padding-top: 20px; 
  width: 100%;
  margin-top: 50 px;
}
.caption
{
  color: #000000;
  font-size: 95%;
}
.caption-marker
{
  float: left; 
  margin-right: 0.2em;
  text-align: left;
  font-size: 10px;
}
.caption-text
{
  float: left;
  clear: right;
  text-align: left;
  font-size: 10px;
}
.copyright
{
  text-align: right;
  float: right;
  color: #000000;
  font-family: "Franklin Gothic Book", Verdana;
  font-size: 10px;
}

/************************************************
		Footer
************************************************/
div#footer.standard p a:link    { color: #666; }
div#footer.standard p a:visited { color: #666; }
div#footer.standard p a:hover   { color: #000; }
div#footer.standard p a:active  { color: #000; }
div#footer.standard p {
	font-size: 9px;
	color: #666;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	margin: 0;
	font-weight: bold;
	}
div#footer.standard p.links {
	letter-spacing: 1px;
	font-weight: normal;
	}
	
/************************************************
		Header Image
************************************************/
img#header {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px px 0px 0px;
	}