/*
    AUTHOR: David Dulak
            david@redskycreative.com
*/

/*** *** *** Important for Cross-Browser Compatibility *** *** ***/
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 12px Verdana, Verdana, Geneva, sans-serif; color:#330000; }
ul { list-style: none inside; }
p { /* font: 1.3em/1.3em; margin-bottom: 1.3em; */ }
a { outline: none; }
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatleftpad { float: left;padding-left:30px; }
.floatleftpadimage { float: left;padding:5px 10px 5px 0px; }
.floatlefthalf { float: left; width:300px; }
.floatlefthalfw { float: left; width:400px; }
.floatright { float: right; }
.clear { clear: both; }
.clear br{ display: none; }
.transpBlack { background: url(../images/transpBlack.png); }
.hidden { display:none; }
.strong{ font-weight:bold; }
.italic{ font-style:italic;}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
html{
  background-color:#ffffff;
  background-image:url(../images/PSCo-bg-repeat-x.gif);
  background-position:top left;
  background-repeat:repeat-x;
}

a{color:#1d3760;text-decoration:none;}
a:hover{color:#8C1717;}

#container{
  width:980px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../images/PSCo-bg-repeat-y.gif);
  background-position:top left;
  background-repeat:repeat-y;
}
#containerInner{
  width:980px;
  background-image:url(../images/PSCo-bg-footer-white.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#headerContainer{
  height:94px;
  position:relative;
  background-image:url(../images/PSCo-bg-header.gif);
  background-position:top left;
  background-repeat:no-repeat;
} 
	#headerContainer h1{
	  display:none;
	}
	#headerContainer h2{
	  display:none;
	}
	#logo{
	  position:absolute;
	  top:19px;
	  left:40px;
	}
	#tagline{
	  position:absolute;
	  top:59px;
	  left:70px;
	}
	#headerContainer ul{
	  position:absolute;
	  top:0px;
	  right:70px;
	}
	#headerContainer li{
	  display:inline;
	}
	
