
.rightX{
	background-color:#CCCCCC;
	width: 100%;
	margin-top:20px;
	margin-bottom:10px;
	clear: both;
	padding-top:8px;
	padding-bottom:8px;
	
}

.rightX a:link,.rightX a:visited,.rightX a:hover{

	color:#FFFFFF;
	
}
.rightX li{
	word-wrap: normal;
	word-break: normal;
	list-style: none;
	background-color:#FFFFFF;
	border: 1px #cdcdcd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	width:200px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
background: rgb(59,103,158); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	line-height: 22px;

}



.rightX1{
	background-color:#CCCCCC;
	width: 100%;
	margin-top:20px;
	margin-bottom:10px;
	clear: both;
	padding-top:8px;
	padding-bottom:8px;

}

.rightX1 li a:link,.rightX1 a:visited,.rightX1 a:hover{
	color:#FFFFFF;
}

.rightX1 li{
	word-wrap: normal;
	word-break: normal;
	list-style: none;
	background-color:#FFFFFF;
	border: 1px #cdcdcd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	width:138px;
	
	
background: #bf6e4e;
background: -moz-linear-gradient(top, #bf6e4e 0%, #8c3310 50%, #752201 51%, #f0b7a1 100%);
background: -webkit-linear-gradient(top, #bf6e4e 0%,#8c3310 50%,#752201 51%,#f0b7a1 100%);
background: linear-gradient(to bottom, #bf6e4e 0%,#8c3310 50%,#752201 51%,#f0b7a1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6e4e', endColorstr='#f0b7a1',GradientType=0 );

}




.rightX2 {
	word-wrap: normal;
	word-break: normal;
	list-style: none;
	background-color:#FFFFFF;
	border: 1px #cdcdcd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	width:50px;
	max-width:50px;
	height:23px;
	background: #bf6e4e;
	background: -moz-linear-gradient(top, #bf6e4e 0%, #8c3310 50%, #752201 51%, #f0b7a1 100%);
	background: -webkit-linear-gradient(top, #bf6e4e 0%,#8c3310 50%,#752201 51%,#f0b7a1 100%);
	background: linear-gradient(to bottom, #bf6e4e 0%,#8c3310 50%,#752201 51%,#f0b7a1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6e4e', endColorstr='#f0b7a1',GradientType=0 );
	float: right;
	color:#FFFFFF;
	text-align: right;
}
.rightX2 li a:link,.rightX2 a:visited,.rightX2 a:hover{
	color:#FFFFFF;
}


.rightX3 {
	word-wrap: normal;
	word-break: normal;
	list-style: none;
	background-color:#FFFFFF;
	border: 1px #cdcdcd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	width:138px;
	height:23px;
	background: #bf6e4e;
	background: -moz-linear-gradient(top, #bf6e4e 0%, #8c3310 50%, #752201 51%, #f0b7a1 100%);
	background: -webkit-linear-gradient(top, #bf6e4e 0%,#8c3310 50%,#752201 51%,#f0b7a1 100%);
	background: linear-gradient(to bottom, #bf6e4e 0%,#8c3310 50%,#752201 51%,#f0b7a1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6e4e', endColorstr='#f0b7a1',GradientType=0 );
	float:left;
	color:#FFFFFF;
}
.rightX3 li a:link,.rightX3 a:visited,.rightX3 a:hover{
	color:#FFFFFF;
}




.projectX {
	text-align: center;


}

.projectLi{
	/*width: 5000px;
	width: 100%;
	position:static;*/
	text-align: center;
}

.photoItem {
	text-align: center;
	width: 23.3%;
	border: 1px #cdcdcd solid;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0;
	
/*		margin:0 auto;*/
}





.photoItem .photoStr,.photoItemL .photoStr {
	background-repeat: repeat-x;
	width: 23.3%;
	color: #FFFFFF;
	margin-top: 1px;
	margin-bottom: 5px;
	position: static;
	background-repeat: repeat-x;width:100%;
	color: #FFFFFF;margin-top: 1px;

}
.photoItem h4{
	text-align: center;
	font-size: 15px;
	float: left;
	width: 100%;

	background-color:#52C7FE;
	
	overflow:hidden;
	
	padding-top: 5px;
	padding-bottom: 5px;
}
.photoItem h4 span,.photoItemL h4 span{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
	color: #FF0000;
	
}
.photoItem article{
	text-align: center;
	font-size: 16pt;
	color: #FF0000;
	font-weight: bold;
	line-height:40px;
	background-color:#FFFF00;
	margin-left: 5px;
	overflow:hidden;
}
.photoItem .rent,.photoItemL .rent{
	text-align: center;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: bold;
	line-height:40px;
	background-color:#FF0000;
	margin-left: 5px;
}
.photoItem .rent1,.photoItemL .rent1{
	text-align: center;
	font-size: 13pt;
	color: #FFFFFF;
	font-weight: bold;
	line-height:40px;
	background-color:#FF0000;

}
.photoItem .photox,.photoItemL .photox {
	display: block;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.photoItemL div,.photoItem div {
	text-align: center;
	font-size: 16px;
	overflow:hidden;
}

.photoItem .photox img {
	width: 100%;
	height:225px;
	max-height:225px;
}
.photoItem:nth-child(4n) {
	margin-right: 0;
}





.photoItemL{
	width: 46%;
	border: 1px #cdcdcd solid;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#000000;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 3px;
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7))
}
.photoItemL .photox img {
	width: 100%;
	height:138px;
	max-height:225px;

}
.photoItemL h4 {
	text-align: center;
	font-size: 15px;
	float: left;
	width: 100%;
	/*height:40px;*/
	/*line-height:40px;*/
	
	/*color:#FFFFFF;background-color:#52C7FE;*/
	background-color:#FFFFFF;
	overflow:hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}
.photoItemL article{
	width:100%;
	text-align: center;
	font-size: 14pt;
	color: #FF0000;
	font-weight: bold;
	line-height:30px;
	background-color:#FFFF00;

}
.CALLUser{
	width:120px;
	right:0px;
	border: 1px #cdcdcd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;

	padding:10px;
	position:fixed;
	color:red;
	border: 1px #cdcdcd solid;
	bottom:50px;
	background: #b8e1fc;
	background: -moz-linear-gradient(-45deg, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
	background: -webkit-linear-gradient(-45deg, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	background: linear-gradient(135deg, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}
@media screen and (min-width: 768px) {
	.photoItem {
		width: 23.3%;
	}
	.projectLi{
		width: 100%;

	}

}