/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}



/* the overlayed element */
div.overlay {
	
	/* growing background image */    /* use a semi-transparent image for the overlay */ 
	background-image:url(../images/overlay/petrol.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px; 
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
	color: #999;
}

.container-reuben-overlay-bg{background: url(../images/overlay/reuben-thumb-over.png) right 25px no-repeat;}

.container-sherri-overlay-bg{background: url(../images/overlay/sherri-thumb-over.png) right 25px no-repeat;}


button {
font-size:12px; font-family: "Verdana";
}

button{
border:0px solid #111;
color:#8994b1;
cursor:pointer;
font-size:11px;
outline-color:#111; 
outline-style: none !important; 
outline-width:1px;  
text-align: left;
}
.what-makes-us-unique{background: #000; border-bottom: 0px solid #666 !important; /*color: #336699;*/color: #83698a; 
 font-weight: 700; font-style: normal; margin-right: 20px; padding-right: 0px; text-decoration: underline !important;
 margin-bottom: 10px; margin-left: -6px !important; margin-top: 25px;
 }
.what-makes-us-unique:hover{background: #000; border-bottom: 1px solid #83698a !important; color: #83698a;
font-weight: 700; font-style: normal; margin-right: 20px; padding-right: 0px; margin-bottom: 9px; margin-left: -6px !important;  margin-top: 25px;
}
.what-makes-us-unique:active{background: #000; border-bottom: 0px solid #666 !important; color: #83698a; 
 font-weight: 700; font-style: normal; margin-right: 20px; padding-right: 0px; text-decoration: underline !important;
 margin-bottom: 10px; margin-left: -6px !important; margin-top: 25px;
 }


.sherri{
	background:url(../images/crew_thumbs/sherri-thumb-off.png) left top #000; margin-right: 0px; width: 104px; height: 106px;
}
.sherri:hover{
	background:url(../images/crew_thumbs/sherri-thumb-over.png) left top #000; margin-right: 0px; width: 104px; height: 106px;
}

.reuben{
 background:url(../images/crew_thumbs/reuben-thumb-off.png) left top #000; width: 104px; height: 106px;
}
.reuben:hover{
 background:url(../images/crew_thumbs/reuben-thumb-over.png) left top #000; width: 104px; height: 106px;
}


/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px; 
}

/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto;
}
h2.greyStrong a{ 
   color: #666; font-weight: 700; text-transform: uppercase;
}
h2.greyStrong a:visited{ 
   color: #666; font-weight: 700; text-transform: uppercase;
}
#overlayTrigger{border-bottom: 1px dotted #999;}
#overlayTrigger-2{border-bottom: 0px dotted #999;}
#overlayTrigger-3{border-bottom: 0px dotted #999;}