@charset "utf-8";
/* CSS Document */

.clear { clear: both; }

.ipWrapper {
    background-image: url("images/middle-home.jpg");
    background-position: left top;
    background-repeat: repeat-y;
    float: right;
    margin: 0;
    position: relative;
    width: 217px;
	top: 0;
}

.ipWrapper .topbox {
    background-image: url("images/top-home.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 58px;
    left: 0;
    position: relative;
    top: 0;
    width: 217px;
    z-index: 1;
}

.ipWrapper .topbox-single {
    background-image: url("images/topbox-single.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 58px;
    left: 0;
    position: relative;
    top: 0;
    width: 217px;
    z-index: 1;
}
.ipWrapper .bottombox {
    background-image: url("images/bottom-home.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: 0;
    height: 7px;
    left: 0;
    position: absolute;
    width: 217px;
    z-index: 1;
}
.ipWrapper .bottombox {
    clear: both;
}
.ipWrapper #thumb-list a:link, #right .ipWrapper #thumb-list a:visited {
    color: #E36100;
    /*font-weight: bold;*/
    text-decoration: none;
}
.ipWrapper #thumb-list a:hover {
    text-decoration: underline;
}
.ipWrapper #thumb-list {
    float: left;
    margin: 0 0 12px;
    position: relative;
    top: 12px;
	z-index: 2;
}
.ipWrapper #thumb-list ul {
    float: left;
    left: 15px;
    margin: 0 15px 0 0;
    position: relative;
    width: 187px;
    z-index: 2;
}
.ipWrapper #thumb-list li {
	position: relative;
	float: left;
    background-color: #fff;
    float: left;
    list-style: none;
    margin: 0 0 13px;
    width: 187px;
}
	.ipWrapper #thumb-list li#stub1 { z-index: 4; }
	.ipWrapper #thumb-list li#stub2 { z-index: 3; }
	.ipWrapper #thumb-list li#stub3 { z-index: 2; }
	.ipWrapper #thumb-list li li {
		width: auto;
		margin: 0;
	}
.ipWrapper #thumb-list li.last {
    margin: 0;
}
.ipWrapper #thumb-list h4 {
    color: #de6b00;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    left: 13px;
    line-height: 16px;
    margin: 0 13px 0 0;
    padding: 0;
    position: relative;
    width: 165px;
}
.ipWrapper #thumb-list h4 a:link, #right .ipWrapper #thumb-list h4 a:visited {
    color: #de6b00;
}
.ipWrapper #thumb-list h4 a:hover {
    text-decoration: underline;
}
.ipWrapper #thumb-list p {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    left: 13px;
    line-height: 16px;
    margin: 0 9px 13px 0;
    padding: 0;
    position: relative;
    width: 165px;
}
.ipWrapper #thumb-list p.docpic {
    margin: 13px 0 10px;
}

.ipWrapper .bottomBtn {
    clear: left;
    float: left;
    left: 15px;
    margin: 15px 15px 15px 0;
    position: relative;
    z-index: 1 !important;
}


/****** ZIP Search Box *********/

#ipWrapper-zip {
	
	width:217px;
	height:258px;
	position:relative;
	margin: 20px 0 0;
	background-image: url("images/ip-search-bg.jpg");
	background-repeat: no-repeat;
	
}

#search {
    float: left;
    position: relative;
    top: 180px;
	left: 25px;
	
}

input.text {
	position: relative;
	float: left;
    border: 1px solid #c3c3c3;
    color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;    
	width: 75px;
    height: 19px;
    margin: 0;   
}

/*input.submit {
    float: left;
    height: 21px;
    margin: 0;
    position: relative;
    width: 30px;
	margin-left: 4px;
	border: none;
}*/	

