/*



Common styles used throughout the site. These are primarily redefinitions

of HTML tags.



*/



body { font-family: verdana,helvetica,sans-serif; font-size: 10px; color: #6e6d6d; padding: 0; background-color: #dadada; background-image: url(../images/common/bground.gif); background-repeat: repeat-y; margin: 0; }

body#home { background-color: #66676a; background-image: url(../images/common/bground_home.gif); }

body#home { background-image: none; }

p { line-height: 120%; margin: 0 0 10px 0; }

img { display: block; border: 0; }

table, td, th { font-size: 12px; padding: 0; border: 0; }

form { padding: 0; margin: 0; }

a { color: #c1111a; text-decoration: underline; }

a:hover { color: #c1111a; text-decoration: underline; }

a:focus, a:hover, a:active { outline: none; }

ul { padding: 0; margin: 0; list-style: none; }

li { padding: 0; }

object { padding: 0; margin: 0; }

embed { padding: 0; margin: 0; }















/*



Primary layout styles



*/



#page { }



#logo { margin: 33px 0 19px 100px; }

#home #logo { margin: 33px 0 13px 40px; }



#strip { position: absolute; top: 430px; left: 128px; padding: 0 0 40px 0; }

#strip ul li { float: left; }

#strip:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }



#portrait { position: absolute; top: 33px; left: 194px; }

#interNav { position: absolute; top: 405px; left: 557px; }

#interNav img { display: inline; margin: 0 0 0 10px; }





#nav { float: left; width: 160px; text-align: center; margin: 40px 0 0 0; }

#nav img { margin-left: auto; margin-right: auto; }

#nav .arrow { margin: 5px 0 5px 0; }

#nav #subnav { margin-bottom: 27px; }

#nav #subnav img { margin-bottom: 12px; }

#nav #subnav #projects { margin-top: -5px; }

#nav #subnav #projects div { display: inline; margin-right: 3px; }

#nav #subnav #projects div img { display: inline; }



#content { float: left; width: 540px; }

#content #bigPic { width: 486px; margin: 0 0 10px 0; }



#content #thumbs { width: 486px; margin: 0 0 0 8px; }

#content #thumbs:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#content #thumbs ul li { float: left; margin: 0 3px 0 0; }

#content #thumbs ul li img { border: 1px solid #dadada; cursor: pointer; }

#content #thumbs ul li img:hover { border: 1px solid #66676a; }

#content #thumbs ul li.selected img { border: 1px solid #66676a; }

#content #thumbs ul li.spacer img { border: none; cursor: default; }

#content #thumbs ul li.spacer img:hover { border: none; cursor: default; }



#content #caption { width: 476px; margin: 3px 0 0 9px; }

#content #caption #roll { float: left; display: block; }

#content #caption #construction { float: right; }

#content #caption:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }



#content #description { width: 495px; font-weight: normal; text-align: justify; margin: 12px 0 40px 22px; }

#content #description .projectName { font-size: 10px; font-weight: bold; margin: 0 0 3px 0; }





#content #intro { margin: 35px 0 0 35px; }

#content #intro:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#content #intro #picture { float: left; width: 105px; margin: 4px 0 0 0; }

#content #intro #copy { float: left; width: 370px; font-size: 11px; font-weight: bold; color: #fff; }

#content #intro #copy p { line-height: 15px; text-align: justify; }



#bio #content #intro #copy { width: 487px; font-size: 10px; font-weight: bold; color: #5e5e5e;  }

#bio #content #intro #copy p { line-height: 13px; text-align: justify; }



#contact #content #intro #copy { width: 475px; font-size: 10px; font-weight: bold; color: #5e5e5e;  }

#contact #content #intro #copy p { line-height: 13px; text-align: justify; }

#contact #content #intro #copy p a { color: #5e5e5e; text-decoration: none; }

#contact #content #intro #copy p .label { color: #98abce; }



#content .diagram { text-align: center; margin: 15px 0 15px 0; }

#content .diagram img { display: inline; }

#content .textBlock { text-align: center; margin: 25px 0 25px 0; }

#content .textBlock img { display: inline; }



#home #slideshow { width: 485px; height: 320px; margin: 10px 0 0 80px; }



#home #slideshow #slide1,#home #slideshow #slide2, #home #slideshow #slide3, #home #slideshow #slide4, #home #slideshow #slide5 { position: absolute; visibility: hidden; }

#home #slideshow #slide6, #home #slideshow #slide7, #home #slideshow #slide8, #home #slideshow #slide9 { position: absolute; visibility: hidden; }



#home #slideshow #slideCurrent { position: absolute; visibility: visible; z-index: 8; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

#home #slideshow #slideNext { position: absolute; visibility: visible; z-index: 7; }



#home #clickLink { margin: 10px 0 0 80px; }

#home #clickLink a { color: #fff; text-decoration: none; }

#home #clickLink a:hover { text-decoration: underline; }