* {margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
}
html {background:url(../img/185_vert.png) repeat-y center top; color:#000; /*color:#8b949d;*/ height:100%; 
}
body {position:relative; background:url(../img/185_horiz.png) repeat-x center center; height:100%; 
}
body.black {background:url(../img/000_horiz.png) repeat-x center center;
}
 
/* divs */
div#container {position:relative; width:960px;/*1280*/ height:100%; margin:0 auto; /*background:url(../img/container.png) no-repeat fixed center center;*/
}
div#content {position:absolute; width:960px; height:499px; margin-left:auto; margin-right:auto;/*600 inc 50px footer */ top:50%;  margin-top:-250px; /*margin-bottom:50px;*/ background:url(../img/content.png) no-repeat left bottom; text-align:right;
}
div#content.folio {background:#000;
}

div#info {position:absolute; top:0; left:230px; width:420px; /*500*/ height:100%; background:url(../img/info.png) no-repeat right top; /*margin-left:230px; 230*/ padding:40px;
}
div#info.ndx {width:320px; margin-left:100px; 
}
div#info.profile {background:#e41c38;
}
div#info.folio {width:499px; height:499px; background:#000; padding:0; border-right:1px dashed #e41c38;
}

div#right_box {position:absolute; top:0; /*-1px*/ right:0; width:190px; /*230*/ height:430px; /*500*/ /*background:url(../img/right_box.png) no-repeat right bottom;*/ padding:40px 20px 30px 20px; _padding-top:3px; text-align:left;
}
div#right_box.ndx {background:url(img/sidebox.png) no-repeat right bottom;
}
div#right_box.profile {padding:0; width:230px; height:500px;
}
div#left_box {position:absolute; top:0; left:0; width:230px; /*230*/ height:500px; /*500*/ /*padding:40px 5px 30px 20px;*/ _padding-top:3px;
}
div#left_box.folio {width:190px; height:460px; padding:40px 20px 0 20px;
}
div#left_box.contact {height:300px; padding-top:200px;background:url(img/left_box_contact.png) no-repeat left top;
}

div#folio_box {position:absolute; top:0; /*-1px*/ right:0; width:190px; /*230*/ height:429px; /*500*/ /*background:url(../img/right_box.png) no-repeat right bottom;*/ padding:40px 20px 28px 20px; _padding-top:3px; text-align:left;
}

div#nav_main {position:absolute; top:-100px; left:0; width:728px; /*960*/ height:100px; /*100*/ background:url(../img/millapede_projects.png) no-repeat left top; /*margin-left:185px; padding-left:50px;padding-left:232px;*/  z-index:100;
}

div#foot {position:absolute; bottom:-100px; left:0; height:95px; /*100*/ width:380px; /*500*/ margin:0 230px; padding-top:5px; padding-right:120px; background:url(../img/foot.png) no-repeat right top;
}


/*general lists*/
ul {list-style-type:none;
}
li {padding-bottom:1.2em;
}
ol {list-style-type:none;
}

ul#folio {width:192px;
}
ul#folio li {float:left; width:52px; height:52px; margin:0 8px 8px 0; padding:0; border:1px solid #000; 
}
ul#folio li.empty {border:1px solid #e41c38;
}
ul#folio li a:link img, ul#folio li a:visited img  {border:1px solid #e41c38; 
}
ul#folio li a:hover img, ul#folio li a:active img  {border:1px solid #fff;
}

div#right_box ul {color:#fff; text-transform:uppercase; font-size:9px; letter-spacing:0.2em;
}
div#right_box ul li {line-height:25px; height:10px; background:url(../img/li.png) no-repeat left; padding-left:15px;
}

/* navigation */
ul#nav {position:relative; width:730px; height:100px; background:url(../img/ul_nav.png) no-repeat left top; margin-left:231px;
} 
/*ul#nav {position:relative; width:500px; height:100px; background:url(../img/ul_nav.png) no-repeat center top; margin-left:231px;
}*/
ul#nav li a {position:absolute; display:block; padding-left:0;
}
ul#nav li a:link, ul#nav li a:visited {text-decoration:none; text-transform:uppercase; font-size:11px; letter-spacing:0.1em; font-weight:bold; color:#fff;
}
ul#nav li.profile a {left:36px; top:75px; color:#000;
}
ul#nav li.folio a {left:135px; top:45px; 
}
ul#nav li.contact a {left:300px; top:30px; color:#000;
}
ul#nav li.home a {left:412px; top:58px;
}
ul#nav li.web a {left:525px; top:40px;
}
ul#nav li.print a {left:603px; top:5px;
}
ul#nav li.sound a {left:673px; top:67px; 
}
ul#nav li a:hover, ul#nav li a:active {color:#e41c38;
}

