/* TABLE OF CONTENTS */
/* 1.0 VIGATTIN SLIDER */
@font-face
{
    font-family: androgyne;
    src: url('fonts/Androgyne_TB.otf');
}
@font-face
{
    font-family: japan;
    src: url('fonts/Japan.ttf');
}
@font-face
{
    font-family: dejavu;
    src: url('fonts/DejaVuSans.ttf');
}
@font-face
{
    font-family: book_akaneke;
    src: url('fonts/Book_Akhanake_0.ttf');
}             
@font-face
{
    font-family: abeatbykai;
    src: url('fonts/impact.ttf');
}
@font-face
{
    font-family: elsa;
    src: url('fonts/Elsa-Regular.otf');
}
@font-face
{
    font-family: jenna;
    src: url('fonts/JennaSue.ttf'); 
}
@font-face
{
    font-family: beat;
    src: url('fonts/abeatbyKaiRegular.otf'); 
}
@font-face
{
    font-family: mix;
    src: url('fonts/MIXTMK_T.ttf'); 
}
/* GLOBAL */

  

/* LAYOUT */
body
{
    margin: 0px;
    padding: 0px;
    background: #05233c; /* Old browsers */
}
#vigattin_header
{
    margin: auto;
    text-align: center;  
    background-color: #ffa729;
    left: 0px;
    right: 0px;
    top: 0px;
}
#tourism_header
{
    margin: auto;
    text-align: center;  
    overflow: visible;
    position: relative;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 340px;
    
}
    #tourism_header #header_background_image
    {
        z-index: 2;
        margin: auto;
        overflow: visible; 
        background-position:center;
        background-repeat: no-repeat;
        height: 645px;
        text-align: center;
        background-image: url("extras/headers/sarangani1.jpg");
    } 
        #tourism_header #header_background_image #navigation_wrapper
        {
            width: 980px;
            position: relative; 
            height: 340px;
            display: inline-block;  
            position: relative;  
        }
            #tourism_header #header_background_image #navigation_wrapper #search_bar
            {
                position: absolute;
                bottom: 5px;
                height: 35px;
                right: 20px;
                width: 300px;
				z-index:11;
            }
                #tourism_header #header_background_image #navigation_wrapper #search_bar .search_box
                {
                    vertical-align: top;
                    display: inline-block;
                    -moz-box-shadow:inset 0px 2px 3px #8a8f92;
                    -webkit-box-shadow:inset 0px 2px 3px #8a8f92;
                    box-shadow:inset 0px 2px 3px #8a8f92;
                    height: 35px;
                    width: 250px;
                    background-color: #dfe7ec;
                    border-radius: 1px;
                }
                    #tourism_header #header_background_image #navigation_wrapper #search_bar .search_box  input[type=text]
                    {
                        font-family: 'dejavu', 'sans-serif';   
                        height: 30px;
                        width: 230px; 
                        background: transparent;
                        margin-top: 2px;
                        border: none;
                        color: #868686;
                        font-family: arial;
                        font-size: 16px;  
                    }
                #tourism_header #header_background_image #navigation_wrapper #search_bar input[type=button]
                {
                    background-color: transparent;
                    border: 1px solid transparent;
                    height: 35px;
                    width: 40px;
					cursor:pointer;
                    background-image: url("extras/navigation/MG.png");
                    -moz-box-shadow: 0px 0px 2px #82878a;
                    -webkit-box-shadow: 0px 0px 2px #82878a;
                    box-shadow: 0px 0px 2px #82878a;
                }
            #tourism_header #header_background_image #navigation_wrapper #navigation
            {         
                overflow: auto;
                display: inline-block;
                position: absolute;
                bottom: 0px;
                left: 0px;
                color: #fff;  
                background: #f2f6f8; /* Old browsers */
				background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

                width: 978px;      
				z-index: 10;
            }                                  
                #tourism_header #header_background_image #navigation_wrapper #navigation ul
                {
                    margin: 0px;
                    padding: 0px;
                    list-style: none; 
                    background-color: #000;
                }  
                    #tourism_header #header_background_image #navigation_wrapper #navigation ul a
                    { 
                        color: #333;
                        font-size: 13px;    
                        font-family: "Arial";
						font-weight:bold;
						font-style: Narrow;
                        text-decoration: none;
						-webkit-font-smoothing: antialiased;
                        

                    }              
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li
                        {    
                            padding: 0px;
                            float: left; 
                            color: #333; 
                            width: 120px;    
                            padding-left: 0px;
                            padding-right: 0px;
                            padding-top: 15px;
                            padding-bottom: 14px;
                            text-transform: uppercase;   
                            text-decoration: none;
                        }  
                        
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li:hover
                        {       
							Color:#f8f8f8;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							-ms-transition: 0.3s ease-in-out;
							text-shadow: 0px 1px 2px #333;               
                        } 
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.active
                        { 
							color:#f8f8f8;
							text-shadow: 0px 1px 2px #333;
                        }                          

                        
                        /* NAVIGATIONS */
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.home
                        {    
                            
                        }  
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.home:hover
                        {    
							
                            background: #cb60b3; /* Old browsers */
							background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 49%, #a80077 50%, #db36a4 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(49%,#c146a1), color-stop(50%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */


                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.home.active
                        {    
							background: #cb60b3; /* Old browsers */
							background: -moz-linear-gradient(top,  #cb60b3 0%, #c146a1 49%, #a80077 50%, #db36a4 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(49%,#c146a1), color-stop(50%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #cb60b3 0%,#c146a1 49%,#a80077 50%,#db36a4 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */


                        }  
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.destination
                        {
                            
                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.destination:hover
                        {    
							
                            background: #6db3f2; /* Old browsers */
							background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 49%, #2188ef 50%, #598ddb 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(49%,#54a3ee), color-stop(50%,#2188ef), color-stop(100%,#598ddb)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#598ddb',GradientType=0 ); /* IE6-9 */

                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.destination.active
                        {    
							
                            background: #6db3f2; /* Old browsers */
							background: #6db3f2; /* Old browsers */
							background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 49%, #2188ef 50%, #598ddb 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(49%,#54a3ee), color-stop(50%,#2188ef), color-stop(100%,#598ddb)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 49%,#2188ef 50%,#598ddb 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#598ddb',GradientType=0 ); /* IE6-9 */



                        } 
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.article
                        {
                               
                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.article:hover
                        {    
							
                            background: #bfd255; /* Old browsers */
							background: -moz-linear-gradient(top,  #bfd255 0%, #b3d10a 49%, #72aa00 50%, #9ecb2d 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(49%,#b3d10a), color-stop(50%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */


                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.article.active
                        {    
							
                            background: #bfd255; /* Old browsers */
							background: -moz-linear-gradient(top,  #bfd255 0%, #b3d10a 49%, #72aa00 50%, #9ecb2d 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(49%,#b3d10a), color-stop(50%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #bfd255 0%,#b3d10a 49%,#72aa00 50%,#9ecb2d 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */


                        } 
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.tourist_spot
                        {
                              
                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.tourist_spot:hover
                        {    
							
                            background: #ffb76b; /* Old browsers */
							background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 49%, #ff7c00 50%, #ff9028 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(49%,#ffa73d), color-stop(50%,#ff7c00), color-stop(100%,#ff9028)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff9028',GradientType=0 ); /* IE6-9 */


                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.tourist_spot.active
                        {    
							
                            background: #ffb76b; /* Old browsers */
							background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 49%, #ff7c00 50%, #ff9028 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(49%,#ffa73d), color-stop(50%,#ff7c00), color-stop(100%,#ff9028)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 49%,#ff7c00 50%,#ff9028 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff9028',GradientType=0 ); /* IE6-9 */


                        } 
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.about_us
                        {
                            
                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.about_us:hover
                        {    
							
                            background: #f3c5bd; /* Old browsers */
							background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c94600 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(100%,#c94600)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c94600',GradientType=0 ); /* IE6-9 */



                        }
						#tourism_header #header_background_image #navigation_wrapper #navigation ul a li.about_us.active
                        {    
							
                            background: #f3c5bd; /* Old browsers */
							background: -moz-linear-gradient(top,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #c94600 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(50%,#e86c57), color-stop(51%,#ea2803), color-stop(100%,#c94600)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#c94600 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c94600',GradientType=0 ); /* IE6-9 */

                        }
                        
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.line_right
                        {
                            border-right: 1px solid #fff;
                        } 
                        #tourism_header #header_background_image #navigation_wrapper #navigation ul a li.line_left
                        {
                            border-left: 1px solid #fff;
                        } 
                                                                                                                                            
#wrapper
{
    position: relative;
    background-color: #0c223b;
    padding-bottom: 1px;
    width: 980px;
    margin: auto; 
    z-index: 9;
    color: #333;
    font-family: "tahoma","Century Gothic", arial; 
    font-size: 12px;
	-moz-box-shadow: 0px 0px 11px #000000;
	-webkit-box-shadow: 0px 0px 11px #000000;
	box-shadow: 0px 0px 11px #000000;
}


img
{
    border: none;
}




/* HOME */
#home_wrapper
{
    margin: 15px;
    position: static;
}                             
    #home_wrapper #article_corner
    {
        overflow: auto;
        width: 952px;   
        margin-top: 10px;
        height: 350px;
    }  
        #home_wrapper #article_corner .featured_article
        {
            float: left;
            width: 470px;
            background-color: #fff;
            margin-right: 10px;
            height: 350px;
            position: relative;
            overflow: hidden;
        }    
            #home_wrapper #article_corner .featured_article .info
            {
                position: absolute;
                bottom: 0px;
                background-color: #000;
                width: 451px;
                background-color: rgba(0, 0, 0, 0.5);
                padding: 10px;
            }  
                #home_wrapper #article_corner .featured_article .info .title
                {
                    font-family: "japan";
                    color: #ffd400;
                    font-size: 30px;
                }  
                #home_wrapper #article_corner .featured_article .info .label
                {
                    font-family: "dejavu";
                    color: #fff;   
                    height: 39px; 
                    margin-bottom: -48px;  
                }              
        #home_wrapper #article_corner .hottest_article
        {
            width: 471px;
            background-color: #00aee2; 
            float: left;
            height: 350px;  
            overflow: hidden; 
        }   
            #home_wrapper #article_corner .hottest_article .image_container
            {  
                height: 250px;
                width: 471px;    
                overflow: hidden; 
                position: relative;
            }  
                #home_wrapper #article_corner .hottest_article .image_container img
                { 
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    display: none;
                }
                #home_wrapper #article_corner .hottest_article .image_container .title
                { 
					background: rgb(229,112,231); /* Old browsers */
					background: -moz-linear-gradient(top,  rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168