body {
	margin:0;
    background-color:#dcdac3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#36393d;  
}
img {
    border:0px;
}
/* Layout */
html, body {
    height:100%;
}
#wrap {
     width:100%;
     min-width:1000px;
     height:100%;
}

#header {
    height:118px;
    width:100%;
    border-bottom:1px solid #020202;
    background:url(../images/header_bg.jpg) repeat-x top left;
    min-width:1000px;
    position:absolute;
    top:0;
    left:0;
}


/* HEADER */

#header #logo {
    background:url(../images/logo.jpg) no-repeat top left;
    width:100%;
    height:89px;
    margin-bottom:-118px;
    
}
#header #logo .till {
    background:url(../images/logo_till.gif) repeat-x top left;
    background-position:1px;    
    padding-top:118px;
    margin:0 12px 0 457px;
    height:22px;
    

}
/* Header menu */
#header #menu_container {
    padding:12px 11px 0px 0px;
    position:absolute;
    top:0px;
    left:100%;
    margin-left:-544px;
    text-align:right;
    
}
#header #menu_container #bookmark {
        height:21px;
        text-align:right;
}
#header #menu_container #bookmark input {
        background:url(../images/add_to_bookmark.jpg) no-repeat;
        width:86px;
        height:9px;
        border:0px;
        cursor:pointer;
        float:right;
	font-size:0px;
}
#header #menu_container #bookmark input:hover {
    background:url(../images/add_to_bookmark.jpg) no-repeat;
    width:86px;
    height:9px;
    margin:0px;
    cursor:pointer;
    font-size:0px;
}
    
#header #menu_container .menu {
    background:url(../images/menu_bg.jpg) no-repeat left top;
    width:532px;
    height:75px;
    margin-left:1px;
    
}
#header #menu_container .menu .button {
    width:88px;
    height:75px;
    float:left;
}
#header #menu_container .menu .button input {
    width:88px;
    height:75px;
    border:0px;
    cursor:pointer;
    font-size:0px;
}

#header #menu_container .menu .button .about_me {
    background:url(../images/but_about_me.jpg) no-repeat top center;
}
#header #menu_container .menu .button .about_me:hover, #header #menu_container .menu .hover .about_me  {
    background:url(../images/but_about_me_over.jpg) no-repeat top center;
}
  
#header #menu_container .menu .button .my_resume {
    background:url(../images/but_my_resume.jpg) no-repeat top center;
}
#header #menu_container .menu .button .my_resume:hover, #header #menu_container .menu .hover .my_resume  {
    background:url(../images/but_my_resume_over.jpg) no-repeat top center;
}
  
#header #menu_container .menu .button .my_blog {
    background:url(../images/but_my_blog.jpg) no-repeat top center;
}    
#header #menu_container .menu .button .my_blog:hover, #header #menu_container .menu .hover .my_blog  {
    background:url(../images/but_my_blog_over.jpg) no-repeat top center;
} 
  
#header #menu_container .menu .button .my_portfolio {
    background:url(../images/but_my_portfolio.jpg) no-repeat top center;
}
#header #menu_container .menu .button .my_portfolio:hover, #header #menu_container .menu .hover .my_portfolio  {
    background:url(../images/but_my_portfolio_over.jpg) no-repeat top center;
}

#header #menu_container .menu .button .my_links {
    background:url(../images/but_my_links.jpg) no-repeat top center;
}
#header #menu_container .menu .button .my_links:hover, #header #menu_container .menu .hover .my_links  {
    background:url(../images/but_my_links_over.jpg) no-repeat top center;
}

#header #menu_container .menu .button .contact_me {
    background:url(../images/but_contact_me.jpg) no-repeat top center;
}
#header #menu_container .menu .button .contact_me:hover, #header #menu_container .menu .hover .contact_me {
    background:url(../images/but_contact_me_over.jpg) no-repeat top center;
}

/* CONTENT */
#content {
    background:url(../images/arrow_right.gif) top right no-repeat;
    width:100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -34px;
}
#content a {
    color:#20233E;
    text-decoration:underline;
}
#content a:hover {
    text-decoration:none;
}

#content_block {
    padding-top: 132px;
   
    
}
#content_padding {
    padding: 10px 22px 0 30px;
    text-align:justify;
    padding-bottom: 34px;
}
#content h2 {
    font-weight:bold;
    font-size:11px;
}
#content h2.title {
   
    margin:0px;
    padding:0px;
    border:0px;
    background:url(../images/h2_c.gif) repeat-x;
    height:24px;
    width:100%;
}
#content h2 b {
    background:url(../images/h2_l.gif) no-repeat left;
    display:block;
    height:24px;
}
#content h2 span, #content h2 a {
    display:block;
    background:url(../images/h2_r.gif) no-repeat right;
    height:24px;
    padding:2px 0 0 10px;
    background-position:right 0;
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;
    text-align:center;
}

/* FOOTER */

#footer {
    background:url(../images/bottom_bg.jpg) repeat-x;
    width:100%;
    text-align:center;
    color:#FFF;
    padding:10px 0;
}
#footer a {
   color:#FFF;
   margin:0 10px;

}
#footer a:hover {
    text-decoration:none;
}


/* ABOUT ME */
.my_picture {
    width:183px;
}
.information {
   list-style:url(../images/arr.gif) outside;
   padding-left:20px;
   margin:0px;
   width:60%;
}
.information li {
    height:20px;
    margin-left:20px;
}

.information li b {
    color:#20233E;
    font-weight:bold;
}

.sub {
    list-style:none;
    list-style-image:none;
    float:none;
}
.sub li {
    margin-left:0px;
    height:14px;
}
/* OTHER */

.clear {
    clear:both;
}
.line {
    height:10px;
}

.title {
    background:url(../images/title_bg.jpg) repeat-x;
    font-size:18px;
    color:#20233e;
    font-weight:bold;
    padding: 8px 0px 0px 10px;
    text-transform:uppercase;
    display:block;
    border:0px;
    margin:0px;
}    

.left {
    float:left;
}

.pic {
    margin-right:10px;
}

.w50 {
    width:50%;
}

.site_contacts {
    position:absolute;
    right:20px;
    top:182px;
    
}


/*clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */