div.project-thumb {
	width: 200px;
	height: 250px;
	float: left;
	margin: 0 10px 10px 0px;
	position: relative;
	color: #797979;
	text-align: left;
	font-size: 14px;
   	font-family:  "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	border: 10px solid white;
	background: white;
	-moz-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	-webkit-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

div.project-image-thumb {
	width: 130px;
	height: 130px;
	float: left;
	margin: 0 10px 10px 0px;
	position: relative;
	color: #797979;
	text-align: left;
	font-size: 14px;
   	font-family:  "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	border-bottom: 2px solid white;
	background: white;
	-moz-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	-webkit-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	cursor:pointer;
}

div.project-image-selected {
	/*width: 400px;
	height: 400px;*/
	/*background-image: url(../img/project_rafiqee_img2.png);*/
	/*background-color: #F7F6F6;*/
}

div.project-image-selected-description {
	bottom: 0; 
	height: 20px;
	width: 100%;
	/*background-color: #F7F6F6;*/
}


div.project-image-description {
    width: 130px;
	height: 130px;
	float: left;
	margin: 0 10px 10px 0px;
    background-color:red;
    z-index: 999;
}

div.project-image-thumb-selected {
	width: 130px;
	height: 130px;
	float: left;
	position: relative;
	color: #797979;
	text-align: left;
	font-size: 14px;
   	font-family:  "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	
	margin: 0 10px 10px 0px;
	border-bottom: 2px solid #CD0061;
	background: white;
	-moz-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	-webkit-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

div.project-thumb:hover {
	/*margin: 0 10px 10px 0px;
	border-bottom: 2px solid #CD0061;
	background: white;*/
	-moz-box-shadow: 0px 2px 0px rgba(205, 0, 97, 1);
	-webkit-box-shadow: 0px 2px 0px rgba(205, 0, 97, 1);
	box-shadow: 0px 2px 0px rgba(205, 0, 97, 1);
	/*border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px; */

}

.project-link {
	text-align: left;
	font-size: 14px;
	float: left;
	font-family: "Myriad Web Pro", sans-serif;
	color: #797979;
	text-decoration:  none;
}

.project-thumb-tags {
	font-size: 14px;
	font-style: italic;
   	font-family:  "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
   	color: #CD0061;
}

div.vertical-content-separator {
	height: 2px;
	background-color: #797979;
	margin-right: 10px;
}

div.vertical-content-title {
	color: #797979;
	text-align: left;
	font-size: 14px;
   	font-family:  "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
   	padding-bottom: 5px;
}

div.project-showcase {
	width: 660px;
	height: 312px;
	/*float: left;*/
	margin: 0 10px 10px 0px;
	position: relative;
	color: #797979;
	text-align: left;
	font-size: 14px;
	font-family: "Myriad Web Pro", sans-serif;
	border: 10px solid white;
	background: white;
	-moz-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	-webkit-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

div.project-showcase-image{
	left: 0px;
	display: inline;
	float:left;
}

div.project-showcase-text{
	/*left: 100px;*/
	white-space: normal;
	display: block;
	left: 420px;
	right: 10px;
	/* float: left; serious problems with this property */ 
	padding-left: 10px;
	overflow: hidden;
}

div.project-showcase-title {
	text-align: left;
	font-size: 26px;
	font-family: "Myriad Web Pro", sans-serif;
	margin-bottom: 5px;
}

div.project-showcase-description {
	text-align: left;
	font-size: 14px;
	float: left;
	font-family: "Myriad Web Pro", sans-serif;
}

div.more-content {
	font-family: "Myriad Web Pro", sans-serif;
	font-size: 14px;
	font-style: italic;
	clear: left;
	text-align: right;
}

div.project-full-description {
	padding-left: 10px;
}

div.project-description {
	/*min-width: 800px;*/
	/*min-height: 600px;*/
	max-width: 700px;
	float: left;
	margin: 0 10px 10px 0px;
	position: relative;
	color: #797979;
	text-align: left;
	font-size: 14px;
   	font-family:  "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	border: 10px solid white;
	background: white;
	-moz-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	-webkit-box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	box-shadow: 0px 1px 10px rgba(100,100,100,.3);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}