*{margin:0px;padding:0px;}

body{
background: #1E1818 url('./images/bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}
#sbg{
padding-left:100px;
padding-top:80px;
position:absolute;
display:block;
background: url('./images/sharebg.png');
background-repeat: no-repeat;
width:90px;
height:214px;
left:0px;
top: 0px;
background-attachment: fixed;

}
#logo{
position:absolute;
display:block;
background: url('./images/logo.png');
background-repeat: no-repeat;
width:192px;
height:67px;
left:200px;
top: 50px;
}
#wrap{display:block;width:900px;position: relative;padding-top:10px;}
#topc{
display:block;
background: url('./images/upround.png');
background-repeat: no-repeat;
width:900px;
height:13px;
}

#bc{
display:block;
background: url('./images/downround.png');
background-repeat: no-repeat;
width:900px;
height:13px;
}

.hr{
display:block;
background: url('./images/hr.png');
background-repeat: repeat-x;
width:860px;
height:17px;
}










#content{
display:block;
background: url('./images/transbg.png');
background-repeat:repeat;
width:900px;
height:auto;

}
#menu{
display:block;
height:36px;
padding-top:140px;
padding-left:0px;
}

#menu a{

padding-top:6px;
font-size: 18px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
text-align: center;
font-weight: bold;
text-transform: capitalize;
display:block;
height:36px;
width:120px;
background: url('./images/button.png');
background-repeat: no-repeat;
text-decoration:none;
}


#menu a:hover{
padding-top:6px;
font-size: 18px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
text-align: center;
font-weight: bold;
text-transform: capitalize;
display:block;
height:36px;
width:120px;
background: url('./images/buttonh.png');
background-repeat: no-repeat;
text-decoration:none;
}


#menu a#current{
padding-top:6px;
font-size: 18px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
text-align: center;
font-weight: bold;
text-transform: capitalize;
display:block;
height:36px;
width:120px;
background: url('./images/buttonh.png');
background-repeat: no-repeat;
text-decoration:none;
}



#header{
position:relative;
left:0px;
top:10px;
z-index:1;
display:block;
height:301px;
width:880px;
background: url('./images/header.png');
background-repeat: no-repeat;
}

#mywork{
text-align:left;
position:relative;
left:0px;
top:0px;
z-index:1;
display:block;
padding:20px; 
}
#mywork p{
margin-top: 0.1em;
margin-bottom:-1em;
line-height:14px;
font-size: 12px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
padding-left:8px;
padding-right:8px;
padding-top:36px;
margin-bottom:-25px;
font-weight: bold;
}
#mywork p a{
margin-top: 0.1em;
line-height:14px;
font-size: 12px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
padding-left:8px;
padding-right:8px;
padding-top:36px;
font-weight: bold;
}
span{

margin-bottom:0px;
font-size: 12px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
font-style:italic;
font-weight: bold;
text-align:right;

}
h1{
font-size: 15px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
text-transform: capitalize;
padding:10px;
}
h2{
line-height:5px;
font-size: 13px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
text-transform: capitalize;
padding:10px;
}
#footer a{
padding-top:6px;
font-size: 10px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color:#2F2F2F;
 
font-weight: bold;
text-transform: capitalize;
display:block;
text-decoration:none;
}

#footer {
width:880px;
padding-top:6px;
font-size: 10px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #2F2F2F;
text-align:left;
font-weight: bold;
text-transform: capitalize;
display:block;
text-decoration:none;
}


#footer a:hover{
padding-top:6px;
font-size: 10px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ACCC20;
 
font-weight: bold;
text-transform: capitalize;
display:block;
text-decoration:none;
}

#boxpics{
cursor-style: hand;
display:block;
padding-top:310px;
}



#work {
text-align:left;
display:block;
height:170px;
width:280px;
padding:5px;
background-color:#1E1818;
}








#work a{
text-align:left;
display:block;
height:160px;
width:270px;
padding:5px;
background-color:#1E1818;
}


#work a:hover{
text-align:left;
 
height:160px;
width:275px;
padding:5px;
background: url('./images/bbx.png');
background-repeat: repeat-x;
}


#tweets{
padding:20px;
text-align:left;
height:auto;
width:880px;
padding:0px;
}


#mywork form{

padding:10px;
display:block;
width:450px;
height:525px;
background: url('./images/cbg.png');
background-repeat: no-repeat;
margin-top: 0.1em;
font-size: 12px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #ffffff;
padding-left:8px;
padding-right:8px;
padding-top:5px;

font-weight: bold;
}