/*
****************************** Learn more button *****************************
*/
.ipWrapper #thumb-list .buttoncontain {
	position: relative;
	float: left;
	width: 92px; 
	height: 19px; 
	margin-bottom: 8px;
	z-index: 5;
}
	.ipWrapper #thumb-list .buttoncontain .button {
		position: relative;
		float: left;
		left: 12px;
		width: 92px;
	}
	.ipWrapper #thumb-list .buttoncontain .button a.buttonLearnMore {
		display: block;
		width:92px;
		height:19px;
		position:relative;
		z-index: 1002;
		margin: 0px;
		background-image: url("images/learnmore.gif");
		background-repeat: no-repeat;
	}
		.ipWrapper #thumb-list .buttoncontain .buttonLearnMore span {
			display: none;
			margin: 0px;
		}
		
		.ipWrapper #thumb-list .buttoncontain .button a:hover.buttonLearnMore {
			background: url("images/learnmore.gif") 0px -19px no-repeat;}
		
		
		
	/*.buttoncontain .button li li {
		float: left;
		list-style: none; 
		display: inline; 
		text-align: left;
		margin: 0;
	}
		.buttoncontain .button li li, .buttoncontain .button li li a {
			height: 19px; 
			display: block; 
			margin: 0px;
		}*/

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

.ipWrapper #thumb-list .buttoncontain .button ul {
	position:absolute;
	float: left;
	left: -9999em;
	background-color:#d8e77b;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 1003;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 92px;
}
	.ipWrapper #thumb-list .buttoncontain .button li:hover ul, .ipWrapper #thumb-list .buttoncontain .button li.sfHover ul	{ left: auto; }

.ipWrapper #thumb-list .buttoncontain .button ul li { 
	position: relative;
	float: left;
	width: 92px;
	height:25px; /* Height of each drop down nav item */
	z-index: 1003;
	}	

.ipWrapper #thumb-list .buttoncontain .button ul li a {
	position: relative;
	float: left;
	width:97px;
	w\idth: 77px;
	height:25px;	/* Height of each drop down nav item, should match above */
	padding: 0 10px;
	display: block;
	line-height:25px;	 /* Height of each drop down nav item again, should match above */
	background-color: #d8e77b; 
	}

/* Drop down link styles */
.ipWrapper #thumb-list .buttoncontain .button ul li a:link, .ipWrapper #thumb-list .buttoncontain .button ul li a:visited {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight:bold;
	border: 0;
	}

/* Hover styles for drop down items */
.ipWrapper #thumb-list .buttoncontain .button ul li a:hover { 
	background-image: none;
	background-color: #93a601;
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	border: 0;
	}

/*
************************ Before & After gallery button ******************************
*/
.ipWrapper #thumb-list .gallerycontain {
	position: relative;
	float: left;
	width: 164px; 
	height: 19px; 
	margin-bottom: 8px;
	z-index: 4;
}
	.ipWrapper #thumb-list .gallerycontain .button {
		position: relative;
		float: left;
		left: 12px;
		width: 164px;
		margin: 0;
	}
	.ipWrapper #thumb-list .gallerycontain .button a.buttonBA {
		width:164px;
		height:19px;
		position:relative;
		z-index: 999;
		font-family: Arial;
		margin: 0px;
		background-image: url("images/befafter.gif");
		background-repeat: no-repeat;
	}

.ipWrapper #thumb-list .gallerycontain .buttonBA span { display: none; margin: 0px;}

.ipWrapper #thumb-list .gallerycontain .button a:hover.buttonBA { background: url("images/befafter.gif") 0px -19px no-repeat;}

.ipWrapper #thumb-list .gallerycontain .button li, .ipWrapper #thumb-list .gallerycontain .button a { height: 19px; display: block; margin: 0px;}

.ipWrapper #thumb-list .gallerycontain .button li { float: left; list-style: none; display: inline; text-align: left; background:none; }


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

.ipWrapper #thumb-list .gallerycontain .button li ul {
	position:absolute;
	left:-9999px;
	background-color:#add8eb;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 1000;
	font-family: Arial, Helvetica, sans-serif;
	width: 164px;
	}

.ipWrapper #thumb-list .gallerycontain .button li li {
	position: relative;
	float: left;
	width: 164px;
	height:25px; /* Height of each drop down nav item */
	z-index: 1000;
	}	

