/* Navigation Elements */




.navigation {  

padding:0 0 0 20px;  

margin:0;  

list-style:none;  

height:80px;  

background:#1841c8 url(images/navigation/navigation/nav_background.gif);  

} 





.navigation li {  

float:left;  

}  

.navigation li a {  

display:block;  

float:left;  

height:80px;  

line-height:80px;  

color:#FFFFFF;  

text-decoration:none;  

font-family:arial, verdana, sans-serif;  

text-align:center;  

padding:0 0 0 10px;  

font-size:11px;  

}  

.navigation li a b {  

     float:left;  

     display:block;  

     padding:0 16px 0 8px;  

} 







.navigation li.current a {  

     color:#FFFFFF;  

     background:url(images/navigation/navigation/nav_hover.gif);  

} 



.navigation li a:hover {  

     color:#00CCFF;  

     background: url(images/navigation/navigation/nav_hover.gif);  

}  

.navigation li a em {  

     display:block;  

     float:left;  

     width:30px;  

     height:40px;  

} 







/* ICON ELEMENTS */ 




    

.navigation li a em.home {  

     background-image: url(images/navigation/icon_images/home.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

}  

.navigation li a em.portfolio {  

     background-image: url(images/navigation/icon_images/portfolio.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

 }  

.navigation li a em.demo_reel {  

     background-image: url(images/navigation/icon_images/demo.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

}  

.navigation li a em.resume {  

     background-image: url(images/navigation/icon_images/resume.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

}  

.navigation li a em.contact {  

     background-image: url(images/navigation/icon_images/contact.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

}  

.navigation li a em.about {  

     background-image: url(images/navigation/icon_images/about.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

} 

.navigation li a em.tutorials {  

     background-image: url(images/navigation/icon_images/tutorial.png);  

     background-repeat: no-repeat;  

     background-position: center center;  

} 



/* Text Wrap */

img.floatLeft { 
    float: left; 
    margin: 14px; 
}
img.floatRight { 
    float: right; 
    margin: 14px; 
}