/*BODY------------------------------*/
body {
background-color: #ebebeb;
overflow-x: hidden;
}



/*LINKS------------------------------*/
a img {
border: none;
}

a {
color: white;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

a:hover {
color: #f8d74e;
text-decoration: none;
}



/*WRAP------------------------------*/
#wrap {
background-color: #000000;
width: auto;
height: auto;
position: relative;
padding: 35px;
min-height:100%;
z-index: 1;
}



/*LINE BREAK------------------------------*/
div.hr {
height: 0; 
border-style: dotted; 
border-width: 1px 0 0 0; 
border-color: #4F4F4F;
z-index: 1;
position: relative;
width: 275px;
top: 0%;
left: 50%;
margin-left: -118px;
margin-bottom: -40px;
overflow: hidden;
}

div.hr2 {
height: 0; 
border-style: dotted; 
border-width: 1px 0 0 0; 
border-color: #f8d74e;
z-index: 1;
position: relative;
width: 35px;
top: 0%;
left: 50%;
margin-left: 4px;
margin-bottom: 135px;
overflow-x: hidden;
padding-bottom: -30px;
}

div.hr3 {
height: 0; 
border-style: dotted; 
border-width: 1px 0 0 0; 
border-color: #4F4F4F;
position: relative;
width: 22px;
overflow: hidden;
right: -62px;
}



/*NAME------------------------------*/
#name {
position: fixed;
width: auto;
left: 50%;
margin-top: 50px;
top: 0%;
z-index: 99;
}

#name img {
width: 43px;
height: 41px;
}

#name a{
color: #f8d74e;
}

#name a:hover {
color: #ffffff;
text-decoration: none;
}

#name h2 {
font: 11px/27px 'Vollkorn', serif;
letter-spacing: 0.325em;
color: #d7d7d7;
text-align: center;
position: relative; 
width: 150px;
z-index: 99;
left: -53px;
}

#name h2 a{
font: 11px/27px 'Inconsolata' ;
letter-spacing: 0.125em;
color: #4F4F4F;
text-transform: uppercase;
}



/*WORK------------------------------*/
#work { 
margin-top: 100px;
width: 100%;
overflow-x: hidden;
margin-bottom: 35px;
}

#work h1{
font: 15px 'Vollkorn', serif;
font-weight: 400;
font-style: italic;
color: #d7d7d7;
text-align: center;
letter-spacing: 0.25em;
line-height: 10px; 
margin-top: 150px;
margin-left: 41px;
}

#work p{
font: 11px 'Inconsolata' ;
font-weight: 400;
font-style: normal;
letter-spacing: 5px;
color: #4F4F4F;
text-align: center;
letter-spacing: 0.125em;
text-transform: uppercase;
line-height: 10px; 
margin-top: 50px;
margin-bottom: -35px;
margin-left: 41px;
}

#work iframe{
text-align: center;
margin-top: 50px;
margin-bottom: 57px;
width: 100%;
max-width: 1080px;
overflow-x: hidden;
margin-left: -41px;
}

#work img{
letter-spacing: 5px;
color: #4F4F4F;
text-align: center;
letter-spacing: 0.325em;
text-transform: uppercase;
line-height: 10px; 
margin-top: 50px;
margin-bottom: 65px;
width: 100%;
overflow-x: hidden;
margin-left: -41px;
}

#work a:hover img{
opacity:0.9;
filter:alpha(opacity=90);
}

#work a{
font: 12px 'Vollkorn', serif;
font-weight: 400;
font-style: italic;
color: #b2b2b2;
letter-spacing: 0.125em;
text-transform: none;
}



/*CONTACT------------------------------*/
#contact {
margin-top: -140px;
margin-left: 44px;
}

#contact a{
font: 11px/15px 'Inconsolata' ;
letter-spacing: 0.125em;
color: #4F4F4F;
text-transform: uppercase;
text-align: center;
right: 159px;
margin-bottom: 125px;
}

#contact a:hover {
font: 11px/15px 'Inconsolata' ;
letter-spacing: 0.125em;
text-transform: uppercase;
text-align: center;
right: 159px;
margin-bottom: 125px;
color: #d7d7d7;
}

#contact p{
font: 11px/15px 'Inconsolata' ;
letter-spacing: 0.125em;
text-transform: uppercase;
text-align: center;
right: 159px;
margin-bottom: 125px;
margin-top: -105px;
color: #4F4F4F;
}



/*FOOTER------------------------------*/

.top {
font: 10px 'Inconsolata' ;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.125em;
margin-top: -105px;
margin-bottom: 80px;
color: #4F4F4F;
margin-left: 43px;
}

.top a {
font: 10px 'Inconsolata' ;
text-transform: uppercase;
text-align: center;
color: #4F4F4F;
}

.top a:hover {
font: 10px 'Inconsolata' ;
text-transform: uppercase;
text-align: center;
color: #d7d7d7;
}

#footer p{
font: 9px 'Vollkorn', serif;
text-transform: uppercase;
text-align: center;
right: 170px;
letter-spacing: 2px;
margin-bottom: 0px;
color: #4F4F4F;
margin-left: 10px;
}