/*
==============================================
* Filename: styles.css
* Version: 3.0 (2010-07-22) YYYY-MM-DD
* Website: http://www.umutahmet.co.uk/
* Author: Umut Ahmet
* Description: Main styles.

============================================== 
== STRUCTURE: ================================
* Page width: 950 px
* Number of columns: 3

==============================================
== INDEX: ====================================
_colours
_defaults
_globals

_frame : Site Frame
_header : Site Header
_content : Site Content
_footer : Site Footer

==============================================
== _colours: =================================

* Black - #222426
* Silver - #DADADA
* Off White - #F9F9F9
* Light Grey - #F5F5F5

============================================== 
== _defaults: ==============================*/


body {
    color: #222426;
    background: url(../assets/ua_body_background.png);  
    }
    a { color: #d4554e; font-weight: bold; outline: none;}
    .container { position: relative; }
    
    #head { height: 47px; background: url(../assets/ua_head_background.png); }
        #logo { width: 400px; float: left; }
            #logo img { border: 0; margin-top: 10px; }
        #cv_download { width: 115px; float: right; margin-top: 18px; }
    #head_colour_band { height: 0; padding-top: 3px; background: url(../assets/ua_head_colour_band.png) left top repeat-x; }
    
    #body { }
        #work_controls { position: absolute; top: 0; left: 0; z-index: 100; }
            .view_control { height: 50px; line-height: 50px; text-align: center; }
            .view_control a { color: #222426; }
                .vc_previous, .vc_next, #work_fade { position: absolute; top: 0; left: 0; width: 950px; }
                    .vc_next { top: 472px; }
                    
            #work_fade { top: 514px; height: 329px; background: url(../assets/ua_work_fade.png) left bottom no-repeat; }
                
        #work { position: absolute; top: 0; left: 0; z-index: 0; height: 843px; overflow: hidden; }
            #work_container { position: relative; clear: both; width: 950px; }
            
                .work_elm { position: relative; clear: both; width: 950px; height: 422px; padding-top: 50px; }
                    .work_elm-detail, .work_elm-thumbnails, work_elm-large_image { float: left; }
                    
                        .work_elm-detail { width: 156px; margin-right: 10px; }
                        
                        .work_elm-thumbnails { width: 208px; margin-right: 10px;}
                            .work_elm-thumbnails a img {  height: 129px; }
                            .work_elm-thumbnails a img.append { margin-bottom: 10px; }
                            
                        .work_elm-lrg_img_container { float: right; width: 566px; }
                            .work_elm-lrg_img_container img { width: 566px; }
    
    noscript { position: absolute; top: 50px; left: 0; width: 100%; text-align: center; z-index: 101; }