#bodyContainer{

}
	#navigation{
	  float:left;
	  width:196px;
	  padding-top:15px;
	  background-image:url(../images/PSCo-navigation-border.gif);
      background-position:top right;
      background-repeat:no-repeat;
	}
	
		#navigation ul{
		  padding-left:42px;
		}
		#navigation ul ul{
		  padding-left:10px;
		  margin-top:3px;
                  padding-top:3px;
		  background-image:url(../images/PSCo-left-nav-divider.gif);
		  background-position:top left;
		  background-repeat:no-repeat;
		}
		#navigation ul ul ul{
		  padding-left:10px;
		  margin-top:0px;
                  padding-top:3px;
		  background-image:url('');
		}
		#navigation li{
		  padding-top:3px;
		  padding-bottom:3px;
		  background-image:url(../images/PSCo-left-nav-divider.gif);
		  background-position:bottom left;
		  background-repeat:no-repeat;
		}
		#navigation li li{
		  padding-top:3px;
		  padding-bottom:3px;
		  background-image:url('');
		}
		#navigation li li li{
		  padding-top:3px;
		  padding-bottom:3px;
		  font-size:10px;
		  background-image:url('');
		}
		
	
	#pageContent{
	  float:left;
	  width:750px;
	  line-height:19px;
	}
	#pageContentPad{
	  padding:21px 25px 0px 20px;
	}
	
		#pageContent h1{
		padding-bottom:10px;
		}
	
		#pageContent h2{
		  display:none;
		}
		#pageContent h3{
		  font-size:16px;
		  margin-bottom:15px;
		}
		#pageContent h4{
		  font-size:16px;
		  color:#9f0d11;
		}
		#pageContent h5{
		  font-size:14px;
		  font-weight:bold;
		}
		#pageContent h6{
		  font-size:12px;
		  font-weight:bold;
		  color:#9f0d11;
		}
		.h3bg{
		  background-image: url('../images/TeamPageImage.png');
		  background-position:top left;
		  background-repeat:no-repeat;
		  padding-top:17px;
		  position:relative;
		}
		h3.placed{
		  font-size:18px;
		  position:relative;
		  top:0px;
		  left:30px;
		  color:white;
		  font-weight:bold;
		  clear:both;
		}
		.h3spacer{
		  display:block;
		  width:305px;
		  height:150px;
		  float:left;
		}
		.h3spacerlong{
		  display:block;
		  width:305px;
		  height:170px;
		  float:left;
		}
		.h3spacer_w{
		  display:block;
		  width:355px;
		  height:170px;
		  float:left;
		}
		.h3spacer_v{
		  display:block;
		  width:245px;
		  height:185px;
		  float:left;
		}
		#pageContent p{
		  margin-bottom:10px;
		}
        #pageContent h3.redGradient{
		  font-size:13px;
		  margin-top:0px;
		  margin-bottom:25px;
		  color:white;
		  font-weight:bold;
		  padding:5px 0px 5px 30px;
		  background-image:url(../images/RedStripe.gif);
		  background-position:top left;
		  background-repeat:no-repeat;
		}
		#pageContent h4.redGradient{
		  font-size:15px;
		  margin-top:20px;
		  margin-bottom:15px;
		  color:white;
		  font-weight:bold;
		  padding:5px 0px 5px 30px;
		  background-image:url(../images/RedStripeblank.gif);
		  background-position:top left;
		  background-repeat:no-repeat;
		}
		#pageContent h5.redGradient{
		  font-size:13px;
		  margin-top:20px;
		  margin-bottom:15px;
		  color:white;
		  font-weight:bold;
		  padding:5px 0px 5px 30px;
		  background-image:url(../images/RedStripeaustin.gif);
		  background-position:top left;
		  background-repeat:no-repeat;
		}
		#pageContent h6.redGradient{
		  font-size:13px;
		  margin-top:20px;
		  margin-bottom:15px;
		  color:white;
		  font-weight:bold;
		  padding:5px 0px 5px 30px;
		  background-image:url(../images/RedStripeSA.gif);
		  background-position:top left;
		  background-repeat:no-repeat;
		  }
		  
		  .h3bg ul{
			display:block;
			list-style-position: outside;
			list-style-image: url(../images/bullet.gif);
			padding-top:5px;
			padding-bottom:15px;
		  }
		  .h3bg li{
			margin-left:35px;
			padding:2px;
		  }
		  
		  ul.subNavigation{
		    list-style-image: url('');
		    padding-top:15px;
		    float:left;
		    width:300px;
		  }
		  ul.subNavigation li{
		    padding-left:38px;
			padding-top:4px;
		    background-image: url('../images/BlueRectangle.gif');
		    background-position:0px 3px;
		    background-repeat:no-repeat;
		  }
		  ul.subNavigation li:hover{
		    padding-left:38px;
		    background-image: url('../images/RedRectangle.gif');
		    background-position:0px 3px;
		    background-repeat:no-repeat;
		  }
		  ul.careerList{
		    padding:0px;
		    margin-left:-11px;
		  }
		  ul.careerList li{
		    display:inline;
		    padding:0px 0px 0px 0px;
		    margin-left:-10px;
		  }
		
		.memberList .memberListTitle{
                  color:#9f0d11;
                  font-weight:bold;
                  display:block;
                  float:left;
                  width:100px;
                  height:140px;
                  text-align:left;
                  vertical-align:top;
		}
		.memberList li li{
                  color:black;
                  font-weight:normal;
                  display:block;
                  float:left;
                  width:100px;
                  height:140px;
                  text-align:center;
                  vertical-align:top;
		}
                .memberList li li a{
                  display:block;
                }
                
                
        .benefitsTable .title{
		  font-size:14px;
		  color:#9f0d11;
		}
		.benefitsTable td{
		  vertical-align:top;
		  padding-top:15px;
		}
		
		.recruitingTable td{
		  padding:20px;
		}

#footer{
  padding-top:55px;
  padding-bottom:35px;
  font-size:10px;
  text-align:center;
}


