/**********************************************************************************************

	Title: Foliodesign
	Author: Hege Røkenes    hege@rokenes.com   www.hege.rokenes.com
	Date: November 2008

***********************************************************************************************
***********************************************************************************************/


/* General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html{}
	
	body  {
	    background-image: url(Bg.jpg);
	    background-repeat: no-repeat;
	    background-position: top center;
	    background-attachment: fixed;
	    background-color: Black;
	    color: White!important;
	    font-size: 1em;
	    font-family: Calibri, Tahoma, Sans-Serif; 
	    }

	hr {display: none;}
		
	strong {font-weight: bold;}
		
	em {font-style: italic;}
	
	address {font-style: normal;}

	input, textarea, select {}

	a {}

	a:visited {}

	a:hover, a:focus {}

	a:active {}
	
	p {font-size: 1em;}
	    
	dd {}


/* LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.carouselContainer {
    clear: both;
    padding-top: 20px;
    width: 1010px;
    margin: 0 auto;
    position: relative;
    }
  
    .project {
        border: 7px solid #474747;
        width: 775px;
        height: 486px;
        background-color: Black;
        padding: 7px;
        }    
        

/* Content
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.description {
    width: 35%;
    float: left;
    }
    
    img.clientLogo{margin-bottom: 10px;}

.images {
    width: 65%;
    float: right;
    text-align: right;
    }
    
    .images img {}


#visitPageTab {
    position: absolute;
    left: 69px;
    top: 35px;
    height: 119px;
    width: 31px;
    background-image: url(visitPageTab.jpg);
    background-repeat: no-repeat; 
    background-position: top left;
    z-index: 4;
    }
    
    div#visitPageTab:hover {
        background-image: url(visitPageTabHover.jpg);    
        }

#liveDemoTab, #pdfDemoTab {
    position: absolute;
    left: 69px;
    bottom: 35px;
    height: 119px;
    width: 31px;
    background-repeat: no-repeat; 
    background-position: bottom right;
    z-index: 4;
    }
    
        #liveDemoTab {background-image: url(liveDemoTab.jpg);}
        #liveDemoTab:hover {background-image: url(liveDemoTabHover.jpg);}
	    #pdfDemoTab {background-image: url(pdfDemoTab.jpg);}
	    #pdfDemoTab:hove {background-image: url(pdfDemoTabHover.jpg);} 


/* 	Navigation
-----------------------------------------------------------------------------------------------*/
        ul#mainNavigation {
            padding: 0;
            width: 810px;
            margin-left: auto;
            margin-right: auto;
            z-index: 10;
            font-family: Tahoma;
            }
            
            ul#mainNavigation li {
                float: left;
                width: 148px;
                height: 45px;
                text-transform: lowercase;
                text-align: center;
                background-image: url(menu2.png);
                font-weight: normal;
                margin-right: 7px;
                }
                
                ul#mainNavigation li a {
                    color: white;
                    text-decoration: none;
                    font-size: 0.7em;
                    }
                    
                    ul#mainNavigation li:hover {background-image: url(menuHover.png);}
                
                ul#mainNavigation li a span {
                    display: block;
                    text-transform: uppercase;
                    padding-top: 9px;
                    }
                    
                    span.title {
                        font-weight: bolder;
                        font-size: 1.3em!important;
                        }
		
/*  Accesibilty links (hidden)
-----------------------------------------------------------------------------------------------*/  
	    


/* Typography
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* Global
-----------------------------------------------------------------------------------------------*/	
	h1, h2, h3, h4, h5, h6, p {color: White!important;}
	
	h1 {
	    text-transform: uppercase;
	    margin-bottom: 20px;
	    margin-top: 5px;
	    font-size: 2em;
	    width: 100%;
	    }
	    
	h2 {
	    font-weight: bold!important;
	    }
	    
	h3 {}
	    
	h4 {}
	
    p {
        margin-bottom: 10px;
        text-align: left;
        } 

    dt {}
        
    dd {}
    
             


/*  Frontpage 
-----------------------------------------------------------------------------------------------*/       
        
        
/*  Footer 
-----------------------------------------------------------------------------------------------*/        


/*  index-web
-----------------------------------------------------------------------------------------------*/            
        ul.index {
            list-style-type: none;
            width: 770px;
            padding: 0;
            margin: 5px 2px 0 2px;
            }
            
            ul.index li {
                float: left;
                margin: 0;
                padding: 0;
                }
                
                
                ul.index li a:hover  {}
                ul.index li a {border: none; overflow: hidden; float: left;}
                ul.index li a img {border: 1px solid black; overflow: hidden; float: left; margin-top: 3px;}
                ul.index li a:hover img {border: 1px solid White;}
                ul.index li a:hover img.nomargin {margin-left: 0px!important;}
                ul.index li a img.nomargin {overflow: visible!important;}
                
                
        .next {z-index: 3;}

        .prev {
            z-index: 3;
            }     
            
            
       #goBack {
           width: 800px;
           margin-top: 10px;
           margin-left: auto;
           margin-right: auto;
           }          
           
           #goBack a {color: white; text-decoration: none;}
           #goBack a:hover {color: #ff6600;}
           
           #goBack span {float: right; color:#6e6e6e;}