/* general links */
a {text-decoration:none;
}
a:link, a:visited {color:#000; text-transform:uppercase; font-size:11px; /*10*/ letter-spacing:0.2em;
}
a:hover, a:active {text-decoration:underline;
}
div#right_box a {color:#fff; text-transform:uppercase; font-size:9px; letter-spacing:0.2em;
}
div#left_box a {color:#fff; text-transform:uppercase; font-size:9px; letter-spacing:0.2em;
}
div#foot a:link, div#foot a:visited {color:#000; font-size:9px; letter-spacing:0.2em; font-weight:bold;
}
div#foot a:hover, div#foot a:active {
}

/* text formatting */
p {padding-bottom:1.5em; color:#fff; letter-spacing:0.01em; 
}
div#info.ndx p {width:300px; text-align:right; text-transform:uppercase; letter-spacing:0.2em;
}
div#foot p {font-size:9px; letter-spacing:0.2em; text-align:right;  text-transform:uppercase; color:#000;
}
p.star {background:url(../img/li.png) no-repeat left 2px; padding-bottom:1em; padding-left:15px; color:#fff; text-transform:uppercase; font-size:10px; letter-spacing:0.2em;
}
p.project {background:url(../img/li.png) no-repeat left 2px; padding-bottom:0.5em; padding-left:15px; color:#fff; text-transform:uppercase; font-size:9px; letter-spacing:0.2em; text-align:left;
}
p.folio {position:absolute; top:210px; right:0;  width:190px; padding-right:20px; /*padding-left:15px;*/ font-size:10px; letter-spacing:0.1em;
}

h1, h2, h3, h4 {font-weight:normal; text-transform:uppercase; letter-spacing:0.15em;
}
h1 {font-size:24px; padding-bottom:1.5em; color:#fff; text-align:right; 
}
/*h1#jase {width:230px; height:500px; background:url(../img/sidebox_j.png) no-repeat left top; padding:0; text-indent:-9999px; overflow:hidden;
}*/
h1#jase img a:link, h1#jase img a:visited {width:230px; height:500px; background:url(../img/sidebox_j.png) no-repeat left top; display:block; padding:0; 
}
h1#jase img a:hover, h1#jase img a:active {background:url(../img/sidebox_j.png) no-repeat right top;
}


h2 {font-size:17px; color:#000; letter-spacing:0.1em; padding-bottom:2em;
}
.h2 {font-size:17px; color:#000; text-transform:uppercase; display:inline; width:300px; letter-spacing:0.1em;
}
h3 {font-size:16px; color:#000; text-transform:uppercase; display:inline; width:300px; letter-spacing:0.1em;
}
.h3 {font-size:16px; color:#000; text-transform:uppercase; display:inline; width:300px; letter-spacing:0.1em;
}
h4 {font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:1em;
}
.h4 {font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:1em;
}
h5 {font-size:18px; color:#fff; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:1em; font-weight:normal;
}
h6 {font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0.1em; margin:0 -20px 5px 0; padding:0 5px; text-align:left; background:#e41c38; font-weight:normal;
}

.millapede {text-transform:uppercase; letter-spacing:0.1em;
}
.black {color:#000;
}
.title {color:#e41c38; text-transform:uppercase; font-size:10px; text-align:left; padding-left:5px; letter-spacing:0.1em;
}


/*forms*/
form {width:230px;
}
fieldset {border:none; padding:0;
}
fieldset li {float:left; clear:left; width:100%;
}
label {float:left; width:230px; margin-left:0; padding:1px 0 2px 0; color:#000; font-size:10px; letter-spacing:0.05em; text-transform:uppercase; text-align:left; border:none;/* border-bottom:dashed 1px #000;*/
}
input {float:left; width:230px; background:transparent; margin-left:0; padding:0; color:#fff; border:none; border-bottom:dashed 1px #000;
}
input:hover {border-bottom:dashed 1px #fff;
}
fieldset.submit {float:right; text-align:right;
}
fieldset.submit input {width:60px; background:#000; color:#e41c38; border:solid 1px #000; font-size:10px; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase;
}
fieldset.submit input:hover {border:solid 1px #fff; color:#fff;
}
textarea {width:100%; background:transparent; color:#fff; border:dashed 1px #000;
}
.text {
}
.warning {color:#fff; font-size:10px; letter-spacing:0.05em; text-transform:uppercase;
}