/*** RESET ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* >>> FONTS <<< */

@font-face {
	font-family: HelveticaNeue-Bold;
	src: url('fonts/HelveticaNeue-BoldCondObl.ttf');
}
@font-face {
	font-family: Helvetica-Cond;
	src: url('fonts/HelvCondenced.ttf');
}


/* >>> ELEMENTS <<< */

body {
	background-color: #000000;
	color: #888;
	font-family: Helvetica, sans-serif;
	font-size: 90%;
	height: 100%;
	width: 100%
}

h1 { display: none }
h2 { border-bottom: 1px solid #888; font-size: 1.1em; font-weight: normal; letter-spacing: 4px }
h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px }

a { color: inherit; text-decoration: none }
a:hover { color: #ccc; text-decoration: none }

.bold { font-weight: bold }

/* >>> CONTAINERS <<< */
#print { display: none }

#container {
	margin: 0 auto;
	min-width: 800px;
	width: 100%
}

.inner { margin: 0 auto; text-align: center; vertical-align: middle; width: 1000px }

#header { background-color: #252324; height: 140px }
#header .inner { padding-top: 25px }
#hleft { float: left; text-align: left; width: 300px }
#hright { float: left; padding-top: 74px; text-align: right; width: 700px }
#menu { font-family: Helvetica-Cond, Helvetica, sans-serif; text-align: right }
#menu li { display: inline; font-size: 15px; padding-left: 25px }
div.coming-soon { display: inline; position: relative }
div.coming-soon em { 
	background: url("../images/bubble.png") no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    bottom: -55px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none
}

.crow { padding: 10px 0 }
	
#content { clear: both }

#projects { background-color: #000000; height: 470px }
#projects .inner { padding: 42px 0 }
#slider .info { float: left; line-height: 20px; margin-right: 40px; text-align: left; width: 320px }
#slider .info_row { padding: 10px 0 }

#slider .meat { float: left }

#slider_nav { float: left; text-align: center }
#slider_nav ul { float: left; margin-left: 433px; text-align: center; width: 100% }
#slider_nav li { float: left; margin: 0 8px }
#slider_nav li a { border: 1px solid #333; padding: 0 5px }
#slider_nav li a:hover { text-decoration: none }
#slider_nav li a.cur { background-color: #333 }
#slider_nav li span { font-size: .6em; visibility: hidden }

#intro { background-color: #c8c8c8; height: 100px }
#intro .inner { padding: 30px 0 }
#intro p { color: #666; line-height: 24px; text-align: justify }

#copy { background-color: #252324; height: 450px }
#copy .inner { padding: 50px 0 }
#copy .third { float: left; margin-right: 80px; text-align: left; width: 280px }
#copy .last { margin-right: 0 }
#copy .third p { line-height: 24px; padding: 20px 0 }

/*** Footer ***/

#footer {
	background-color: #000000;
	clear: both;
	color: #888;
	padding: 34px 0;
	text-align: center
}
#link { margin-bottom: 20px }
#link li { display: inline; font-size: 1em; padding: 0 20px }
#mark { margin: 10px 0 }