@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
/***==========FONT==========***/

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book.eot') format('embedded-opentype'),
  	   url('../fonts/Gotham-Book.woff') format('woff'),
	   url('../fonts/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#icon_prod01, #icon_prod02, #icon_prod03, #icon_prod04 {
	background: no-repeat center center;
    background-color: #711760;
    background-size: auto;
	width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -mozborder-radius: 50%;
    border: #ffffff 14px double;
    margin-left: auto;
    margin-right: auto;
}
#icon_prod01{
	background-image:url(../images/icon1_b.png);
}
#icon_prod02{
	background-image:url(../images/icon2_b.png);
}
#icon_prod03{
	background-image:url(../images/icon3_b.png);
}
#icon_prod04{
	background-image:url(../images/icon4_b.png);
}
/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	clear: none;
	float: none;
	max-width:1000px;
}

#contentArea {
	background-color: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-mozborder-radius: 5px;
	color: #444444;
}

.articleContent {
	width:100%;
	padding: 15px;
	vertical-align:middle;
	border-bottom: 1px solid #F0F0F0;
}

.articleHeader {
}

.feedtitle {
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	font-size:1.5em !important;
	color:#4f0641;
}
.description {
	font: 14px 'Open Sans', sans-serif;
	font-weight: normal;
	line-height: 23px;
	color:#727272;
}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width:481px){

.gridContainer {
	width: 97.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
}

#contentArea {
}

.articleContent {
	padding: 0px;
}



}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. original min-width: 768px */

@media only screen and (min-width:768px){

.gridContainer {
	width: 100%;
	max-width: 860px;
	padding-left: 0;
	padding-right: 0;
	margin: 30px auto;
	clear: none;
	float: none;
}

#contentArea {

}


.articleContent {
	padding: 0px;
}


}