/*

Common styles used throughout the site. These are primarily redefinitions
of HTML tags.

*/

body { width: 960px; font-family: arial,verdana,sans-serif; font-size: 11px; color: #595959; padding: 35px 0 0 0; background-color: #fff; margin: 0; }
p { color: #595959; line-height: 160%; margin: 0 0 16px 0; }
img { display: block; border: 0; }
table, td { font-size: 12px; padding: 0; border: 0; }
form { padding: 0; margin: 0; }
a { color: #595959; font-weight: regular; text-decoration: none; border-bottom:1px dotted; }
a:hover { color: #595959; text-decoration: none; border-bottom:1px dotted; }
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }



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

#sideNav { float: left; width: 170px; width: 150px; padding: 0 0 0 20px; }
#sideNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#sideNav ul { margin: 10px 0 0 0; }
#sideNav ul li { margin: 0 0 8px 0; }
#sideNav ul li.selected a { font-weight: bold; }
#sideNav ul li a { font-weight: normal; text-decoration: none; border-bottom:none;}
#sideNav ul li a:hover { font-weight: bold; }

#info { float: left; width: 790px; }
#info #cover { width: 480px; margin: 2px 0 20px 2px; }
#info #caption { width: 480px; margin: 0 0 20px 2px; }
#info #details { width: 480px; margin: 0 0 20px 2px; }
#info #text { width: 480px; margin: 0 0 40px 0; }

#info #portfolio img { border: 2px solid #fff; }
#info #portfolio ul li { float: left; margin: 0 1px 1px 0; }
#info #portfolio ul li a:hover img { border: 2px solid #595959; }
#info #portfolio:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#info #largePic { height: 380px; }
#info #largePic img { border: 2px solid #fff; }

#info #thumbs img { border: 2px solid #fff; cursor: pointer; }
#info #thumbs ul { float: left; margin: 0 0 5px 0; }
#info #thumbs ul li { float: left; margin: 0 5px 0 0; }
#info #thumbs:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#info #thumbs ul li.selected img { border: 2px solid #595959; }

#info #navProject { margin: 0 0 20px 2px; }
#info #navProject a { font-weight: normal; }

div.video { background-image: url(../images/common/icon_video.gif); background-repeat: no-repeat; padding: 0px 0 5px 25px; }
div.video span { cursor: pointer; border-bottom: 1px dotted; }

#popVideo { position: absolute; top: 0; left: 0; width: 100%; display: none; z-index: 10; }
#popVideo #popContent { background-color: #fff; padding: 20px 40px 20px 40px; margin: 37px 0 0 172px; }
#popVideo #popCaption { margin: 25px 0 0 0; }
#popVideo #popClose { text-align: right; margin: 0 2px 25px 0; }
#popVideo #popClose span { cursor: pointer; border-bottom: 1px dotted; }
#mask { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #333; filter: alpha(opacity=85); opacity: 0.85; z-index: 9; }