/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  
  margin: 0px;
  
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;

}

html {

	background: #0e0e0e url(../img/bg.jpg) repeat;

}

.img {

	margin: 0px;
	border: 0px;
	padding: 0px;

}

a {
	color: white;
	text-decoration: underline;
}

a:hover {
	color: white;
	text-decoration: none;
}

/* --- Typography --- */

.grid p {
  line-height: 15px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  margin: 0px;
  padding: 0px;
}  

marquee {
  line-height: 15px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #0e0e0e;
  margin: 0px;
  padding: 0px;
}


/* --- Grid Main --- */

.grid {
  width: 990px;
  margin: 0px 0px 0px 30px;
}

/* --- Grid Columns --- */

.grid-c1 {
  float: left;
  width: 240px;
  border-top: 30px solid #f5ec22;  
}

.grid-c2 {
  float: left;
  width: 480px;
}

.grid-c3 {
  float: left;
  width: 240px;
  height: auto;
}

/* --- Some Shits --- */

.pink-box {
	background-color: #e33535;
	height: 240px;
	width: 180px;
	padding: 30px;
	top: 210px;
	position: absolute;
}

.img-gal {
	width: 480px;
	height: 180px;
	margin: 0px;
	border: 0px;
}

.blue-box {
	background-color: #9ae1fc;
	height: 630px;
	width: 420px;
	padding: 30px;
}