/*
Wagman
Created April 10, 2010
Jeff Green / Green Latitudes Interactive Solutions
*/

/* PROJECT PAGE SCREEN STYLES */
#contentWrapper { display:block; position:relative; width:100%!important; background:#FFF url(../images/ui/content-bkgd.jpg) repeat-x center 310px; }

#content { width:990px; display:block; position:relative; margin:0 auto; }

#content h2 { width:950px; margin-left:20px; }

/* ========================== HEADER ========================== */
#headerWrapper { width:100%; height:308px; border-bottom:solid 2px #263271; position:relative; display:block; background:url(../images/ui/header-bkgd.jpg) no-repeat center top; }

#pastProjectsButton a { position:absolute; right:40px; top:140px; width:168px; height:29px; background:url(../images/ui/btn-past-projects.png) no-repeat; }

#currentProjectsButton a { position:absolute; right:40px; top:140px; width:250px; height:29px; background:url(../images/ui/btn-current-projects.png) no-repeat; }


/* ========================== CONTENT ========================== */
.grid { width:950px; margin:auto; padding-bottom:30px; }

.grid-leftColumn { float:left; width:224px; padding-top:10px; }

/*.grid-leftColumn img { border:solid 2px #FFF; float:left; margin:4px 4px; }*/

.grid-leftColumn #navigation { margin-bottom:12px; }

.grid-leftColumn div.navigation div.top { margin-bottom: 12px; margin-left:10px; height: 11px; }

.grid-leftColumn div.navigation div.bottom { /*margin-top: 12px;*/ display:none; }

.grid-leftColumn div.pagination { clear: both; }

.grid-leftColumn div.pagination a, .grid-leftColumn div.pagination strong { display:block; float:left; margin-right:6px; color:#898989; font:normal 13px Tahoma, Geneva, sans-serif; }

.grid-leftColumn div.pagination a:hover { text-decoration: underline; color:#263271; }

.grid-leftColumn div.pagination strong { color:#263271; }

.grid-leftColumn ul.thumbs { clear:both; margin:0; padding:0; width:224px; }

.grid-leftColumn ul.thumbs li { float:left; padding:0; margin:4px; list-style:none; }

.grid-leftColumn ul.thumbs li a { /*padding: 2px;*/ display: block; border:solid 2px #FFF; }

.grid-leftColumn ul.thumbs li.selected a { /*background: #88f;*/ }

.grid-leftColumn ul.thumbs a:focus { outline: none; }

.grid-leftColumn ul.thumbs img { display:block; width:62px; height:40px; }

div#image-desc { background-color:#333; padding:15px; position:absolute; bottom:0; width:643px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

div.image-desc { padding:0; font:normal 12px Tahoma, Geneva, sans-serif; color:#FFF; text-align:right; }

.grid-leftColumn p { display:block; font:normal 14px/18px Tahoma, Geneva, sans-serif; margin:8px 0; padding:8px 6px; border-top:dotted 2px #CCC; }

.grid-leftColumn p b { display:block; padding:0; margin:0; text-transform:uppercase; }

.grid-rightColumn { float:left; width:726px; background:url(../images/projects-viewer-bkgd.jpg) no-repeat center top; }

.grid-rightColumn .viewerFrame { position:relative; width:673px; height:390px; margin:21px 0 30px 26px; padding:0; }

.grid-rightColumn p { display:block; font:normal 14px/18px Tahoma, Geneva, sans-serif; margin:8px 0; padding:0 34px; }

.grid-rightColumn ul { padding:0 34px; margin-left:15px; }

.grid-rightColumn li { font:normal 14px/18px Tahoma, Geneva, sans-serif; margin:0; padding:0 0 4px 0; }

.grid-rightColumn li.calloutBox { font:normal 14px/18px Tahoma, Geneva, sans-serif; margin:5px 0; padding:12px 12px 15px 12px; border:solid 1px #000; list-style-type:none; display:block; position:relative; background:#263271; color:#FFF; }

.grid-rightColumn li.calloutBox img { float:right; margin:0 0 0 15px; clear:left; border:solid 1px #CCC; }

.grid-rightColumn li.greenLeaf { color:#390; }

.grid-rightColumn li .greenLeaficon { float:right; padding:0; margin:0 0 0 20px; }

.grid-rightColumn p b { display:block; padding:0; margin:0; text-transform:uppercase; }