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

/*/////////////////////////////  BEGIN STYLES /////////////////////////////*/

.tag_logo {
	position: absolute;
    top: 30px;
    left: 30px;
    padding: 0px;
    background-color: #FFFFFF;
    width: 290px;
	height:73px;
}

.content {
    position: absolute;
    top: 50px;
    left: 30px;
    padding: 20px;
    background-color: #FFFFFF;
    width: 390px;
}

.content p {
	color:#777777;	
	font-family:helvetica, arial, sans-serif;
	text-align:left;
	font-weight:normal;
	line-height: 20px;
	margin:0px;
}

hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	height:1px;
	border:none;
}

.content ul {
	padding:0px;
	cursor:pointer;
	margin-top:.125em;
}

.content ul li {
	font-family:helvetica, arial, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color:#777777;
	list-style:none;
	line-height:1.5em;
	padding-right:15px;
}

.content ul li:last-child {
	padding-right:0px;	
}

.content ul li a {
	color:#777777;
	text-decoration:none;
}

.content ul li a:hover {
	color:#444444;
}

.content ul li:first-child {
	padding-left:0px;	
}

.content ul li:hover {
	color:#444444;
}

.descriptors {
	font-size: 14px;
	padding:0px 0px 10px 0px;
}

.maintext {
	font-size: 12px;
	padding:5px 0px 3px 0px;
}

p.maintext {
	color: #00aeef;	
	font-size:14px;
}

.mobile {
	display:none;	
}

.pattern_details {
	text-align:left;
	font-weight:normal;
	font-size: 16px;
	line-height: 24px;
	margin:0px;
	width:40%;
	float:left;
	/*margin: 10px 10px 20px 20px;*/
	padding-left:0px;
}	


/*///////////Blockquote Shadow//////////////*/

.blockquote_shadow { 
	display: block; 
	position:relative; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
	/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;*/
}

.blockquote_shadow:after {
	z-index: -1;
	position: absolute;
	background: transparent;
	width: 40%;
	height: 15%;
	content: '';
	right: 10px;
	bottom: 10px;
	transform: skew(15deg) rotate(6deg);
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

.blockquote_shadow:before {
	z-index: -2;
	position: absolute;
	background: transparent;
	width: 40%;
	height: 15%;
	content: '';
	left: 10px;
	bottom: 10px;
	transform: skew(-15deg) rotate(-6deg);
	-webkit-transform: skew(-15deg) rotate(-6deg);
	-moz-transform: skew(-15deg) rotate(-6deg);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

/*/////////////////////////////  BEGIN CLEARFIX STYLES /////////////////////////////*/

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
/* For Modern Browsers */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}​

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	*zoom:1;	
}