/* yanone-kaffeesatz-200 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/yanone-kaffeesatz-v9-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz ExtraLight'), local('YanoneKaffeesatz-ExtraLight'),
       url('../fonts/yanone-kaffeesatz-v9-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v9-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v9-latin-200.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yanone-kaffeesatz-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'),
       url('../fonts/yanone-kaffeesatz-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v9-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-700 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/yanone-kaffeesatz-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'),
       url('../fonts/yanone-kaffeesatz-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v9-latin-700.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'),
       url('../fonts/yanone-kaffeesatz-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v9-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

    /**************************************************************************/
    /*  Base styles                                                           */
    /**************************************************************************/

    *
	{
        outline:none;
        line-height:150%;
    }

    body
    {
        margin:0px;
        padding:0px;
        padding-bottom:20px;
        background:url('../image/background.gif') 0px 0px repeat;		
    }

    body,input,textarea,a
    {
        color:#FFFFFF;
        font-size:14px;
        font-family:Calibri,Arial;
    }

    textarea
    {
        resize:none;
        overflow:hidden;
    }

    a,textarea,input 
    { 
        outline:none; 
    }

    .clear-fix
    {
       clear:both;
    }

    .overflow-fix
    {
        height:100%;
        overflow:hidden;
    }

    .float-left     { float:left;   }
    .float-right    { float:right;  }

    .box-center
    {
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .top-0
    {
        margin-top:0px !important;
        padding-top:0px !important;
    }

    .padding-0
    {
        padding:0px !important;
    }
    
    .margin-0           { margin:0px !important;            }
    .margin-top-10      { margin-top:10px !important;       }
    .margin-bottom-10   { margin-bottom:10px !important;    }
    .margin-bottom-20   { margin-bottom:20px !important;    }
    .margin-bottom-30   { margin-bottom:30px !important;    }

    .text-right
    {
        text-align:right;
    }
    
    .position-relative
    {
        position:relative !important;
    }

    p
    {
        margin:0px;
        padding:10px 0px 10px 0px;
    }

    a img
    {
        border:none;
    }

    a
    {	
        text-decoration:none !important;
    }

    a:hover
    {
        text-decoration:underline;
    }

    a.image-link
    {
        width:100%;
        height:100%;
        display:block;
        text-decoration:none;
    }

    /**************************************************************************/
    /*	Layouts                                                               */
    /**************************************************************************/

        /**********************************************************************/
        /*	Layout 50x50                                                      */
        /**********************************************************************/
    
        .layout-50 {}

        .layout-50-left 
        { 
            clear:both;
            float:left; 
        }

        .layout-50-right 
        { 
            float:right; 
        }

        .layout-50-left,
        .layout-50-right 
        { 
            width:48%; 
        }
        
        /**********************************************************************/
        /*	Layout 60x40                                                      */
        /**********************************************************************/

        .layout-6040 {}

        .layout-6040-left 
        {
            width:58%; 
            clear:both;
            float:left; 
        }

        .layout-6040-right 
        { 
            width:38%;
            float:right; 
        }
        
        /**********************************************************************/
        /*	Layout 40x60                                                      */
        /**********************************************************************/
    
        .layout-4060 {}

        .layout-4060-left 
        {
            width:39%; 
            clear:both;
            float:left; 
        }

        .layout-4060-right 
        { 
            width:59%;
            float:right; 
        }
        
        /**********************************************************************/
        /*	Layout 70x30                                                      */
        /**********************************************************************/

        .layout-7030 {}

        .layout-7030-left 
        {
            width:69%; 
            clear:both;
            float:left; 
        }

        .layout-7030-right 
        { 
            width:29%;
            float:right; 
        }
        
        /**********************************************************************/
        /*	Layout 90x10                                                      */
        /**********************************************************************/

        .layout-9010 {}

        .layout-9010-left 
        {
            width:89%; 
            clear:both;
            float:left; 
        }

        .layout-9010-right 
        { 
            width:9%;
            float:right; 
        }
        
        /**********************************************************************/
        /*	Layout 33x33x33                                                   */
        /**********************************************************************/

        .layout-33 {}

        .layout-33-left,
        .layout-33-right,
        .layout-33-center 
        {
            width:32%; 
        }
        
        .layout-33-left,
        .layout-33-center
        {
            float:left;
            margin-right:1.5%;
        }
        
        .layout-33-left
        {
            clear:both;
        }

        .layout-33-right
        {
            float:right;
        }

    /**************************************************************************/
    /*	Headers                                                               */
    /**************************************************************************/

    h1,h2,h3,h4,h5,h6
    {
        margin:0px;
        padding:0px;
        line-height:1;
        font-family:'Yanone Kaffeesatz';
    }
    
    h1 { font-size:32px; }
    h2 { font-size:28px; }
    h3 { font-size:24px; }
    h4 { font-size:20px; }
    h5 { font-size:16px; }
    h6 { font-size:22px; }

    /**************************************************************************/
    /*	List                                                                  */
    /**************************************************************************/

    ul.no-list
    {
        margin:0px;
        padding:0px;
        list-style-type:none;		
    }
    
    /**************************************************************************/
    /*	Fancybox                                                              */
    /**************************************************************************/

    a.fancybox-overlay
    {
        display:block;
		position:relative;
        border-bottom:none !important;
    }

        a.fancybox-overlay img,
        a.fancybox-overlay span
        {
            display:block;
        }

        a.fancybox-overlay span
        {
            top:6px;
            left:6px;
            opacity:0;
            width:240px;
            height:160px;
            cursor:pointer;
            position:absolute;
            background-repeat:no-repeat;
            background-position:center center;
            background-image:url('../image/thumb_overlay.png'); 
            #display:none;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            #filter:alpha(opacity=0);
        }
                
        a.fancybox-overlay span,
        a.fancybox-overlay:hover span
        {
            transition:all 0.3s ease-in-out;
            -o-transition:all 0.3s ease-in-out;
            -ms-transition:all 0.3s ease-in-out;
            -moz-transition:all 0.3s ease-in-out;
            -webkit-transition:all 0.3s ease-in-out;                 
        }
                
        a.fancybox-overlay:hover span
        {
            opacity:1;
            #display:block;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            #filter:alpha(opacity=100);
        }
    
    /**************************************************************************/	
    /*	Scrollbars                                                            */
    /**************************************************************************/

    .jspVerticalBar
    {
        width:10px;
    }

    .jspDrag
    {
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    }

    .jspTrack
    {
        
    }

    .jspHover
    {
        
    }

    /**************************************************************************/
    /*  Qtip                                                                  */
    /**************************************************************************/

    .ui-tooltip-error .ui-tooltip-content,
    .ui-tooltip-success .ui-tooltip-content,
    .ui-tooltip-prestige .ui-tooltip-content
    {
        color:#FFFFFF;
        font-size:14px;
    }
    
    .ui-tooltip-error .ui-tooltip-content,
    .ui-tooltip-success .ui-tooltip-content,
    .ui-tooltip-prestige .ui-tooltip-content
    {
       border:none; 
    }

    .ui-tooltip-content
    {
        padding:10px 20px 10px 20px;
    }

    .ui-tooltip-error .ui-tooltip-content
    {
        background:#E9431C;
    }

    .ui-tooltip-success .ui-tooltip-content
    {
        background:#61911B;
    }
    
    .ui-tooltip-prestige .ui-tooltip-content
    {
        padding-top:5px;
        padding-bottom:5px;
        background:#000001;
    }

    /**************************************************************************/
    /*  Form                                                                  */
    /**************************************************************************/

    form,
    input,
    textarea
    {
        margin:0px;
        padding:0px;
    }
    
    form div.form
    {
        width:300px;
    }

    a.button,
    textarea,
    input[type="text"]
    {
        color:#555555;
        background:#FFFFFF;
        border:solid 1px #FFFFFF;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;        
    }
    
    textarea,
    input[type="text"]
    {
        width:284px;
        border:none;
        padding:8px;
    }

    textarea
    {
        height:60px;
    }

    .form-line
    {
        clear:both;
        width:100%;
        height:100%;
        overflow:hidden;
        margin-bottom:10px;
    }

    a.button
    {
        float:right;
        color:#000000;
        font-weight:bold;
        border:none !important;
        padding:8px 20px 8px 20px;
    }

        a.button:hover
        {
            color:#FFFFFF;
            background:none;
            text-decoration:none;   
            padding:6px 18px 6px 18px;
            border:solid 2px #FFFFFF !important;
        }
        
    /**************************************************************************/
    /*  Main                                                                  */
    /**************************************************************************/

    div.main
    {
        width:970px;
    }
    
    /**************************************************************************/
    /*  Header                                                                */
    /**************************************************************************/
    
    div.header
    {
        height:90px;
        padding-top:40px;
    }
    
        div.header h1
        {
            font-size:42px;
        }
    
        /**********************************************************************/
        /*  Header / Latest tweets                                            */
        /**********************************************************************/
    
        #latest-tweets
        {
            width:450px;
            float:right;
        }

            #latest-tweets ul
            {
                margin:0px;
                padding:0px;
                list-style-type:none;				
            }

                #latest-tweets ul li
                {
                    display:table-row;
                }
                
                    #latest-tweets ul li p,
                    #latest-tweets ul li p a
                    {
                        color:#999999;
                        font-size:18px;
                        font-family:'Yanone Kaffeesatz';
                    }               

                    #latest-tweets ul li p
                    {
                        margin:0px;
                        padding:0px;
						height:70px;
                        line-height:120%;
                        padding-left:60px;
                        display:table-cell;
                        vertical-align:middle;
                        background-repeat:no-repeat;   
                        background-position:left center;
                        background-image:url('../image/icon_tweet.png'); 
                    }

                        #latest-tweets ul li p a
                        {
                            color:#FFFFFF;
                            font-family:'Yanone Kaffeesatz';
                        }

                        #latest-tweets ul li p a:hover
                        {
                            text-decoration:underline !important;
                        }
                        
        /**********************************************************************/
        /*  Header / Captions                                                  */
        /**********************************************************************/                        
    
        div.header h1
        {
            color:#FFFFFF;
            font-size:42px;
        }

        div.header h4
        {
            color:#999999;
            font-size:18px;
            margin-top:5px;
            font-weight:400;
        }        
    
    /**************************************************************************/
    /*  Content                                                               */
    /**************************************************************************/
   
    div.content
    {
        height:530px;
    }
    
        /**********************************************************************/
        /*  Content / Prestige                                                */
        /**********************************************************************/

        #prestige
        {
            width:970px;
            position:relative;
        }

        #prestige-window
        {
            top:0px;
            left:0px;
            width:250px;
            height:529px;
            position:absolute;
            border-top:solid 1px;
            background:url('../image/footer_shadow.png') bottom center no-repeat;	
        }

        #prestige-window-background
        {
            padding:20px 10px 20px 10px;
        }
        
        #prestige-window-scroll
        {
            height:459px;  
            overflow:hidden;
        }
        
        #prestige-window-content
        {
            width:670px;
            margin:0px 10px 0px 260px;
        }
        
        /**********************************************************************/
        /*  Content / Prestige / Border top color for each page               */
        /**********************************************************************/
        
        #prestige-window.prestige-window-page-1 { border-color:#E1B240; }
        #prestige-window.prestige-window-page-2 { border-color:#DA8038; }
        #prestige-window.prestige-window-page-3 { border-color:#C96745; }
        #prestige-window.prestige-window-page-4 { border-color:#915963; }
        #prestige-window.prestige-window-page-5 { border-color:#8CAA4D; }
		#prestige-window.prestige-window-page-6 { border-color:#8CAA4D; }
        
        /**********************************************************************/
        /*  Content / Prestige / Background color for each page               */
        /**********************************************************************/        
        
        .prestige-window-page-1 #prestige-window-background { background-color:#D79800; }
        .prestige-window-page-2 #prestige-window-background { background-color:#D46A15; }
        .prestige-window-page-3 #prestige-window-background { background-color:#BF4C24; }
        .prestige-window-page-4 #prestige-window-background { background-color:#7E3C48; }
        .prestige-window-page-5 #prestige-window-background { background-color:#789B2E; }
		.prestige-window-page-6 #prestige-window-background { background-color:#789B2E; }
        
        /**********************************************************************/
        /*  Content / Prestige / Scroll color for each page                   */
        /**********************************************************************/ 

        .prestige-window-page-1 .jspDrag     { background-color:#AC7A00; }
        .prestige-window-page-1 .jspTrack    { background-color:#D79800; }
        .prestige-window-page-1 .jspHover    { background-color:#8A6200; }
        
        .prestige-window-page-2 .jspDrag     { background-color:#AA5511; }
        .prestige-window-page-2 .jspTrack    { background-color:#D46A15; }
        .prestige-window-page-2 .jspHover    { background-color:#88440E; }
        
        .prestige-window-page-3 .jspDrag     { background-color:#993D1D; }
        .prestige-window-page-3 .jspTrack    { background-color:#BF4C24; }
        .prestige-window-page-3 .jspHover    { background-color:#7A3117; }
        
        .prestige-window-page-4 .jspDrag     { background-color:#65303A; }
        .prestige-window-page-4 .jspTrack    { background-color:#7E3C48; }
        .prestige-window-page-4 .jspHover    { background-color:#51262E; }
        
        .prestige-window-page-5 .jspDrag     { background-color:#607C25; }
        .prestige-window-page-5 .jspTrack    { background-color:#789B2E; }
        .prestige-window-page-5 .jspHover    { background-color:#4D631E; }
		
		 .prestige-window-page-6 .jspDrag     { background-color:#607C25; }
        .prestige-window-page-6 .jspTrack    { background-color:#789B2E; }
        .prestige-window-page-6 .jspHover    { background-color:#4D631E; }
    
        /**********************************************************************/
        /*  Prestige / Navigation                                             */
        /**********************************************************************/
    
        #prestige-navigation-prev,
        #prestige-navigation-next
        {
            top:224px;
            width:27px;
            height:51px;
            display:block;
            position:absolute;
            background-repeat:no-repeat;
            background-position:0px 0px;
        }

        #prestige-navigation-prev
        {
            left:-50px;
            background-image:url('../image/icon_prev_page.png');
        }

        #prestige-navigation-next
        {
            right:-50px;
            background-image:url('../image/icon_next_page.png');
        }

        #prestige-navigation-prev:hover,
        #prestige-navigation-next:hover
        {
            background-position:0px -51px;
        }
        
        /**********************************************************************/
        /*  Prestige / Menu                                                   */
        /**********************************************************************/
    
        #prestige-menu
        {
            z-index:3;
            float:left;
            margin:0px;
            padding:0px;
            width:250px;
            position:relative;
            list-style-type:none;
        }

            #prestige-menu li
            {
				padding:0px;
                height:100px;
                position:relative;
                background-repeat:no-repeat;
                background-position:0px 0px;
                #margin-top:-4px;
            } 
            
            #prestige-menu li:first-child
            {
                #margin-top:0px;
            }
			
                #prestige-menu li a
                {
                    height:80px;
                    display:block;
					padding:20px 0px 0px 20px;
                }
            
                #prestige-menu li a,
                #prestige-menu li:hover a
                {
                    transition:all 0.3s ease-in-out;
                    -o-transition:all 0.3s ease-in-out;
                    -ms-transition:all 0.3s ease-in-out;
                    -moz-transition:all 0.3s ease-in-out;
                    -webkit-transition:all 0.5s ease-in-out;    
                }

                #prestige-menu li:hover a
                {
                    padding-left:30px;
                }
				
					#prestige-menu li a span
					{
						display:block;
						font-family:'Yanone Kaffeesatz';
					}

					#prestige-menu li a span.title
					{
						color:#222222;
						font-size:24px;
						font-weight:500;
					}

					#prestige-menu li a span.subtitle
					{
						color:#999999;
						font-size:16px;
						font-weight:400;
						margin-top:-8px;
					}

            #prestige-menu li.selected
            {
                background-position:0px -100px;
            }
            
                #prestige-menu li.selected:hover a
                {
                    padding-left:20px;
                }

                #prestige-menu li.selected a span
                {
                    color:#FFFFFF;
                }

            #prestige-menu-element-page-1    { background-image:url('../image/tab_profile.png');     }
            #prestige-menu-element-page-2    { background-image:url('../image/tab_resume.png');      }
            #prestige-menu-element-page-3    { background-image:url('../image/tab_folio.png');       }
            #prestige-menu-element-page-4    { background-image:url('../image/tab_references.png');  }
            #prestige-menu-element-page-5    { background-image:url('../image/tab_contact.png');     }
        
    /**************************************************************************/
    /*  Footer                                                                */
    /**************************************************************************/
    
    div.footer
    {
        min-height:30px;
    }
    
        /**********************************************************************/
        /*  Footer / Menu                                                     */
        /**********************************************************************/
    
        div.footer ul.footer-menu
        {
                
        }
        
            div.footer ul.footer-menu li
            {
                float:left;
                margin-left:15px;
                background-repeat:no-repeat;
                background-position:center left;
                background-image:url('../image/footer_arrow.png');
            }
			
			 div.footer ul.footer-menu li.footerInfo
            {
                float:left;
                margin-left:15px;
				background-image:none;
               
            }
            
            div.footer ul.footer-menu li,
            div.footer ul.footer-menu li a
            {
                color:#999999;
                font-size:12px;
            }
            
            div.footer ul.footer-menu li:first-child
            {
                margin-left:0px;
                font-weight:bold;
                margin-right:20px;
                background-image:none;
            }
            
                div.footer ul.footer-menu li a
                {
                    padding-left:10px;
                }
                
                div.footer ul.footer-menu li a:hover
                {
                    text-decoration:underline !important;
                }