.ipWrapper #thumb-list .gallerycontain .button li ul li a {
	position: relative;
	float: left;
	display: block;
	width: 164px;
	w\idth: 149px;
	height:25px;	/* Height of each drop down nav item, should match above */
	line-height:25px;	 /* Height of each drop down nav item again, should match above */
	padding: 0 5px 0 10px;
	}

/* Drop down link styles */
.ipWrapper #thumb-list .gallerycontain .button ul li a:link, .ipWrapper #thumb-list .gallerycontain .button ul li a:visited {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	border: 0;
	font-weight: bold;
	}
/* Hover styles for drop down items */
.ipWrapper #thumb-list .gallerycontain .button ul li a:hover { 
	background-image:none;
	background-color:#4789a7;
	color:#FFF;
	text-decoration:none;
	border: 0;
	font-weight: bold;
}

.ipWrapper #thumb-list .gallerycontain .button li:hover ul, .ipWrapper #thumb-list .gallerycontain .button li.sfHover ul	{ left: auto; }

/* width of drop down nav - choose width that allows items to display on one line */

.ipWrapper #thumb-list .gallerycontain .button-01 ul, .ipWrapper #thumb-list .gallerycontain .button-01 li { width:164px; }

/* Before & After gallery styles */
.next {
	float:right;
	padding: 25px 0 0 10px;
}

.previous {
	float:right;
	padding: 25px 0 0 0;
}

.previousbtn {
  	display: block;
  	width: 85px;
  	height: 16px;
  	background: url(images/previous.jpg) bottom;
}

.previousbtn:hover { 
	background-position: 0 0;
}

.previousbtn span { 
	display: none; 
}
	
.nextbtn {
  	display: block;
  	width: 58px;
  	height: 16px;
  	background: url(images/next.jpg) bottom;
}

.nextbtn:hover { 
	background-position: 0 0;
}

.nextbtn span { 
	display: none; 
}

.gallerybox {
	width: 756px;
	background-image: url('images/middle-bg.jpg');
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 20px;
	min-height: auto;
	clear:both;
}

