/* -----------------------------------------------------------------
[Global Stylesheet]

Project:	    Travaganza
Since:	        2009-10-30
Last Modified:	2009-11-22

[TABLE OF CONTENTS]
1. CSS Reset
2. Basic HTML Elements
3. CSS Tools
    3.1 Clear Fix
    3.2 Image Replacement
    3.3 Class Tools
4. Plugins
    4.1 Fancybox
----------------------------------------------------------------- */



/* -------------------------------------------------------------- */
/* 1. CSS Reset
/*  REF: http://developer.yahoo.com/yui/reset/
/* -------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {   margin:0;  padding:0;  } 
table { border-collapse:collapse; border-spacing:0; 	} 
fieldset,img {  border:0; 	} 
address,caption,cite,code,dfn,em,strong,th,var {   font-style:normal;   font-weight:normal; 	} 
ol,ul { 	    list-style:none; 	} 
caption,th { 	text-align:left; 	} 
h1,h2,h3,h4,h5,h6 {   font-size:100%;   font-weight:normal; 	} 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 



/* -------------------------------------------------------------- */
/* 2. Basic HTML Elements
/* -------------------------------------------------------------- */

body {
    color: #999999; /*#4F4F4F*/
    font-family: helvetica, arial, tahoma, sans-serif;
    /*font-family:"Myriad Pro","Myriad",Lucida Sans Unicode,Lucida Grande,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;*/
    /*font-family:tahoma,arial,sans-serif;*/
    font-size: 14px;
    line-height: 18px;
}

strong { font-weight: bold; }

em { font-style: italic; }

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

small {
    font-size: 12px;
    color: #666;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    margin: 0 0 0 20px;
    padding: 2px 0 2px 0;
}

h1, h2, h3{
    margin: 0;
    padding: 5px 0 5px 0;
}

h2 {
	font-size: 18px ;
}

h3 {
    font-weight: bold;
}

a:link, a:visited{
    color: #85AF62; /* #9f5600 */
    text-decoration: none;
}

a:hover, a:active{
    color: #99D769; /* #9f5600 */
    text-decoration: underline;
}

