/*
* 	Responsive-960 grid pixel system - v1.0
* 	Copyright 2013, MyPassion
*   Author: MyPassion
* 	Created Date : 18-08-2013
*/
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


/*------------------------------------------------------------------*/ 
/*	960 GRID
/*------------------------------------------------------------------*/
.container{
	width:940px;
	margin-left: auto;
    margin-right: auto;
	height:auto;
}
.row{
	margin-left:-20px;
	height:auto;
}
[class*="span"] {
	float: left;
	margin-left: 20px;
	margin-bottom:30px;
}
.span12 {	width: 940px; 	}

.span9  {  	width: 700px;	}

.span8  {  	width: 620px;	}

.span6  {  	width: 460px;	}

.span4  {  	width: 300px;	}

.span3  {  	width: 220px;	}


@media (min-width: 768px) and (max-width: 979px) {
	
.container{ width: 724px;	}
	
.span12 { 	width: 724px; 	}

.span9  { 	width: 538px; 	}

.span8  {	width: 476px;	}

.span6  {	width: 352px;	}

.span4  {	width: 228px;	}

.span3  {	width: 166px;	}

}

@media (min-width: 480px) and (max-width: 767px) {

.container{ width:420px; 	}

.row 	{	margin-left:0;	}

[class*="span"]{
	width:100%;
	margin-left:0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
	
}

@media (max-width: 479px) {

.container{ width:300px; 	}

.row 	{	margin-left:0;	}

[class*="span"]{
	width:100%;
	margin-left:0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
	
}


/*------------------------------------------------------------------*/ 
/*	CORE STYLES
/*------------------------------------------------------------------*/
.radius-2  {	-webkit-border-radius: 2px;		-moz-border-radius: 2px;	border-radius: 2px; }
.radius-3  {	-webkit-border-radius: 3px;		-moz-border-radius: 3px;	border-radius: 3px; }
.radius-5  {	-webkit-border-radius: 5px;		-moz-border-radius: 5px;	border-radius: 5px; }
.radius-10 {	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px; }
.radius-15 {	-webkit-border-radius: 15px;	-moz-border-radius: 15px;	border-radius: 15px; }
.radius-20 {	-webkit-border-radius: 20px;	-moz-border-radius: 20px;	border-radius: 20px; }


.margin-auto		{ margin:0 auto; }

.margin-top-50		{ margin-top:50px; }
.margin-top-45		{ margin-top:45px; }
.margin-top-40		{ margin-top:40px; }
.margin-top-35		{ margin-top:35px; }
.margin-top-30		{ margin-top:30px; }
.margin-top-25		{ margin-top:25px; }
.margin-top-20		{ margin-top:20px; }
.margin-top-15		{ margin-top:15px; }
.margin-top-10		{ margin-top:10px; }
.margin-top-5		{ margin-top:5px;  }

.margin-bottom-50	{ margin-bottom:50px; }
.margin-bottom-45	{ margin-bottom:45px; }
.margin-bottom-40	{ margin-bottom:40px; }
.margin-bottom-35	{ margin-bottom:35px; }
.margin-bottom-30	{ margin-bottom:30px; }
.margin-bottom-25	{ margin-bottom:25px; }
.margin-bottom-20	{ margin-bottom:20px; }
.margin-bottom-15	{ margin-bottom:15px; }
.margin-bottom-10	{ margin-bottom:10px; }
.margin-bottom-5	{ margin-bottom:5px;  }

.margin-left-30		{ margin-left:30px; }
.margin-left-25		{ margin-left:25px; }
.margin-left-20		{ margin-left:20px; }
.margin-left-15		{ margin-left:15px; }
.margin-left-10		{ margin-left:10px; }
.margin-left-5		{ margin-left:5px;  }

.margin-right-30	{ margin-right:30px; }
.margin-right-25	{ margin-right:25px; }
.margin-right-15	{ margin-right:20px; }
.margin-right-15	{ margin-right:15px; }
.margin-right-10	{ margin-right:10px; }
.margin-right-5		{ margin-right:5px;  }