/* styles */
.centeredImage{
  text-align:center;
  vertical-align:top;
}
.featureItem{
  width:200px;
  display:block;
}
.featureItem span{
  float:right;
  display:block;
  width:115px;
}
.featureItem img{
  float:left;
  margin-bottom:30px;
}
.bigAndBlue{
  font-size:18px;
  color:#114759;
}
.mediumAndBlue{
  color:#114759;
  display:inline;
  width:;
  float:;
}
.phone{
  padding-left:23px;
  background-image:url(../images/phone.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.rss{
  padding-left:23px;
  background-image:url(../images/rss.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.address{
  padding-left:25px;
  background-image:url(../images/house.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.address a{
  text-decoration:none;
  color:#5e5e5e;
}
.address a:hover{
  text-decoration:underline;
  color:#5e5e5e;
}
.email{
  padding-left:25px;
  background-image:url(../images/email.png);
  background-position:0px 0px;
  background-repeat:no-repeat; 
}
.email a{
  text-decoration:none;
  color:#5e5e5e;
}
.email a:hover{
  text-decoration:underline;
  color:#5e5e5e;
}
.imageRight{
  float:right;
  margin-left:20px;
  margin-bottom:15px;
}
.imageLeft{
  float:left;
  margin-right:20px;
  margin-bottom:15px;
}
#contentBlock{
  margin:5px 5px 5px 5px;
  padding:10px 10px 10px 10px;
  border:1px #dddddd solid;
  width:300px;
}
.indented
   {
   padding-left: 30pt;
   padding-right: 50pt;
   }

/* END STRUCTURE */



/* Contact Stuff */
	
	#contactHeader{
	  height:70px;
	  color:white;
	  background-color:#9f0172;
	}
	#contactHeader p{
	  padding:10px;
	}
	
	.formContainer{
	  margin-left:25px;
	}
	
	.formContainer .submitNote{
	  float:right;
          margin-right:15px;
	}
	
	#log{
	  margin-left:15px;
	  float:left;
	}
	
	#contactFormBlock{
	  display:block;
	  height:327px;
	  background-color:#d1cfd1;
	  color:black;
	}
	.formContainer fieldset{
	    padding:12px;
	    margin:5px;
	    float:left;
	}
	.formContainer label{
	  text-decoration:underline;
	  color:black;
	}
	.formContainer .item {
		clear:both;
	}
	.formContainer .itemFloatLeft, .div_texboxFloatLeft {
		float:left;
	}
	.div_texboxFloatRight {
		float:right;
	}
	.formContainer .item input, .formContainer .itemFloatLeft input{
		width:150px;
	}
	.formContainer input, .formContainer select, .formContainer textarea{
		margin-bottom:9px;
	}
	#address{
	    width:306px;
	}
	#city{
	    width:180px;
	}
	#zip{
	    width:75px;
	}
	#howText, #projectLocation, #otherProjectType{
	    width:310px;
	    height:40px;
	}
	#projectLocation, #otherProjectType{
	    height:47px;
	}
	label.floatleft{
	  margin-right:15px;
	}
	#projectSize{
          margin-bottom:3px;
        }
        #howText{
          margin-bottom:0px;
        }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/* ------------------------------------------ */
/* MAILER CLASSES */
/* ------------------------------------------ */
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myformContainer{
	height: 390px;
	padding: 15px;
}

.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input, #stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.error-message{color:red;}
/* END MAILER */



/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */

	#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
	}

	.prettyPopin {
		background: #fff;
		display: none;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
		background: url(../images/prettyPopin/popinLeft.gif) bottom left no-repeat;
	}
	
		.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			top: 10px; right: 13px;
			width: 41px; height: 9px;
			text-indent: -10000px;
			background: #fff url(../images/prettyPopin/b_close.gif) bottom left no-repeat;
		}
	
		.prettyPopin .prettyContent {
			background: #fff;
			position: relative;
			width: 100%; height: 100%;
			font-size: 1.2em;
			background: url(../images/prettyPopin/popinRight.gif) bottom right no-repeat;
		}
		
			.prettyPopin .prettyContent .prettyContent-container {
				background: #fff;
				display: none;
				padding: 20px 15px 15px 15px;
			}
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}





#controlContainer{
  width:100%;
  height:69px;
  margin-left:auto;
  margin-right:auto;
  color:#666666;
  text-align:center;
  /* position:absolute; */
  left:0px;
  top:0px;
  background-image:url(../images/controlGradient.jpg);
  background-repeat:repeat-x;
  background-position:0px 0px;
}
#controlContainer li{
  display:inline;
  padding-left:0px;
  padding-right:8px;
}
#controlContainer h1{
  padding-top:12px;
  padding-bottom:5px;
  font-size:14px;
}


