@charset "utf-8";
/* CSS Document */

html, body{background-color:#FFF;}
@font-face{font-family:"DISCO"; src: url('assets/fonts/DISCO___.ttf');}
div{font-family:Arial, Helvetica, sans-serif;}

div#container{width: 910px; background-color:#FFF; margin: 0 auto; margin-top: 1em; margin-bottom: 2em; padding: 0; padding-top:0.2em; min-height:100%;}
div#content{background-color:#000; padding: 0 2em; padding-top:2em; padding-bottom:1em; margin:0; margin-top:1.2em; min-height:29em; max-height:50em;}
div#content p{color:#999;}
div#col1, div#col2, div#col3 {display:table-cell; font-size:0.8em; max-height:10em;}
div#col1 {float: left; text-align:left; padding:0; padding-right: 1.2em; width:47%}
ul#transition {position:relative; bottom:3.5em; right:2.5em;}
ul#transition img {position:absolute; top:0; left:0; z-index:8;}
ul#transition img.active {z-index:10;}
ul#transition img.last-active {z-index:9;}
div#col2 {padding-left:2em; padding-top:1em; width:47%; float:right;}
div#col2 strong{color:#C00;}
div#col2 img{position:absolute; top:12em;}
div#col2 .contact{float:right; border-left:1px solid white;}

span.title{background:#222; color:#FFF; padding:0.5em; padding-bottom:0; font-weight:800; font-variant:small-caps;}
p#messages{margin-left:9em; margin-top:32.5em;}
p a{text-decoration:none; color:#C00;}
p a:hover{text-decoration:underline;}
h1, h3{color:#C00;}
div#footer {font-family:"DISCO", Arial, Helvetica, sans-serif; text-align:center; font-size: 0.74em; margin-top: 2em; font-weight:500;}
ul#nav{padding: 0; font-variant:small-caps; font-weight:700; text-align:right;}
ul#nav img{position:relative; right:17em; top:0.5em;}
ul#nav li{display: inline;}
ul#nav li a{text-decoration:none; color:#F00; padding:0 2em; font-size:0.86em; letter-spacing:normal;}
ul#nav .icon {padding-top: 3em; background: url(assets/images/icon.gif); background-repeat:no-repeat; background-position:top; color:#B00;}
ul#nav li a:hover{color:#B00;}


ul#certified{color:#FFF;}

a{outline:none;}
img {border-style:none;}


input[type="submit"]{display:block;}
form{padding-top:2.5em;}
fieldset {width:500px; border:none;}
form label, legend{color:white;}
legend{color:red; font-size:10px; margin-bottom:2em; position:relative; right:0.2em; width:330px; font-weight:600;}
form div{display:table-row;}
form div label,form div input{display:block;}
form div input{margin-bottom:0.5em;}
form input[type="text"],form textarea{border:2px solid black; padding:0.2em; padding-top:0.3em; padding-bottom:0.3em;}
input.error{background:red;}
input:focus,textarea:focus{background:#ddd;}

div#col4, div#col5{display:table-cell; max-height:10em;}
div#col4 {float:left; text-align:left; padding:0; width:51%;}
div#col5 { width:0%; position:absolute; bottom:0em; left:27em;}


.category {background-color:#999; position:relative; font-family:arial; font-variant:small-caps; overflow:hidden; width:200px; height:450px; }
.category .heading {bottom:100px; height:450em; width:200px; text-align:center;}
.category .heading h2 {background-image:url(assets/images/portfolio/transparent.png); color:#FFF; font-weight:bold; display:block ; padding-top:6em; padding-bottom:6em; font-weight:600;}
.category .heading, .category .caption {position:absolute;}
.category .caption {background:#000; bottom:-150px; left:0px; height:150px; width:200px;}
.category .caption ul li{color:#999; display:block; margin:0; padding:0; position:relative; right:2em;}
ul.cata li a:hover{color:#B00;}
ul.cata li a{text-decoration:none; color:#F00; font-size:1em; font-weight:400; letter-spacing:normal;}