@charset "utf-8";


/*-----------------------  public landing page elements  ---------------------------*/


.design {
	clear: both;
	margin-top: 50px;
	margin-bottom: 50px;
}

.design .header {
	clear: both;
	margin-left: 20px;
}

.design .thumb {
	width: 320px;
	float: left;
	margin: 0px 20px 40px 20px;
}

.design .description {
	width: 480px;	
	float: right;
	margin-bottom: 15px;
}

.design .description p {
	margin-top:0px;
	margin-bottom:1em;
}


#license {
	clear: both;
	padding-top: 20px;
	margin: 50px 20px 0px;
}

#license img {
	float: left;
	margin: 3px 10px;
}

#license p {
	font-size:11px;
	width: 520px;
	margin:0px;
}

.designGridItem {
	height: 110;
	width: 110;
	float: left;
	margin: 20px 20px 20px;
}


.designGrid {
clear:left;
}


.designGrid .tittle {
	position:relative;
	text-align:center;
	align: center;
	margin-left:15px;
	font-size:10pt;
	color:rgb(200,200,200);
}

.designListItem {
	height: 90%;
	width: 100%;
	float: left;
}

.designListItemImage {
	height: 100%;
	width: 20%;
	float: left;
	align:left;
}
.designListItemInfo{
	height: 100%;
	width: 60%;
	align:left;
	float: right;
	margin: 10px;
}



.designList {
	overflow: auto;
	height: 100%;
	width: 100%;
}

.pageNumbers{
	float:right;
}

.orderBy{
	float:left;
}




.designList A:link {text-decoration: none; color:rgb(200,200,200);}
.designList A:visited {text-decoration: none; color:rgb(150,150,150);}
.designList A:active {text-decoration: none; color:rgb(200,200,200);}
.designList A:hover {text-decoration: none; color:rgb(255,0,0);}



.blockDesignAbout {
	height: 100%;
	width: 40%;
	float: right;
	vertical-align:text-top;
	
}

.blockDesignImage {
	height: 100%;
	width: 40%;
	float: left;
}