img { border: none; }
    a img { border: none; }
    p img {
        padding: 0;
        max-width: 100%;
}


    
/* -------------------------------------------------------------- */
/* 3. CSS Tools
/* -------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* 3.1 Clear Fix                                                  */

    .cf:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    .cf {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .cf {display: block;}
    /* End hide from IE-mac */

    
    
    /* -------------------------------------------------------------- */
    /* 3.2 Image Replacement                                          */

    .ir {
        display:block;
        overflow:hidden;
        text-decoration:none;
        text-indent:-90000em;
    }

    
    /* -------------------------------------------------------------- */
    /* 3.3 Class Tools                                                */

    .w100 {width:100px;}
    .w200 {width:200px;}
    .w250 {width:250px;}
    .w300 {width:300px;}
    .w370 {width:370px;}
    .w400 {width:400px;}
    .w500 {width:500px;}
    .w600 {width:600px;}
    .w700 {width:700px;}
    .w800 {width:800px;}

    .h100 {height:100px;}
    .h200 {height:200px;}
    .h300 {height:300px;}
    .h400 {height:400px;}
    .h500 {height:500px;}

    .m5 {margin: 5px;}
    .m10 {margin: 10px;}

    .mt5 {margin-top: 5px;}
    .mt10 {margin-top: 10px;}

    .mb5 {margin-bottom: 5px;}
    .mb10 {margin-bottom: 10px;}

    .ml5 {margin-left:5px;}
    .ml10 {margin-left:10px;}
    .ml20 {margin-left:20px;}

    .mr5 {margin-right:5px;}
    .mr10 {margin-right:10px;}

    .p10 {padding: 10px;}

    .pt10 {padding-top: 10px;}

    .pb10 {padding-bottom: 10px;}

    .pl10 {padding-left: 10px;}

    .pr5 {padding-right: 5px;}

    .tac {text-align:center;}
    .tal {text-align:left;}
    .tar {text-align:right;}
    .taj {text-align:justify;}

    .dn {display: none;}

    .fl {float: left;}
    .fr {float: right;}

    .fwb {font-weight: bold;}

    .oa {overflow: auto;}
    .oh {overflow: hidden;}

    .cw {color: white;}

    .ttu {text-transform: uppercase; }

    .fs12 {font-size: 12px;}

    ul.disk {list-style-type: disc}
    ul.square {list-style-type: square}

    .border { border: solid 1px #aaa; }


    
/* -------------------------------------------------------------- */
/* 4. Plugins
/* -------------------------------------------------------------- */


    /* -------------------------------------------------------------- */
    /* 4.1 Fancybox                                                   */

    div#fancy_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 30;
    }

    div#fancy_loading {
        position: absolute;
        height: 40px;
        width: 40px;
        cursor: pointer;
        display: none;
        overflow: hidden;
        background: transparent;
        z-index: 100;
    }

    div#fancy_loading div {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 480px;
        background: transparent url(../images/fancybox/fancy_progress.png) no-repeat;
    }

    div#fancy_outer {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        padding: 20px 20px 40px 20px;
        margin: 0;
        background: transparent;
        display: none;
    }

    div#fancy_inner {
        position: relative;
        width:100%;
        height:100%;
        background: #FFF;
    }

    div#fancy_content {
        margin: 0;
        z-index: 100;
        position: absolute;
    }

    div#fancy_div {
        background: #000;
        color: #FFF;
        height: 100%;
        width: 100%;
        z-index: 100;
    }

    img#fancy_img {
        position: absolute;
        top: 0;
        left: 0;
        border:0; 
        padding: 0; 
        margin: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
    }

    div#fancy_close {
        position: absolute;
        top: -12px;
        right: -15px;
        height: 30px;
        width: 30px;
        background: url(../images/fancybox/fancy_closebox.png) top left no-repeat;
        cursor: pointer;
        z-index: 181;
        display: none;
    }

    #fancy_frame {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
    }

    #fancy_ajax {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    a#fancy_left, a#fancy_right {
        position: absolute; 
        bottom: 0px; 
        height: 100%; 
        width: 35%; 
        cursor: pointer;
        z-index: 111; 
        display: none;
        background-image: url("data:image/gif;base64,AAAA");
        outline: none;
        overflow: hidden;
    }

    a#fancy_left {
        left: 0px; 
    }

    a#fancy_right {
        right: 0px; 
    }

    span.fancy_ico {
        position: absolute; 
        top: 50%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        z-index: 112; 
        cursor: pointer;
        display: block;
    }

    span#fancy_left_ico {
        left: -9999px;
        background: transparent url(../images/fancybox/fancy_left.png) no-repeat;
    }

    span#fancy_right_ico {
        right: -9999px;
        background: transparent url(../images/fancybox/fancy_right.png) no-repeat;
    }

    a#fancy_left:hover, a#fancy_right:hover {
        visibility: visible;
        background-color: transparent;
    }

    a#fancy_left:hover span {
        left: 20px; 
    }

    a#fancy_right:hover span {
        right: 20px; 
    }

    #fancy_bigIframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
    }

    div#fancy_bg {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        z-index: 70;
        border: 0;
        padding: 0;
        margin: 0;
    }
        
    div.fancy_bg {
        position: absolute;
        display: block;
        z-index: 70;
        border: 0;
        padding: 0;
        margin: 0;
    }

    div#fancy_bg_n {
        top: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x;
    }

    div#fancy_bg_ne {
        top: -20px;
        right: -20px;
        width: 20px;
        height: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat;
    }

    div#fancy_bg_e {
        right: -20px;
        height: 100%;
        width: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y;
    }

    div#fancy_bg_se {
        bottom: -20px;
        right: -20px;
        width: 20px;
        height: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat;
    }

    div#fancy_bg_s {
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x;
    }

    div#fancy_bg_sw {
        bottom: -20px;
        left: -20px;
        width: 20px;
        height: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat;
    }

    div#fancy_bg_w {
        left: -20px;
        height: 100%;
        width: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y;
    }

    div#fancy_bg_nw {
        top: -20px;
        left: -20px;
        width: 20px;
        height: 20px;
        background: transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat;
    }

    div#fancy_title {
        position: absolute;
        z-index: 100;
        display: none;
    }

    div#fancy_title div {
        color: #FFF;
        font: bold 12px Arial;
        padding-bottom: 3px;
        white-space: nowrap;
    }

    div#fancy_title table {
        margin: 0 auto;
    }

    div#fancy_title table td {
        padding: 0;
        vertical-align: middle;
    }

    td#fancy_title_left {
        height: 32px;
        width: 15px;
        background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
    }

    td#fancy_title_main {
        height: 32px;
        background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
    }

    td#fancy_title_right {
        height: 32px;
        width: 15px;
        background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
    }




/* -------------------------------------------------------------- */
/* END OF FILE                                                    */