.gallerybox2 {
	width: 756px;
	background-image: url('images/bottom-bg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: auto;
	clear:both;
}

.gallerybox3 {
	width: 756px;
	background-image: url('images/top-bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	min-height: auto;
	z-index: 2;
}
 .gallerybox3 .boxcontainer { padding: 20px 28px 20px 28px; }		
 	.gallerybox3 .col1 { float:left; width: 210px; margin: 0;}
 	.gallerybox3 .col1 p { font: Arial, Helvetica, sans-serif; font-size: 12px; padding: 4px 0px 15px 0px; line-height: 16px; width: 170px; }
	
 	.gallerybox3 .col2 { float:left; width: 260px; margin: 0; }
 	.gallerybox3 .col2 span { display: none; }
 	.gallerybox3 .col2 p { padding: 0px 16px 15px 16px; font: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
	
 	.gallerybox3 .col3 { float:left; width: 230px; margin: 0px;}
 	.gallerybox3 .col3 p { text-align: right; padding: 0px 0px 15px 3px; font: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
	.gallerybox3 .col3 h2 { font-weight: bold; font-size:13px; text-align: right; padding: 0px; }
	.gallerybox3 .col3 p.docpic { text-align: right; margin: 0px; padding: 4px 0px 10px 4px; }
 	
.docpic {margin: 10px 0px 0px 4px;}
.clear {clear:both; }
 
.gallerybox3 #buttonbox ul { float: left; color:#0C3 }
	.gallerybox3 #buttonbox ul.left { width: 180px; padding: 0 0 0 17px; margin: 25px 35px 17px 0; }
	.gallerybox3 #buttonbox ul.center { width: 170px; margin: 25px 33px 17px 0; }
	.gallerybox3 #buttonbox ul.right { width: 170px; margin: 25px 0 17px 0; }
	.gallerybox3 #buttonbox ul li { list-style: none; margin: 0 0 10px; }
	.gallerybox3 #buttonbox ul li a:link, #buttonbox ul li a:visited { font-weight: bold; color: #1464ac; }

#btn-container .col1-btn {float: left; width: 204px;}
#btn-container .col1-btn .view span {display:none;}
#btn-container .col1-btn a.view { float: left; display: block; width: 130px; height: 22px; background: url('images/photos-btn.jpg') no-repeat 0 0; cursor: pointer; outline: none; }
#btn-container .col1-btn a:hover.view { background: url('images/photos-btn.jpg') no-repeat 0px -22px; clear:both;}		
	
#btn-container .col2-btn {float: left; width: 218px; margin-left: 22px;}
#btn-container .col2-btn .learn span { display: none;  }
#btn-container .col2-btn a.learn { float: left; display: block; width: 92px; height: 22px; background: url('images/learn-more-btn.jpg') no-repeat 0 0; cursor: pointer; outline: none; }
#btn-container .col2-btn a:hover.learn { background: url('images/learn-more-btn.jpg') no-repeat 0px -22px; clear:both; }
		
#btn-container .col3-btn {float: right; }
#btn-container .col3-btn a.mail { float: left; display: block; width: 132px; height: 22px; background: url('images/email-btn.jpg') no-repeat 0 0; cursor: pointer; outline: none; }
#btn-container .col3-btn a:hover.mail { background: url('images/email-btn.jpg') no-repeat 0px -22px; clear:both; }
#btn-container .col3-btn .mail span{display: none;}

/* Popup Gallery Styles */

	#popup-container {
		width: 697px;
		margin: 10px auto;
		padding-top: 6px;
		background-color: #FFF;
	}
	
	#popup-gallery {
		width: 685px;
		margin: 0px auto;
	}
	
	#popup-header { 
		margin: 0 0 16px 0; 
	}
	
	#image-wrapper {
		background-color: #e4e4e4;
		padding: 20px 0 10px 14px;
		height: 100%;
	}
	
	#image-wrapper p {
		text-align: center;	
	}
	
	
	
	#white-space {
		width: 685px;
		margin: 0px auto;
		background-color: #FFF;
		height: 6px;
	}
	
	p { 10px 10px 10px 0 }
	
	
	#headercolumn { float: left; width: 685px; z-index: 1; color:#000000; padding-bottom: 20px; }
	
	#headercolumn li { float: left; width: 100%;  list-style: none; }
	#headercolumn li.last { border: none; margin: 0; }
	#headercolumn li p { float: left; width: auto; font-size: 16px; line-height: 20px; font-weight:bold; }
	#headercolumn li p span { font-size: .9em; line-height: 1.3em; padding-top: 70px; }
	
	#headercolumn .col1 { float: left; width: auto; margin: 0 10px 0 0px; }
	#headercolumn .col2 { float: left; width: 528px; font-size: 16px; line-height: 22px; font-weight: bold; color: #000; text-align: left; word-wrap: break-word; overflow: hidden; font-family:Arial, Helvetica, sans-serif;}
	

#popupButtons { position: relative; float: left; width: 528px; margin: 0 0 10px 0px; }
	#popupButtons a { position: relative; float: left; display: block; height: 25px; margin: 0 0 0 0;	}
#btnPhotos { width: 212px; background: url('images/buttons-popup.jpg') no-repeat 0 0; }
	#btnPhotos span { position: absolute; left: 0; top: 0; width: 212px; height: 25px; background: url('images/buttons-popup.jpg') no-repeat 0 0; }
	#btnPhotos:hover span { background: url('images/buttons-popup.jpg') no-repeat 0 -25px; }
#btnProfile { width: 171px; background: url('images/buttons-popup.jpg') no-repeat -212px 0; }
	#btnProfile span { position: absolute; left: 0; top: 0; width: 171px; height: 25px; background: url('images/buttons-popup.jpg') no-repeat -212px 0; }
	#btnProfile:hover span { background: url('images/buttons-popup.jpg') no-repeat -212px -25px; }
#btnEmail { width: 145px; background: url('images/buttons-popup.jpg') no-repeat -383px 0; }
	#btnEmail span { position: absolute; left: 0; top: 0; width: 157px; height: 25px; background: url('images/buttons-popup.jpg') no-repeat -383px 0; }
	#btnEmail:hover span { background: url('images/buttons-popup.jpg') no-repeat -383px -25px; }