* {
padding:0;
margin:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#494949;
}

a {
color:#51a01c;
text-decoration:none;
}

a:hover {border-bottom:1px #51a01c dashed;}
a img{border:0;}

h1 {
color:#777;
font-size:30px;
padding-bottom:20px;
}

h2 {
color:#70b5f3;
padding-bottom:10px;
}

h2 a {
text-decoration:none;
color:#70b5f3;
}

h2 a:hover {border-color:#70b5f3;}

p {
padding-bottom:10px;
text-align:justify;
}

ul {margin-left:25px;}

li {
background:transparent url("../../../images/design_1/all/design/item.png") 0 3px no-repeat;
list-style-type:none;
padding-left:15px;
}

dl {margin-bottom:10px;}
*+html dl{margin-top:-16px;} /* hack for IE7 */

dd {
margin-left:30px;
font-style:italic;
}

#container {
min-width:950px;
background:white url("../../../images/design_1/all/design/bg_header.png") top center repeat-x;
}

#header ul#function_menu li a, #sub_menu li a, #header ul#main_menu li a {border:0;}

#header{
height:366px;
background:transparent url("../../../images/design_1/en/design/title.png") right no-repeat;
}

#header h1 {display:none;}

#header ul {margin:0;}

#header li {
background-image:none;
padding:0;
}

#header ul#main_menu li{
display:inline;
float:left;
margin-left:10px;
}

#header ul#main_menu li#tab_home a { background-image:url("../../../images/design_1/en/menus/main/tab_home.png"); }
#header ul#main_menu li#tab_cv a { background-image:url("../../../images/design_1/en/menus/main/tab_cv.png"); }
#header ul#main_menu li#tab_portfolio a { background-image:url("../../../images/design_1/en/menus/main/tab_portfolio.png"); }
#header ul#main_menu li#tab_links a { background-image:url("../../../images/design_1/en/menus/main/tab_links.png"); }
#header ul#main_menu li#tab_contact a { background-image:url("../../../images/design_1/en/menus/main/tab_contact.png"); }

#header ul#main_menu li a{
height:89px;
width:134px;
display:block;
outline:none;
text-indent:-6000px;
background-position:0 -45px;
background-repeat:no-repeat;
-webkit-transition: background-position 0.3s, height 0.3s;
}

#header ul#main_menu li a:hover, #header ul#main_menu li a.active{
background-position:0 -3px;
height:131px;
}

#header ul#function_menu {
float:right;
margin-right:10px;
}

#header ul#function_menu li{
display:inline;
float:left;
margin:5px 0 0 10px;
}

#sub_menu {
position:absolute;
top:215px;
left:0;
margin:0;
}

#sub_menu li{
float:left;
background-position:0 0;
}

#sub_menu .kwick {
display:block;
width:99px;
height:60px;
text-indent:-6000px;
outline:none;
}
 
#sub_menu #cv_educ {background-image:url("../../../images/design_1/en/menus/cv/education.png");}
#sub_menu #cv_expe {background-image:url("../../../images/design_1/en/menus/cv/experience.png");}
#sub_menu #cv_lang {background-image:url("../../../images/design_1/en/menus/cv/languages.png");}
#sub_menu #cv_hobb {background-image:url("../../../images/design_1/en/menus/cv/hobbies.png");}
#sub_menu #cv_down {background-image:url("../../../images/design_1/en/menus/cv/download.png");}

#sub_menu #portfolio_droid {background-image:url("../../../images/design_1/en/menus/portfolio/android.png");}
#sub_menu #portfolio_iphon {background-image:url("../../../images/design_1/en/menus/portfolio/iphone.png");}
#sub_menu #portfolio_innet {background-image:url("../../../images/design_1/en/menus/portfolio/internet.png");}

.extra_resources em {font-style:italic;}
.extra_resources ul {padding:5px 0 1px 0;}

#content {
margin:-60px 0 0 0;
padding:0 20px 20px 20px;
}

#content .cv_item a.maxbox, #content .cv_item  a.minbox {
height:12px;
background:transparent url("../../../images/design_1/all/design/max_min_icon.png") top left no-repeat;
width:12px;
margin:2px 10px 0 0;
display:block;
float:left;
border:0;
outline:none;
}

#content .cv_item a.minbox {background-position:-12px 0;}
#content .cv_date {color:orange;}
#content .cv_item{padding-top:20px;}
#content .null_padding_top{padding-top:0;}
#content .cv_item img {margin:10px 0 0 40px;}
#content .extra_resources {margin-top:10px;}
#content .update{
color:#666;
font-style:italic;
padding:30px 0 0 0;
}

#content .portfolio_item a.portfolio_img{
border:1px solid #e0e0e0;
padding:6px;
float:left;
height:100px;
}

#content .portfolio_item a.portfolio_img:hover {border-color:#ff9900;}
#content .portfolio_item a.portfolio_img_hidden{display:none;}
.portfolio_des {margin-left:430px;}

.portfolio_item {
padding:30px 0 0 0;
min-height:120px;
}

/**************
Contact page 
**************/
#content .legend {color:silver;}

#contact_form input, #contact_form textarea {
display:block;
margin:5px 20px 5px 0;
background-color:#f5f5f5;
border:1px solid #aaa;
padding:2px;
}

#contact_form label {cursor:pointer;}
#contact_form .error {
color:red;
font-weight:bold;
}

#contact_form #valid {
margin:0 0 0 40px;
padding:2px;
}

#contact_form #cryptogram_container #cryptogram {margin:10px 0 0 40px;} 
#contact_form #cryptogram_container a img {padding:0 0 8px 10px;}
*+html #contact_form #cryptogram_container{margin-bottom:12px;} /* hack for IE7 */

#contact_form #cryptogram_container a {
line-height:40px;
cursor:pointer;
border:0;
}

#footer{
height:27px;
background:transparent url("../../../images/design_1/all/design/bg_footer.png") top center repeat-x;
text-align:center;
color:#fff;
padding-top:21px;
}

#footer a {color:#aaa;}
#footer a:hover {border-color:#aaa;}