html, body{
   height:          100%;
   margin:          0;
   bottom:          0;
   padding:         30px;
   color:           #1B3E93;
}

body{
    font-family:    'Arial';
    font-size:      12px;
    background-color:#FFF;    
}

h1{
    font-family:'Georgia';    
    font-weight:normal;
    padding:0;
    margin:0;
}

h2{
    color:          #A29061;
    font-weight:    normal;
    font-size:      17px;
}

h3{
    font-weight:normal;
    font-size: 15px;
}

ul{
    list-style-type: none;
    padding:0;
    margin:0;

}

a, a:link, a:hover, a:visited{
    text-decoration: none;
    color: #A29061;
    cursor:pointer;
}

a:hover{
    text-decoration: underline;
}

a:active{
    color:#000;
}

/* ---menu---*/

.menu_wrapper {
    padding:        0;
    margin:         0;
    position:       absolute;
    left:           819px;
    width:          233px;
    margin-top:     163px;
}

#menu{
    height:             39px;
}


#menu li{
    width:              200px;
    cursor:             pointer;
    color:              #A29061;
    font-weight:        bold;
    font-size:          13px;
    padding-bottom:     12px;
}

#menu li ul.sub{
    margin-left:        20px;
    display:            none;
    padding-top:        5px;
}

#menu li ul.sub li{
    padding-top:        6px;
    padding-bottom:     6px;
    font-weight:        normal!important;
    border-bottom:      1px dotted #A29061;
}

#menu li ul.sub li:first-child{
    border-top:         1px dotted #A29061;
}

#menu li.active .menu_box{
    background-color:   #A29061;
}

#menu li.active .sub li .menu_box{
    background-color:   #FFF!important;
}

#menu li.active .sub li:hover .menu_box{
	background-color:   #A29061;
}

#menu li.hover .menu_box{
	background-color:   #A29061;
}

#menu li.hover .sub .menu_box{
	background-color:	#FFF;
}

#menu li.hover .sub li.active .menu_box{
	background-color:   #A29061;
}

.menu_box{
    display:        inline-block;
    zoom:           1;
    *display:       inline;
    width:          10px;
    height:         10px;
    border:         1px solid #A29061;
    margin-right:   7px;
}

.menu_box.hover{
    background-color:   #A29061!important;
}

table.cv_table td{
	vertical-align:top;
	padding-bottom:5px;
}

/* ---popup---*/
#confirmation_popup{
    display:none;
}

/* ---page--- */

#page_wrapper{
    background-color:#FFF;
    margin:auto;
    width:1024px;
    position:relative;
    min-height:100%;
}

#header{
    background-color:#FFF;
    color:#F00;
    margin:0;
    height:90px;
    position:relative;
}

#logo{
    width:          220px;
    height:         49px;
    position:       absolute;
    top:            26px;
    left:           26px;
    background: url('../img/logo.png') no-repeat;
}

.container{
    padding-bottom:         5px;
}

/* ---frontpage--- */

#frontpage .break{
    height:         11px;
    float:          left;
    width:          500px;
}

#frontpage #about{
    height:         484px;
}

#arrow{
    position:       absolute;
    margin-left:   30px;
    top:    225px;
}

#nav_bottom{
    color:          #A29061;
    position:       absolute;
    top:            492px;
}

#nav_bottom a{
    margin-left:2px;
}

.box_gold, .box_white, .box_photo{    
    width:          261px;    
    height:         154px;
    float:          left;
    margin-left:    10px;
}

.box_photo{
    padding:        0px;
    overflow:       hidden;
}

.box_photo img{
    
}

.box_gold{
    background-color: #A29061;
    
    
}

.box_gold img,
.box_white img{
    margin-left:        12px;
    margin-top:         12px;
}

.box_white{
    border:             1px solid #A29061;
    width:              259px;
    height:             152px;
}

/* ---content--- */

#ball{
    width:          19px;
    height:         19px;
    position:       absolute;
    margin-top:     -50px;
    left:           200px;
    background: url('../img/ball.png') no-repeat;
}

#social{
    display:        none;
    padding:        0;
    margin:         0;
    position:       absolute;
    left:           834px;
    width:          83px;
    height:         25px;
    background: url('../img/social.png') no-repeat;
}

#about{
    width:          267px;  
    height:         485px;
    float:          left;
    position:       relative;
    /*padding:        26px;*/
    background-color:   #1B3E93;
    color:          #FFF;
}

#about a:link, #about a:visited, #about a:hover, #about a:active{
    color: #FFF;
    text-decoration: none;
}

#about a:hover{
    text-decoration: underline;
}

#info{
    position:   absolute;
    left:       26px;
    bottom:     26px;
}

#content{   
    float:          left;
    margin-left:    10px;   
}

#photo{
     width:          261px;    
    height:         154px;
    float:          left;
    background-color: #CCC;
    overflow:       hidden;
}

#title{
    width:          261px;    
    height:         154px;
    float:          left;
    margin-left:    10px;
    background-color: #A29061;
    font-family:    'Questrial', sans-serif;
    font-size:      24px;
    font-weight:    bold;
    color:          #FFF!important;
}

#title img{
    margin-left:   12px;
    margin-top:    12px;
}

#text{
    width:          498px;
    margin-top:     164px;
    border:         1px solid #A29061;
    padding:        12px 16px 10px 16px;
    min-height:     297px;
}

.text h3{
	font-size:		12px;
	color:			#A29061;
	padding:		0px;
	margin:			0px;
}

u{
	text-decoration:none!important;
	color:			#A29061;
}

.text.title{
    font-size:          17px;
    font-weight:        normal;
    color:              #A29061;
    padding-bottom:     12px;
}

.list{
    padding-bottom:10px;
}

.tag{
    padding:5px;
    display:block;
    float:left;
}

/*--- modules ---*/


div.slideshow{
     width:          261px;    
    height:         154px;
    position:   relative;
}

div.slideshow img{
    position:   absolute;
    top:        0;
    left:       0;
}

/* ---misc--- */
.wait{
    cursor:		progress!important;
}

#lang{
	position:		absolute;
	left:			818px;
	top:		-2px;
	color:			#A29061;
	text-transform: uppercase;
}