/* Studio Chris James */
body { 
  font-family: 'Karla', sans-serif;
  color: #FFFFFF;
}

.headerleft h1 a{color:#000}
a { color: #FF1493; text-decoration:none;}
a:visited { color: #FF1493; }
a:hover { color: #FF1493; background: white;}

h1 {
	color: #000;
	text-decoration:none;
	text-transform: uppercase;
	}


p {
   	color: #000;
	text-decoration:none;
	font-size: 0.9em;
    line-height: 1.4em;
    }

.contrast{
		font-size: 0.6em;
		font-color: #FF1493;
		
	
}

.header p{
 line-height: 1.4em;

}

.headerleft h1{
	color:#000;
	}

#content a:hover p span{
	color: #FF1493;
}

#content p {
    line-height: 0.6em;
	}
	
#middle a:hover p span{
	color: #FF1493;
}

#middle p {
    line-height: 0.6em;
	}
	
#sidebar a:hover p span{
	color: #FF1493;
}

#sidebar p {
    line-height: 0.6em;
	}

#productleft p {
	    line-height: 0.6em;
		}
		



/* STRUCTURE */

#pagewrap {
	margin-left:auto;
	  margin-right:auto;
	width: 100%;
	max-width:960px;

}

.headerleft{
	width: 470px;
	height:60px;
    float:left;
}

.headerright{
	width: 470px;
	height:60px;
	float:right;
	text-align:right;
 
}

/* Homepage */


#content {
width:33%;
min-width: 310px;
display:inline-block;
padding: 30px 0px 0 0 ;
	
}


/* product page*/


#productleft {
	width:48%;
	min-width: 310px;
	padding: 30px 2% 0px 0px ;
	display:inline-block;
}

#productright {
	width:48%;
	min-width: 310px; 
	padding: 30px 0px 0px 2%;
	display:inline-block;
	float:right;
	vertical-align: top;
}


thumbnails {
	width: 100%;
	padding: 5px 15px;
	float: right;
}	


	/* footer (not in use) */


	footer {
		text-align:right ;
		color: #000; text-decoration:none;
		clear: both;
		padding: 50px 0px 0px 0px;
	}



	@media only screen 
	  and (min-device-width: 320px) 
	  and (max-device-width: 480px)
	  and (-webkit-min-device-pixel-ratio: 2) {