@charset "UTF-8";
/* CSS Document */
*{ padding:0px; margin:0px; }
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
body { margin:0; padding:0; font:Georgia, "Times New Roman", Times, serif; font-size:19px; background:#E4E4E4; color: #6FBCE5 }
@font-face {font-family:Chalet-Paris1960; src:url(../fonts/Chalet-Paris1960.otf); font-weight:400;}
@font-face {font-family:HelveticaLight; src:url(../fonts/HelveticaLight.ttf); font-weight:400;}
h1 {font-size:55px; color:#6FBCE5; font-weight:normal; margin:40px 10px 2px 0; line-height:21px; text-align: center;}
h3 {font-size:47px; color:#fff; line-height:47px; margin:0; padding:0; font-weight:normal; }
h4 {font-size:47px; color:#6FBCE5; line-height:47px; padding:0; font-weight:normal; float: left;}
#toplayer {margin:0; padding:34px 0 0 0; z-index:1001; position:fixed; width:100%; bottom:-420px; background:url(../imgs/navgradient.png) left top repeat-x; }
#mainbg {margin:0 auto; padding:0; background: #000; }

#everything { position: relative; margin: 0 auto; }

/* resume */
#resumebg {margin:0 auto; padding:20px 0; background:#000; position:relative; z-index:1010;}
#resume {margin:0 auto; padding:0; width:960px; height:380px; }
#resume ul {width: 220px; padding-right: 20px; float: left; }
#resbutton {color:#fff; height:23px; background:#6FBCE5; border-radius: 5px; text-decoration: none; margin:3px 10px 15px 0; padding: 5px 10px 2px; float: right;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */ }
#resbutton:hover {background:#fff; color:#000;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
#topres {height: 100px;; width: 100%; }
#contact {margin:40px 0 0 10px;}
#contact li { list-style-image:url(../imgs/bullet.png)}
#contact a { color:#939393; text-decoration:none;}
#contact a:hover { color:#000;}
ul {margin:0;  }
.ressmall {list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#999; line-height:22px; background:url("../imgs/bullet3.png") no-repeat scroll 0 0 transparent; padding:0 0 0 8px; }
.ressmall a {text-decoration:none; color:#fff;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
.ressmall a:hover {color:#6FBCE5;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
.resbig {list-style:none; margin-top: 15px; }
.resblack {text-decoration:none; color:#fff; list-style:none; font-size: 15px; margin-top: 3px; }

li.resbig a {text-decoration:none; font-family:Chalet-Paris1960, Arial, Helvetica, sans-serif; color: #6FBCE5;  margin:0 0 3px 0; }
li.resbig {font-size:21px; color: #6FBCE5; font-family:Chalet-Paris1960, Arial, Helvetica, sans-serif; }
li.resbig a:hover {color:#6FBCE5; }
#close {height:16px; width:16px; background:url(../imgs/close.png) center center no-repeat; display:block; float: right; padding: 5px; 
    transition: background .5s;
       -moz-transition: background .5s; /* Firefox 4 */
       -webkit-transition: background .5s; /* Safari and Chrome */
       -o-transition: background .5s; /* Opera */}
#close:hover {background:url(../imgs/close.png) center center no-repeat #6FBCE5;
    transition: background .5s;
       -moz-transition: background .5s; /* Firefox 4 */
       -webkit-transition: background .5s; /* Safari and Chrome */
       -o-transition: background .5s; /* Opera */}

/* white part with logo and main nav */
#home {width:52px; height:38px; margin:8px 10px 0 0; padding:0; display:block; float: left; background: #5F5F5B; 
    transition: background .5s;
       -moz-transition: background .5s; /* Firefox 4 */
       -webkit-transition: background .5s; /* Safari and Chrome */
       -o-transition: background .5s; /* Opera */}
#home:hover {background: #6FBCE5;
    transition: background .5s;
       -moz-transition: background .5s; /* Firefox 4 */
       -webkit-transition: background .5s; /* Safari and Chrome */
       -o-transition: background .5s; /* Opera */}
#main {width:960px; height: 55px; margin:0 auto; padding:0; position: relative; background:#000; z-index:1050;}
#rightnav {float:right; margin:0; padding:0;}
#rightnav ul {margin:0; padding:0;}
#rightnav a { text-decoration:none; color:#888;}
#rightnav li { list-style:none; float:left; padding:12px 10px 13px; margin:2px 0 0 0; color:#888; cursor:pointer;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
#rightnav li:hover { color: #fff; border-bottom: 6px solid #6FBCE5;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */ }
#rightnav #resumenav { margin:3px 0 0 0; line-height:20px; height:20px; 
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
#rightnav #resumenav a:hover {color: #fff;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
#leftnav {float:left; margin:0; width 330px;}
#leftnav ul {margin:0; padding:0; float:left; clear:both; }
#leftnav li { list-style:none; float:left; padding:10px 3px 0 0; margin:0; text-decoration:none;}
#dir { list-style:none; background:url(../imgs/bullet2.png) no-repeat; padding:0 0 0 10px; color:#000; text-transform:uppercase; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; float:left; font-size: 15px; margin:13px 0 0 15px; }
.copybox {overflow:hidden; height: 345px; margin: 0 auto 20px auto; width: 850px;}
#tasks{list-style:none;color:#8DF4FF; font-family:Chalet-Paris1960, Arial, Helvetica, sans-serif; font-size:13px; margin:10px 0 3px 0;}
#job {margin:0 auto 10px auto; padding:0; height: 43px; background:url(../imgs/dots.gif) repeat-x top left; display:inline-block; }
#leftnav img { border:none;}
.dd {display:block; padding:20px 0 0 0; background:#000; width:100%; position:absolute; z-index:1002; margin:-116px 0 0 0; height:96px; }
.dd ul {margin: 0 auto; width: 944px; padding: 0;}
.dd li {list-style:none; float:left; padding: 0 2px; height:64px; width:114px; overflow:hidden; }
.dd img {width:114px; height:64px; padding:0; }
.dd a {text-decoration:none; display:block; margin-top: 0; width:114px; height: 128px;
    transition: margin .5s;
    -moz-transition: margin .5s; /* Firefox 4 */
    -webkit-transition: margin .5s; /* Safari and Chrome */
    -o-transition: margin .5s; /* Opera */}
.dd a:hover {margin-top:-64px;
    transition: margin .5s;
    -moz-transition: margin .5s; /* Firefox 4 */
    -webkit-transition: margin .5s; /* Safari and Chrome */
    -o-transition: margin .5s; /* Opera */}
.dd p {font-size:16px; margin:0px; padding: 26px 0 0 0; text-align:center; color:#fff; }
#dd-copyright {height: 20px; margin-top:-40px;  }
#dd-copyright p {padding: 0; width:980px; text-align:right; }
#nextproject {float:left; color:#fff; text-decoration:none; margin:15px 0 0 0; display:block; padding-left: 25px;
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
#nextproject:hover {color:#6FBCE5; 
    transition: color .5s;
    -moz-transition: color .5s; /* Firefox 4 */
    -webkit-transition: color .5s; /* Safari and Chrome */
    -o-transition: color .5s; /* Opera */}
#info {text-decoration:none;}
#numbers {height:20px; width:10px; overflow:hidden; float:left; padding:0px 0 0 6px; margin-top: 15px;}
#numbers li {border:none; margin:0; padding:0;}
#numbering {float:left; margin:15px 0 0 0; color: #fff;}
#thenumber li {height:20px; color: #fff; }
#thenumber {width:10px;}
#homebox {background:url("../imgs/homeimage.jpg") no-repeat scroll center center transparent; height:100%; width:100%; position:fixed; top:0;}
#homeboxtext {position: absolute;
    left: 25%;
    top: 35%;
	padding:0;
	color: #fff;
	font-size: 48px;
	width: 500px;
	text-align: center;
	}

/* art */
#bg {overflow:hidden; background:none repeat scroll center center #F2F2F2; margin-bottom:55px; }
#art {margin:0 auto; background:none center center; margin-top: 0px; width: auto; height: 625px; overflow:hidden;}
#projectimage1 {margin-top: 0px;}


/* transparent info box */
.artSlide {border:none; margin-top: 0px;}


/* boxgrid hover boxes */
.boxgrid{ 
		height: 625px; 
		background:#161613; 
		overflow: hidden; 
		position: relative; 
		margin:0 auto;
	}
.boxgrid a{ color:#FFF; text-decoration:none;}
.boxgrid a:hover { color:#F00; text-decoration:none;}
.boxgrid h2{ margin:0 0 10px; color:#FFF; font:28px Chalet-Paris1960, serif; line-height:28px;  }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ color:#fff; font:14px Georgia, serif; line-height:19px; }
.boxcaption{ position: relative; height: 345px; width: 850px; display: block; text-align: center; margin: 0 auto; }
.boxcaption p { line-height: 27px; margin-bottom:12px;} 
.boxcaption a { text-decoration: none; color:#444;}
.boxcaption a:hover {color:#000;}
.captionfull .boxcaption{top: 0; }
	
	
#footer { background:url(../imgs/footer.png) center; height:100px; margin: -35px 0 0 0; position:relative; }