/* ------------------------------------------ */
/* NEWS CLASSES */
/* ------------------------------------------ */
.newsHeaderBar{
  background-color:#EEEEEE;
  display:block;
  padding:5px;
}
.newsHeaderBar a, .newsHeaderBar a:hover, .newsHeaderBar a:visited{
  text-decoration:none;
  color:#1d3760;
  background-image:url(../images/newspaper.gif);
  background-position:middle left;
  background-repeat:no-repeat;
  padding-left:20px;
  display:block;
  height:16px;
  line-height:16px;
}
.newsItem{
  display:block;
  padding:10px;
  margin-bottom:10px;
}
.newsPublication{
  display:block;
  font-size:11px;
  color:#333333;
  font-weight:bold;
}
.newsTitle, .newsDate,{
  font-family: "Lucida Fax",Georgia,Times,"Times New Roman",Helvetica,Verdana;
  text-align:left;
  padding-left:0px;
  padding-right:15px;
}
.newsTitle{
  float:left;
  font-size:16px;
  color:#1d3760;
}
.newsTitleTab{
  float:left;
  padding-left:25px;
  font-size:16px;
  color:#1d3760;
}
.newsTitleSM{
  display:inline;
  text-align:left;
  padding-left:5px;
  padding-right:15px;
  padding-top:20px;
  font-size:12px;
  color:#333333;
}
.newsTitle a, .newsTitle a:hover, .newsTitle a:visited{
  color:#1d3760;
  text-decoration:none;
}
.newsDate{
  float:right;
  font-size:12px;
  color:#999999;
}
.newsBody{
  clear:both;
  color:#666666;
  display:block;
  padding-top:13px;
  text-align:justify;
}
#newsBlockSmall{
  padding:30px 10px 20px 42px;
}
.newsTitleSmall{
  font-size:11px;
  font-weight:bold;
  color:#9f0d11;
}
.newsItemSmall{
  font-size:10px;
  padding-top:10px;
}



/* ------------------------------------------ */
/* FORM CLASSES */
/* ------------------------------------------ */
.error{
  color:red;
}
.required {
  color:red;
  font-weight:bold;
}
.formTitle {
	font : 18px verdana, helvetica, arial, geneva, sans-serif;
	text-decoration:none;
        font-weight:normal;
        color:#ec5c3a;
        padding-bottom:20px;
}
.formSubTitle {
	font : 14px verdana, helvetica, arial, geneva, sans-serif;
	text-decoration:none;
        font-weight:bold;
        color:#ec5c3a;
        padding-top:10px;
        padding-bottom:10px;
}
.formLeft {
	text-align:right;
	vertical-align:top;
}
.formRight {
	text-align:left;

}
.formViewLeft {
	text-align:right;
	font-weight:bold;
}
.formViewRight {
	text-align:left;
        background-color:#EEEEEE;
}
.formTable textarea {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.submit {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	padding : 2px;
	color : #FFF;
        background : #ec5c3a;
        margin-top:10px;
}
.formTable input.submit:active {
	padding : 2px;
	color : #FFF;
	background : #666;
        margin-top:10px;
}
.formTable input.text {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.password {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	border : 1px solid #666;
	padding : 2px;
	background : #F8F8F8;
}
.formTable input.checkbox {
	color : #333333;
	background : #F8F8F8;
        vertical-align:bottom;
}
.formTable select {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	color : #333333;
	background : #F8F8F8;
}
.formTable {
	font : 11px verdana, helvetica, arial, geneva, sans-serif;
	color : #333333;
	/*background : #F8F8F8;
	border : 1px solid #DDD;*/
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
}
.formTable td{
    padding:3px;
}
.dataTable{
  border: 1px #666666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
.odd{
  background-color:#eeeeee;
}
.dataTableHeading{
  background-color: #dddddd; /* #6aa159; */
  border: 1px #666666 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  padding:3px 3px 3px 6px;
}
.dataTable a, .dataTable a:hover, .dataTable a:visited{
  color: #0069b0;
}
.dataTableHeadingAction{
  background-color: #dddddd; /* #6aa159; */
  border: 1px #666666 solid;
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  padding:3px 3px 3px 6px;
  width:20px;
}
.dataTableHeading a, .dataTableHeading a:hover, .dataTableHeading a:visited{
  font-weight: bold;
  font-size: 12px;
  color: #666666;
}
.dataTableColumn{
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 10px;
  color: #404040;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 0px;
}

/* END FORM */






.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
position: relative
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */

}