/*
==============================================
* Filename: styles.css
* Version: 1.0.0 (2009-16-03) YYYY-MM-DD
* Website: http://www.LDM.com
* Author: Dimith de Alwis / Umut Ahmet
* Description: Main site styles.

============================================== 
== STRUCTURE: ================================
* Page width: 900 px
* Number of columns: 2

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

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

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

* blue - #58a2d4
* red - #df0323
* green - #94bc0f
* pink - #d12b84
* orange - #ee9201
* purple - #7e64a4
* cyan - #007281
* dark purple - #252558
* dark green - #00492b

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

html { 
    margin: 0; 
    padding: 0;
    }
    body {
        /*font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family; */
		color: #212121;
        font: normal 12px/1.7 Verdana, Helvetica, Arial, Tahoma, Sans-serif;
        margin: 0; 
        padding: 0; 
        text-align: center; 
        background: #f7f7f7; 
        }
        h1, h2, h3, h4 {
            margin: 0 0 10px 0; 
            padding: 0; 
            color: #212121;
        }
        h1 { font-size: 24px; visibility: hidden;}
		h2 { font-size: 18px; text-align: left; }
		h3 { font-size: 14px; } 
		h4 { font-size: 12px; font-weight: bold; }
		
		a {
			color: #58a2d4;
			text-decoration: none;
			}
			a:hover {
				border-bottom: 1px solid;
			}
            a.img {
                border: 0;
            }            
		input, select, textarea {
			font: normal 11px/1.5 "Lucida Grande", Verdana, Helvetica, Tahoma, Sans-serif;  
			padding: 1px;
			margin: 5px 1px;  
		}
		p {
		    margin-top: 0; 
		    margin-bottom: .8em;
		}
		img {
			border: 0;
		}
		hr { 
		    border: 0; border-bottom: 1px solid #dadada;
		}
                     
/*
============================================
== _globals: ===============================
*/

.graphi { color: #df0323; }
.produc { color: #94bc0f; }
.retail { color: #d12b84; }
.fashio { color: #ee9201; }
.digita { color: #7e64a4; }
.strate { color: #007281; }
.busine { color: #252558; }
.resear { color: #00492b; }
.blue_large { color: #58a2d4; font-size: 24px; margin: 10px; }
.blue_med { color: #58a2d4; font-size: 18px; margin: 10px; }
.blue { color: #58a2d4; /* margin: 10px; */ }

.inner { 
    padding: 10px;
}
.clr_fix { 
    display: block; 
    clear: both;
}
.wrap 
{
    margin-top: 0;
    margin-bottom: 10px;
}

/*
==========================================
== _frame: ===============================
*/ 
#frame_bg {
    margin: 2% auto;
    width: 1034px;
    position: relative;
    overflow: hidden;
    background: url(../images/frame_bg_1.gif) white top left no-repeat;       
    }
    #frame {
        margin: 0 auto;
        text-align: left;
        width: 1024px;
        position: relative;
        overflow: hidden;
        border: 1px solid #e5e5e5;
        background: url(../images/frame_bg_2.gif) white top left repeat-y; 
        }
        #frame_btm {
            background: url(../images/frame_bg_3.gif) white top left no-repeat;
            height: 10px;  
        }
  
/*
==========================================
== _nav: =================================
*/     	

#alpha {
    width: 236px;
    float: left;
    position: relative;
    background: url(../images/alpha_bg.png) top right repeat-x;
    z-index: 10;
    min-height: 770px;    
	}
    #logo 
    {        
        height: 76px;
        width: 236px;
        background: url(../images/LDM_logo.gif) no-repeat;        
    }

    #logo a
    {
        position: absolute;
        top: 0px;        
        height: 76px; width: 236px;
        border: 0; text-decoration: none;
    }
    #nav {
        width: 185px;
        margin-left: 2px;
        }
        #alpha ul {
            padding: 0; 
            margin: 0; 
            }
            #alpha li {
                list-style: none;
                font-size: 10px;
                display: block;
                }
                #alpha ul li a:hover {
                    text-decoration: none;
                    border-bottom: 0;
            }
            #alpha ul li.view { /* only for non-discipline based navs */
                    height: 16px;
                    background: url(../images/nav_on.png) bottom left no-repeat;
                    color: white; 
                        text-decoration: none;
                        padding-left: 15px;
                    }

                    #alpha ul li.resear { background-position: 0px -96px; }
                    #alpha ul li.busine { background-position: 0px -112px; }
                    #alpha ul li.design { background-position: 0px -128px;}

        #alpha ul.menu li a {
            display: block;
            }
            #alpha ul.menu li a:hover {
                border-width: 0; 
            }
        #alpha ul.menu li ul.open {
            margin-left: 0px;
            }
            #alpha ul.menu li ul.open li {
                padding-left: 8px;
            }
            #alpha ul.menu li ul li a:hover {
                background: none;
            }
            #alpha ul.menu li ul li.view {
                height: 16px;
                background: url(../images/nav_on.png) bottom left no-repeat ;
                }
                #alpha ul.menu li ul li.graphi { background-position: 0px 0px; }  
                #alpha ul.menu li ul li.produc { background-position: 0px -16px; }    
                #alpha ul.menu li ul li.retail { background-position: 0px -32px; }    
                #alpha ul.menu li ul li.fashio { background-position: 0px -48px; }    
                #alpha ul.menu li ul li.digita { background-position: 0px -64px; }    
                #alpha ul.menu li ul li.strate { background-position: 0px -80px; }
                #alpha ul.menu li ul li.resear { background-position: 0px -96px; }
                #alpha ul.menu li ul li.busine { background-position: 0px -112px; }
                #alpha ul.menu li ul li.design { background-position: 0px -128px; } 
                
                #alpha ul.menu li ul li.view a {
                    color: white; 
                    text-decoration: none;
                    vertical-align: text-top ;
                }
            
                
        #alpha .sub_frame {
            position: absolute;
            opacity: 0; 
            margin-top: -18px;
            left: 190px; 
            width: 200px !important;
            }
            #alpha ul.submenu li {
                float: none !important;
                width: 200px !important;
                background: transparent;
                }
                #alpha ul.submenu li a {
                    width: 200px !important;
                    background: transparent;
                    }
            #alpha .sub_frame .sub_frame_top { background: url(../images/sub_frame_bg.png) top left no-repeat; padding: 10px 0 0 15px; }
            #alpha .sub_frame .sub_frame_end { background: url(../images/sub_frame_bg.png) bottom left no-repeat; margin-bottom: 10px;}

        .cat_frame {
            width: 185px;
            margin: 5px 0 5px -5px;
            }
            .cat_inner {
                padding: 2px 0 0 5px; /* 10px 0 0 5px */
            }
            .cat_top { height: auto; }
            .cat_end { height: 20px; }
            
            /*
            .cat_top { height: auto; background: url(../images/cat_top.png) top left no-repeat; }
            .cat_end { height: 20px; background: url(../images/cat_end.png) top left no-repeat; }
            
            .cat_produc { background-position: -185px 0px; }
            .cat_retail { background-position: -370px 0px; }
            .cat_fashio { background-position: -555px 0px; }
            .cat_digita { background-position: -740px 0px; } 
            .cat_strate { background-position: -925px 0px; }
            .cat_resear { background-position: -1110px 0px; }  
            .cat_busine { background-position: -1295px 0px; } 
            
            */
        .graphi a { color: #df0323; }
        .produc a { color: #94bc0f; }
        .retail a { color: #d12b84; }
        .fashio a { color: #ee9201; }
        .digita a { color: #7e64a4; }
        .strate a { color: #007281; }
        .busine a { color: #252558; }
        .resear a { color: #00492b; }
        
/*
==========================================
== _content: =============================
*/

#beta {
	width: 820px;
    left: 205px;
    position: absolute;
    z-index: 1;
    background-color: #fff ;

	}
    #home_content {
        margin-top: 75px;
        }
        #home_detail {
            width: 555px;
            float: left;
            text-align: left;
            }
            #home_detail_inner {
                margin: 0 50px;
            }
        #home_image {
            float: right;
            width: 245px;
            font-size: 10px;
            color: #999999;
            line-height: 12px;
            margin-right: 20px;
        }
    .map_bg {
        background: #fff url(../images/map_bg.png) bottom right no-repeat;
        height: 596px;
        z-index: 0; 
    }
    #nav_filter {
        position: absolute;
        top: 10px;
        right: 10px;
        /* margin: 10px 10px 75px 468px; */
        z-index: 3;
        cursor: move;
        }
        #nav_filter_left {
            height: 95px;
            padding: 5px 0 0 8px;
            float: left;
            background: url(../images/nav_2_left.png) top left no-repeat;    
        }         
        #nav_filter_right {
            width: 8px;
            height: 95px;
            float: left;
            background: url(../images/nav_2_right.png) top right no-repeat;    
        } 
        #nav_filter p {
            font-size: 10px;
            line-height: 13px;
            margin: 0;
            padding: 0 0 5px 0;
            }
            #nav_filter p#crumb {
                color: #58a2d4;
            }
        #nav_filter h3 {
            margin-bottom: 0;
        }                                                    
        #refine_dots {
            margin-top: 10px;
            }
            #refine_dots a {
                text-decoration: none; 
                border: none;
                margin-right: 10px;               
            }
            
