@charset "UTF-8";
/* new cleaner lo-fi border generating css div nesting, */
/* for displaying new work in a mountain of ridged borders.*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> RESET CSS <<<-------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:1em;line-height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> GENERAL <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

*{padding: 0; margin: 0;}
body {margin:0px; font-family: Verdana; font-size: 9px; line-height: 14px;}

#mt-container{
  overflow:hidden;
  margin:80px 80px 90px 80px;
  padding-left:150px; /* The width of the rail */
}
* html #mt-container{
  height:1%; /* So IE plays nice */
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> BORDERS <<<---------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.web {background-color:#FFFFCC; border:5px ridge #CCC;}
.print {background-color:#F3E5EE; border:5px ridge #FFCCFF;}
.other {background-color:#E4F3E1; border:5px ridge #CCFFFF;}
.animations {color:#FFF; background-color:#000; border:5px ridge #CCC;}
.text {background-color:#EEE; border:5px ridge #EEE;}
.valley {border: 5px groove #000;}

.web-medium {background-color:#FFFFCC; border:7px ridge #CCC;}
.print-medium {background-color:#F3E5EE; border:7px ridge #FFCCFF;}
.other-medium {background-color:#E4F3E1; border:7px ridge #CCFFFF;}
.animations-medium {color:#FFF; background-color:#000; border:7px ridge #CCC;}
.text-medium {background-color:#EEE; border:1px ridge #EEE;}
.valley-medium {border: 10px groove #000;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> MOUTAINS <<<--------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#mt-reflectplease {float:right; margin:5px; background:#FFFFCC;}
#mt-bordertec {float:right; margin:5px; background:#FFFFCC;}
#mt-designpass  {float:right; margin:5px; background:#E4F3E1}
#mt-lowrider {float:right; margin:5px; background:#F3E5EE;}
#mt-sdi {float:right; margin:5px; background:#FFFFCC;}
#mt-mitth {float:right; margin:5px; background:#FFFFCC;}
#mt-21mc {float:right; margin:5px; background:#FFFFCC;}
#mt-vro {float:right; margin:5px; background:#FFFFCC;}
#mt-sba {float:right; margin:5px; background:#FFFFCC;}
#mt-gd  {float:right; margin:5px; background:#E4F3E1}
#mt-ping {float:right; margin:5px; background:#E4F3E1}
#mt-house {float:right; margin:5px; background:#F3E5EE;}
#mt-west {float:right; margin:5px; background:#F3E5EE;}
#mt-context {float:right; margin:5px; background:#F3E5EE;}
#mt-eternal {float:right; margin:5px; background:#F3E5EE;}
#mt-reciever {float:right; margin:5px; background:#F3E5EE;}
#mt-recorder {float:right; margin:5px; background:#F3E5EE;}

#valley {float:left; margin:25px;}
#statement {position: absolute; top: 25px; left: 25px;}
#v-statement {position: absolute; bottom: 25px; right: 25px; text-align:right;}
#sort {position:fixed; bottom:25px; left:25px;}
#cv {float:right; margin:5px; text-align:left}
#links {float:right; margin:5px; text-align:left}
#hello {float:right; margin:5px; text-align:left}

#mt-locomotive {float:right; margin:5px; text-align:right;}
#mt-pinch {float:right; margin:5px; text-align:right;}
#mt-trees {float:right; margin:5px; text-align:right;}
#mt-32colors {float:right; margin:5px; text-align:right;}
#mt-p {float:right; margin:5px; text-align:right;}
#mt-medals {float:right; margin:5px; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> TYPOGRAPHICA <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

img {border: none;}
h1 {font-size:10px; font-weight:normal; margin:0px; padding:0px;}
p {margin:12px 0 12px 0;}
.title {text-align: center;}

a:link, a:active, a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #000000;}

.animations a:link,.animations a:active,.animations a:visited {text-decoration: none; background-color:#000; color: #FFF;}
.animations a:hover {text-decoration: none; background-color:#000; color: #FFF;}

/* VALLEY(S), gallery viewer component */
/* ----------------------------------- */