/* Defaults
========================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
a img { border: none; }
ol, ul { list-style: none; }
input,textarea { margin: 0; }

/* Highlight and Strike-through */
ins { text-decoration: none; font-weight: bold; }
del { text-decoration: line-through; }

/* LAYOUT */

body {
	background-color: #000;
	color: #999;
	font-family: "Raleway", "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
}
a, a:visited {
	text-decoration: none;
	color: #999;
}
a:hover, a:active {
	text-decoration: none;
	color: #fff;
}
span.active a, span.active a:visited {
	text-decoration: none;
	color: #708ee2;
}
div#content a, div#content a:visited {
	text-decoration: none;
	color: #fff;
}
div#content a:hover, div#content a:active {
	text-decoration: none;
	color: #708ee2;
}
div#title h1 a, div#title h1 a:visited, div#title h1 a:hover, div#title h1 a:active {
	text-decoration: none;
	color: #fff;
} 
h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 1px;
}
div#bg {
	background: #000 url("../images/modelo.jpg") no-repeat left top;
	margin: auto;
	padding: 0;
	width: 1054px;
	height: 803px;
	position: relative;
	top: 20px;
}
div#projects {
	margin: 0px auto 0px;
	padding: 0 0 210px 0; /* 120px bottom margin + 90 px to compensate for top offset of relatively positioned #content div */
	width: 1024px;
	/*height: 100%;*/
	position: relative;
	top: 40px;
}
div#content {
	font-size: 12px;
	letter-spacing: 1px;
	/*line-height: 16px;*/
	position: relative;
	width: 804px;
	left: 120px;
	top: 90px;
	border-top: 1px dotted #404040;
	margin: 0;
	padding: 0;
	/*margin-bottom: 140px;*/
}
.clear {
	clear: both;
}
div#title {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
}
div#title h1 {
	position: relative;
	left: 120px;
	top: 50px;
}
div#buttons {
	font-size:15px;
	letter-spacing: 0px;
	position: relative;
	width: 934px;
	left:120px;
	top:70px;
}
div#buttons span {
	margin-right: 12px;
}
div#content p {
	margin-top: 30px;
}
div#content p span.header {
	font-size:15px;
	letter-spacing:1px;
	color: #fff;
}
div#content p span.slash {
	font-size:15px;
	letter-spacing:-4px;
	color: #777;
}
div#content p span.info {
	font-size:12px;
	letter-spacing:1px;
	color: #777;
}
div#content img.project-image {
	padding-bottom: 30px;
	border-bottom: 1px dotted #404040;
}
div#content p span.more-projects {
	font-size:12px;
	letter-spacing:1px;
	color: #708ee2;
}
p.text {
	color: #bbb;
	line-height: 28px;
	text-align: justify;
}
p#purple-links a, p#purple-links a:visited {
	text-decoration: none;
	color: #708ee2;
}
p#purple-links a:hover, p#purple-links a:active {
	text-decoration: none;
	color: #fff;
}
img.alignright {
	float: right;
	margin: 0 0 20px 30px;
	display: inline;
}
.white {
	color: #fff;
}