/*
==========================================                                                                                                                               
== _footer: ==============================
*/

#footer {
    position: absolute;
    width: 810px; 
    bottom: 0;
    right: 10px;
    text-align: right;
    color: #58a2d4;
    z-index: 2;
    }
    #logos {
        float: right;
    }
    #footer ul {
        margin: 25px 0 0;
        padding: 0 0 5px 10px;
        float: left;
        }
        #footer li {
            vertical-align: bottom;
            font-size: 10px;
            display: inline;
            list-style: none;
        }
    #footer a:hover { text-decoration: none; border: 0}
/*
==========================================                                                                                                                               
== _sIFR: ================================
*/
   
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
    }
    .sIFR-replaced {
        visibility: visible !important;
    }
    .sIFR-flash + div[adblocktab=true] { /* Hide Adblock Object tab */ 
      display: none !important;
    }
    .sIFR-hasFlash h2 {
        visibility: hidden;
    }
    .sIFR-hasFlash h3 {
        visibility: hidden;
        font-size: 10px;
    }

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
} 
/*
==========================================
== _Tooltip: =============================
*/

/* tooltip design */
.ToolTips { display: block; position: absolute; width: 260px; z-index: 100000000; }
.ToolTips .message { display: block; position: relative; background: url(../images/tip_body.png) repeat-y; padding: 0px 15px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display: block; position: relative; background: url(../images/dockBottomHeader.png) no-repeat bottom; height: 15px;  }
.ToolTips .dockTopFooter { background: url(../images/dockTopFooter.png) no-repeat bottom; height: 15px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display: block; position: relative; background: url(../images/dockBottomFooter.png); height: 14px; line-height: 11px; font-size: 0px; clear: both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background: url(../images/dockTopHeader.png) bottom center no-repeat; height: 15px; line-height: 20px; font-size: 0px; }

/* tip container */
.tipContainer { display: none; }

/* beautify the tooltip content */
.ToolTips .message { font-size: 10px; text-align: left ; }
.ToolTips .message h3 { font-size: 16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message p { margin: 0; padding: 0; }