/* Matt Eckman Design CSS */

html, body {height: 100%; width: 100%; text-align: center; background: #fff url(images/bkgrd-wrapper.gif) repeat-x; color:#333; min-height: 100%; margin-top: 0; margin-left: 0px; margin-right: 0; margin-bottom: 20px; font: 11px arial, sans-serif;}

a:link {color: #1a6484; text-decoration: underline;}
a:visited {color: #333;}
a:hover {color: #333; text-decoration: none;}

li {margin: 0px; padding:0px; vertical-align:middle;}
ul {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px;padding: 10px; vertical-align: middle;}

img {border:none;}

#wrapper {width: 960px; margin: 0 auto; text-align: left; background: #fff url(images/bkgrd.gif) repeat-x; height: 100%;}

#logo {position: relative; top: 0; left: 17px; width: 180px; float: left; display: inline; margin-bottom: 10px; margin-top: 20px;}

#date {position: relative; top: 30px; left: 664px; width: 100px; color: #1a6484; text-align: right; float: left; display: inline;}

.header {width: 960px; background: #c7c2bb url(images/bkgrd-header.gif) no-repeat; float: left; display: inline;}

#tabWrapper {width: 960px; float: left; display: inline; text-align: center;}
#tabs ul {float: left; display: inline; position: relative; top: 9px; left: 0px; width: 950px;} 
#tabs ul li {margin: 0 2px 1px 0; float: left; display: inline; list-style: none; position: relative; top: 4px;}
#tabs ul li.here {margin: 0 2px 1px 0; padding: 4px 8px 8px 8px; float: left; display: inline; list-style: none; background: #c7c2bb; position: relative; top: 2px; border-top: 2px solid #1a6484; width: 90px; cursor: default; color: #1a6484;}
#tabs a {float: left; display: block; padding: 4px 8px; border: 1px solid #c7c2bb; background: #fff; text-decoration: none; width: 90px;}
#tabs a:hover {background: #c7c2bb; position: relative; top: 1px; border-top: 2px solid #1a6484;}
#tabs a.active {background: #c7c2bb; color: #1a6484; padding-bottom: 4px; cursor: default;}

#tabs2 {width: 100%; float: right; position: relative; top: -21px; left: -20px;}
#tabs2 ul {} 
#tabs2 ul li {margin: 0 2px 0 0; float: left; list-style: none;}
#tabs2 a {float: left; display: block; padding: 4px 8px 4px 8px; border: 1px solid #c7c2bb; background: #fff; text-decoration: none;}
#tabs2 a:hover {background: #c7c2bb;}
#tabs2 a.active {background: #c7c2bb; color: #1a6484; padding-bottom: 4px; cursor: default;}

#leftnav ul {}
#leftnav ul li {margin: 0 0 2px 0; float: left; list-style: none;}
#leftnav a {float: left; display: inline; padding: 4px 8px 4px 8px; border: 1px solid #c7c2bb; background: #fff; text-decoration: none; text-align: center; width: 90px;}
#leftnav a:hover {background: #c7c2bb;}
#leftnav a.active {background: #c7c2bb; color: #1a6484; padding-bottom: 4px; cursor: default;}

h1 {font: bold 12px arial, sans-serif; color: #1a6484; margin: 10px 0 10px 10px;}
h2 {font: bold 11px arial, sans-serif;; color: #1a6484;}
h3 {font: bold 11px arial, sans-serif;}

#icon {display: inline; float: left; width: 155px;}

#imgIcon {position: relative; top: 0px; left: -39px;}

#middleColumn {display: inline; float: left; width: 566px; padding: 40px 12px 40px 0px;}

#middlerightColumn {display: inline; float: left; width: 777px; padding: 40px 12px 40px 0px;}

p {font: 11px arial, sans-serif;}

#rightColumn {text-align: right; padding: 12px 12px 0 12px; float: right; display: inline;}

#currentProject {margin-top: 12px;}

#footerText {font: 10px; padding: 6px 4px 0 155px; padding-bottom: 20px; float: left; display: inline; width: 960px;}

.details {font: 10px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.portfolioImage {border: 1px solid #c7c2bb;}
.portfolioImage2 {border: 1px solid #c7c2bb; margin-top: 12px;}

table.bordergray { background-color: #c7c2bb; padding: 2px;}
td {font: 11px Arial,Helvetica,Verdana;}
tr.white {background-color: #fff;}

.slideshow {width:240px; height:144px; overflow:hidden; border: 1px solid #c7c2bb;}
.slideshow img {padding:0px; margin:0px; width:240px; height:144px; border:none; list-style-type:none;}

/*preload classes*/ 
.svw {background: #fff;}
.svw ul {position: relative; left: -999em;}
.svw ul img {width:370px; height:300px;}
.svw2 {background: #fff;}
.svw2 ul {position: relative; left: -999em;}
.svw2 ul img {width:500px; height:300px;}
 
/*core classes*/ 
.stripViewer {
width:500px;
position: relative; 
overflow: hidden;  
border: 1px solid #c7c2bb;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
}
.stripViewer ul li a img {
text-decoration: none;
border:none;
} 
.stripTransmitter { 
overflow: auto; 
width: 1%;
height:100px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px arial, sans-serif; 
text-align: center; 
line-height: 24px; 
background: #c7c2bb;
text-decoration: none; 
display: block;
width:25px;
height:25px;
} 
.stripTransmitter a:hover, a.current{ 
background: #1a6484; 
color: #fff;
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

.testimonial .name {font-style:italic;}

/* Picture slides */
.picture-slides-disabled {color:#eee;}

.picture-slides-container {margin-bottom:20px;}

.picture-slides-fade-container {overflow:hidden; z-index:1002;}

.picture-slides-fade-container a {height:300px; text-align:center; margin-bottom:10px;}

.picture-slides-image-load-fail {display:none;}

 .picture-slides-image {border:1px solid #c7c2bb;}

.picture-slides-image-text {width:500px; background:#fff; text-align:center; padding:10px 0 10px; z-index:1001;}

.picture-slides-previous-image, .picture-slides-next-image, .picture-slides-start-slideshow, .picture-slides-stop-slideshow {display:none;}

.picture-slides-previous-image, .picture-slides-next-image, .picture-slides-start-slideshow, .picture-slides-stop-slideshow {cursor:pointer;}

.picture-slides-thumbnails {list-style:none; margin-top:5px; overflow:hidden;}

.picture-slides-container ul {margin:0; padding:0;}

.picture-slides-thumbnails li {float:left; }

.picture-slides-thumbnails li img {width:92px; border:1px solid #c7c2bb;margin:0 0 5px 5px;}

.picture-slides-thumbnails a {outline:none;}

.picture-slides-thumbnails li .picture-slides-selected-thumbnail img {width:92px; border:1px solid #333;}

.picture-slides-dim-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 1000;
	display: none;
}