/********************BEGIN RESET********************/

html,body,p,div,img,h1,h2,h3,h4,h5,li,ul,ol,dl,dd,dt,form,pagele,td,tr,blockquote,iframe {
  margin:0px; 
  padding:0px; 
  border:0px; 
  border-collapse:separate; 
  border-spacing:0px;
}

* :focus { outline: 0; }

/*******************END RESET**************************-*/

@font-face {
	font-family: 'Bebas';
	src: url('fonts/BebasNeue-webfont.eot');
	src: local('¢'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#webfontAGQ6uv7S') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clear {clear: both;}

html, body, #left, #right {
	height: auto;
}

html, body, #left {
	height: 100%;
	width: 100%;
}

body {
	color: #747474;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 20px;
	background-color: #f7f7f7;
}

h1, h2, h3, h5  {
	font-family: Bebas, Arial, sans-serif;
	font-weight: normal
}

h1 {
	font-size: 80px;
	line-height: 100px;
	color: #2b2b2b;
	text-shadow: 1px 1px #1e1e1e;
	text-align: center;
	margin-top: 30px;;
}

h1 span {
	color: #db7030;
	text-shadow: 1px 1px #1e1e1e;
}

.sub {
	font-family: Bebas, Arial, sans-serif;
	font-size: 38px;
	color: #2b2b2b;
	text-align: center;
	margin-bottom: 15px;	
}

h2 {
	font-size: 30px;
	color: #2b2b2b;
	text-align: center;
	margin-bottom: 30px;
}

body {
	background: url(../img/backgrounds/right/square-grid.png) repeat #f7f7f7;
}	
	
#wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	height: 150px;
	margin-bottom: 30px;
	display: none;
}

.prev {
	list-style: none;
}

.prev li {
	display: block;
	float: left;
	margin-right: 24px;
	width: 468px;
	
}

.prev li a.image {
	border: 1px solid #d1d1d1;
	padding: 3px;
	width: 460px;
	display: block;
}

.prev li a.image:hover {
	border: 4px solid #2b2b2b;
	padding: 0px;
}	
	
.prev li.last {
	margin-right: 0px !important;
}
	
.separator-line {
	border: none;
	background: #eaeaea;
	height: 7px;
	margin-bottom: 45px;
	margin-top: 0px;
}
	
h3 {
	color: #616161;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
}

h3 a:hover {
	text-decoration: none;
	color: #2b2b2b;
}


a {
	color: #db7030;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#content-slider {
	background: url(../img/content/orange.jpg) no-repeat center;
	width: 460px;
	height: 230px;
}

#image-slider {
	background: url(../img/cycle/orange.jpg) no-repeat center;
	width: 460px;
	height: 230px;
}

.prev li ul.colors {
	list-style: none;
	margin-top: 5px;
	float: right;
}

.prev li .colors li {
	display: block;
	float: left;
	margin-right: 0px !important;
	margin-left: 5px;
	width: 26px;
}

.prev li .colors li a {
	/*margin-left: 5px;*/
	display: block;
	padding: 3px;
	border: 1px solid #d1d1d1;
}

.prev li .colors li a:hover {
		border: 1px solid #a1a1a1;
}

.prev li .colors li a span {
	height: 18px;
	width: 18px;
	display: block;
}

.orange { background: #db7030;}
.lime { background: #8eaf2a;}
.blue { background: #579dcf;}
.red { background: #db2c2c;}
.pink { background: #c27cbd;}
.turq { background: #5a997d;}
.beige { background: #a1a37f;}
.purple { background: #8b5eb5;}
.green { background: #4a8f43;}
.dblue { background: #5066c7;}

.click {
	text-align: right;
	color: #b4b4b4;
	}

/*=== LEFT SIDE


p {
	padding-bottom: 15px;
}



/*====BOXES GRID
=======================================================*/
.one-third {
	float: left;
	width: 190px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.two-third {
	float: left;
	width: 400px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.one-half {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	width: 295px;
}

.full-width {
	margin-bottom: 15px;
}

.last {
	margin-right: 0px;
}


/*====ALIGNMENT
=======================================================*/

.left {
	float: left;
	width: 255px;
	margin-right: 20px;
}

.right {
	float: right;
	width: 255px;
	margin-left: 20px;
}

.image-left {
	float: left;
	margin: 6px 15px 0px 0px;
}

.image-right {
	float: right;
	margin: 6px 0px 0px 15px;
}

