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

#mainImageBox {
	height: 300px;
	width: 530px;
	margin: 5px 0px 5px 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 0px 0px 0px 0px;

}

#imageText {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 80px;
	overflow: auto;

}

#clientImageContainer {
	height: 390px;
	width: 210px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 10px;
	overflow: auto;


}

.clientThumbBox {
	width: 80px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin: 5px 2px 5px 6px;
	float: left;
	border-style: solid;
	border-width: 4px;
	border-color: #FF4443;
	cursor: pointer;

}

#mainContentPhoto {
	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 10px 5px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-left: 1px dashed #000000;
}