/* Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 12px;font-weight:normal;vertical-align: baseline;background: transparent;}
body {background-color:#0B0B0B ;font-family:'EstrangeloEdessaRegular',Helvetica,Arial,Sans-serif;background-attachment:scroll;color:#fff;}
ol, ul {list-style: none;}
a {cursor:pointer;}

/*Font*/
@font-face {
	font-family: 'EstrangeloEdessaRegular';
	src: url('../fonts/estre-webfont.eot');
	src: local('Estrangelo Edessa Regular'), url('../fonts/estre-webfont.woff') format('woff'), url('../fonts/estre-webfont.ttf') format('truetype'), url('../fonts/estre-webfont.svg#webfont7dRAFT1k') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* General CSS */
.clear {clear:both;float:none;height:0px;line-height:0px;font-size:0px;}
.left {float:left}
.right{float:right}

.blue {color:#669999;}
.no-margin {margin:0 !important;}

.width-630 {width:630px;margin-bottom:25px;} 
.width-300 {width:300px;}

.width-300 h4 {text-align:right;font-size:22px;margin: -8px 0 0 0;letter-spacing:0.24em}
.width-300 h5 {text-align:right;font-size:38px;line-height:29px;margin-bottom:17px;}
h6, h6 a {font-size:18px;text-align:right;line-height:28px;}

a {color:#669999;text-decoration:none;}
a:hover {color:#669999;text-decoration:underline;}
.right-50 {margin-right:50px;}


/* Header */
.header {position:absolute;top:0;left:0;width:100%;padding:12px 0;background-color:#000;overflow:visible;z-index:999}
.header a {font-size:14px;color:#999;font-weight:bold;text-decoration:none;}
.header a:hover {color:#669999;text-decoration:none;}
#home .header a.home-link, #portfolio .header a.portfolio-link, #resume .header a.resume-link, #services .header a.services-link {color:#669999;text-decoration:none;}

.header a.middle {margin: 0 33px auto;}
.header a.middle-left {margin: 0 0 auto 33px;}

.header-cont {width:960px;margin:0 auto;}

.header-cont .contact-form {position:absolute;padding:10px 15px 10px 15px;background-color:#000;width:200px;display:none;z-index:9;top:40px; -moz-box-shadow: black 3px 3px 4px;
-webkit-box-shadow: black 3px 3px 4px;box-shadow: black 3px 3px 4px;}
.header-cont .contact-form .field {display:block;width:100%;margin:0 0 10px 0;font-family:Helvetica,Arial,Sans-serif;font-size:11px;color:#555;}
.contact-form p {margin:8px 0;font-size:12px;line-height:20px;}

/* Cont */
.cont {width:960px;margin: 105px auto 0 auto;}

.blue-bar {padding: 12px 15px 12px 15px;color:#fff;font-size:17px;background-color:#669999;margin:8px 0 0 0;}

.grey-box {background-color:#141414;padding:12px 15px 12px 15px;}
#home .grey-box{display:none;}
.grey-box p, .grey-box ul, .grey-box p {margin-bottom:12px;font-size:14px;line-height:18px;}
.grey-box a {font-size:14px}
.grey-box ul li {margin-bottom:10px;}

.width-300 .grey-box, .width-300 .blue-bar {text-align:right;}
.width-300 .blue-bar  {background-color:#2D2D2D;}
.width-300 .grey-box ul li {margin-bottom:5px;}

#home .show {display:block;}
.split .left {width:270px;}
.split .right {width:300px;}

/* Index */
#home .blue-bar {cursor:pointer;}
#home h6 {margin-top:274px;}

#home .grey-box {height:215px;overflow:hidden;}

/* Resume */
.experience ul {margin: 0 0 20px 20px;}

.resume-cont {width:630px;margin: 10px 0 0 0}

.exp-rail {width:195px;float:left;}
.exp-rail a {display:block;background-color:#93B7B7;border-right:6px solid #0b0b0b;width:195px;height:75px;margin: 0 0 6px 0;}
.exp-rail a.on, .exp-rail a:hover {background-color:#669999;border-right:6px solid #669999;}

.exp-cont {border: 3px solid #669999;padding:10px;float:right;width:403px;min-height:373px;background-color:#141414;}
.exp-cont div {display:none;}
.exp-cont div.show {display:block;}
#resume h6, #services h6 {margin:38px 0 13px 0;}
.exp-cont h4, .exp-cont h4 a {font-size:16px;font-weight:bold;margin-bottom:3px;color:#fff;}
.exp-cont h5 {font-size:14px;margin-bottom:10px;}
.exp-cont ul {list-style-type: disc; list-style-position: outside;margin-left:15px; }
.exp-cont ul li {margin-bottom:10px;font-size:14px;}
.exp-cont ul li a {font-size:14px;}

/* Portfolio */
.portfolio{overflow:hidden;}
.portfolio-container {width:680px;}
div.work {width:300px;float:left;margin: 29px 29px 0 0;height:295px;overflow:hidden;height:295px;}/*height:295px*/
div.work a:hover div {text-decoration:none !important;}
div.work a {font-weight:bold;}
div.work a img {margin-bottom:10px;}
div.work p {margin-top:10px;}

#portfolio h6 {margin:30px 0 13px 0;}

.grey-box a#on {color:#fff;cursor:default;}
.grey-box a#on:hover {text-decoration:none;}