/* @override http://www.patrickwalser.ch/css/style.css */

/* @group */
html, div, span, object, iframe, 

del, img, ins, q,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; background: #fff;}

body {line-height: 16px; height: 100%; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000; background: transparent;}
a, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; color: #000; text-decoration: none; background: transparent;}


/* @end */


/* @group layout */

.project {position: absolute; z-index: 15;}
.panel {display: block; height: 750px; width: 2400px; position: relative; top: 10px; left: 0px; a href="work.html"}
.panel.index {display: block; height: 2400px; width: 2400px; position: absolute; top: 0px; left: 0px;}
.panel.head {display: block; height: 750px; width: 2400px; position: relative; top: 10px; left: 0px;}
.panel.foot {display: block; height: 250px; width: 2400px; position: relative; top: 10px; left: 0px;}

.title.top {left: 35px; top: 175px; position:absolute; float: left; width: 350px; height:35px; padding-right: 1%; z-index: 30; }
.title.left {left: 335px; top: 195px; position:absolute; float: left; width: 350px; height:25px; padding-right: 1%; z-index: 30; }
.title.right {left: 715px; top: 195px; position:absolute; float: left; width: 350px; height:25px; padding-right: 1%; z-index: 30; }

.base.top {left: 35px; top: 2175px; position:absolute; float: left; width: 500px; height:35px; padding-right: 1%; z-index: 30; }
.base.left {left: 335px; top: 2195px; position:absolute; float: left; width: 350px; height:25px; padding-right: 1%; z-index: 30; }
.base.right {left: 715px; top: 2195px; position:absolute; float: right; width: 350px; height:25px; padding-right: 1%; z-index: 30; }
.base.link {right: 50px; top: 2195px; position:absolute; float: right; width: 50px; height:25px; padding-right: 1%; z-index: 30; }

.desc.top {left: 35px; position:absolute; float: left; width: 350px; padding-right: 1%; top: 10px; z-index: 30;}
.desc.left {left: 35px; position:relative; float: left; width: 350px; padding-right: 1%; top: 15%; z-index: 30;}
.desc.text500 {left: 35px; position:relative; float: left; width: 500px; padding-right: 1%; top: 15%; z-index: 30;}
.desc.text750 {left: 35px; position:relative; float: left; width: 750px; padding-right: 1%; top: 15%; z-index: 30;}
.desc.middle {left: 560px; position:absolute ; float: left; width: 750px; padding-right: 1%; top: 20px; z-index: 30;}
.desc.right {right: 50px; position:absolute ; float: right; width: 170px; text-align: right; top: 20px; z-index: 30;}
.desc.base {left: 35px; position:absolute; float: left; width: 1000px; padding-right: 1%; top: 20%; z-index: 30;}

.thumbs {left: 35px; top: 15%; position: relative; float: left; z-index: 30;}
.thumbs img {padding-left: 15px;}

/* @end */


/* @group font-face */
font-face {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: normal;
	font-style: normal;
	
	}
/* @end */

/* @group fonts */

/* a:link, a:hover, a:visited {color: #000; text-decoration: none;}*/

p  {font-style: italic;}

h1 {font-style: normal; 
	font-size: 18px;
	font-weight: bold;}
h2 {font-style: normal;
	font-size: 18px;
	font-weight: normal;}
h3 {font-style: italic;
	font-size: 18px;
	font-weight: normal;}


/* @end */