/* 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 { font-size: 100%; font-weight: inherit; font-style: inherit; font-family: inherit; margin: 0; padding: 0; vertical-align: baseline; border: 0; }
body { line-height: 1.5; }
p em { font-style: italic; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a:focus { -moz-outline-style: none; }
a:active { outline: none; }
strong { font-weight: bold; }

/* Internet Explorer support */
* html legend { margin:-18px -8px 16px 0; padding:0; }
ol { margin-left:2em; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
html > body p code { *white-space: normal; } 
hr  { margin: -8px auto 11px; }
fieldset { padding-top: 0; }

/* Foundations */
body { color: #a0a0a0; font: 200 0.84em/1.62em "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: transparent; padding: 0; }
code, samp, var, tt, kbd, pre { font-family: Monaco, Consolas, "Lucida Console", "Courier New", Courier, monospace; font-style: normal; }
h1, h2, h3, h4, h5, h6 { color: gray; line-height: 1.62em; font-weight: 200; font-style: normal; }
h1 { font-size: 6em; }
h2 { font-size: 2em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.25em; }
a:link, a:visited { color: #a6c6e7; }
a:hover, a:active { color: #ff9ddf; }
hr { color: #282425; background: #282425; height: 2px; border: none;
	margin: 0;
}

/* Structure and style */
body { text-align: center; } /* "text-align" tweak ensures content is centered in IE5 */
div.wrapper { text-align: left; width: 660px; margin: 0 auto; overflow: hidden; }
div.section { margin: 5em 0 0; clear: both; overflow: hidden; }
div.section h3 { margin: 0 0 0.25em; border-bottom: 2px solid #282425; }

h1#title { line-height: 1; margin: 0 0 0.5em;
	color: #a6c6e7;
}
h1#title em.me { color: #ff9ddf; font-style: normal; }
h4#introduction { color: #a0a0a0; }
h4#introduction strong { color: black; font-weight: normal; }

div#work h3 { border: none;
	color: gray;
}
div#work div.project { clear: both; overflow: hidden; }
div#work div.left { width: 280px; float: left; }
div#work div.right { width: 380px; float: right; }
div#work h5 em { color: #454545; font-style: normal; }
div#work p { margin: 0 0 1em; }
div#work div.preview { width: 250px; height: 150px; margin: 5px 20px 10px 0; }
div#work div.preview a img { border: 5px solid #282425; }
div#work div.preview a img:hover { border: 5px solid #393435; }
div#work div.preview img { width: 250px; height: 150px }
div#work ul { margin: 0 20px 0 0; overflow: hidden; list-style: none; }
div#work ul li { color: #8fc165; background: #282425; margin: 0.5em 0.5em 0.5em 0; float: left; padding: 0.25em 0.75em; }

#about p {
	font-size: 1.2em;
	line-height: 1.5em;
}
div#about ul { margin: 0 0 0 2em; list-style-type: square; list-style-image: url(../img/icons/10/tick.png); }
div#about ul li { margin: 0.5em 0; }
div#about ul li strong { color: gray; }
div#about ul li.not_really { list-style-image: url(../img/icons/10/cross.png); }
div.Contactsection { margin: 5em 0 1px; clear: both; overflow: hidden;
	padding: 20px 20px 150px;
	color: white;
	background: #a6caf0 url(../img/bck_contact.gif) no-repeat;
	font: 1.3em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
}
div.Contactsection a:link, a:visited { color: #1cafe5;
	text-decoration: none;
}
div.Contactsection a:hover, a:active { color: #287e9d; }
div.Contactsection div.left { width: 270px; float: left; }
div.Contactsection div.right { width: 350px; float: right; }