/**
 * @author Ferdy Perdaan
 * @copyright Copyright (c) 2010, WFIT
 * @version 1.0
 */

/** OVERALL ------------------------------------------------------------------------------------------------------------------------------------- **/
* {
    margin  : 0px;
    padding : 0px;
}

html, body {
    height : 100%;
}

body {
    color : #fdca0d;
    background-color : #9b2028;
}

h1, h2, h3 {
    font-family : "Segoe Script", "Lucida Handwriting", "Monotype Corsiva", serif;
    text-transform : uppercase;
}

h2, h3 {
    color     : #ff7f01;
}

a, .hyperlink {
    text-decoration : none;
    cursor : pointer;
    color  : #ff7f01;
}

a:hover, .hyperlink:hover {
    text-decoration : underline;
}

p {
    margin-bottom : 10px;
}

label {
    cursor : pointer;
}

img {
    border : none;
}

li {
    list-style-position : inside;
}

table {
    border-spacing : 0;
}

/* IE BOX FIX */
.Top, .Bottom {
    font-size : 0px;
}

.InvalidElement {
    background-color : #FFA5A5;
}

.ValidElement {
    background-color : #8dff8d;
}

/** LIST ---------------------------------------------------------------------------------------------------------------------------------------- **/
.List tr {
    cursor : pointer;
}

.List tr:hover {
    background-color : #E5E5E5;
}

/** TABLE --------------------------------------------------------------------------------------------------------------------------------------- **/
.Table .Col {
    display : table-cell;
}

tr, .Row {
    margin-top    : 2px;
    margin-bottom : 2px;
}

td, .Col {
    vertical-align : top;
}

/** CONTAINER ----------------------------------------------------------------------------------------------------------------------------------- **/
#Container {
    overflow     : hidden;
    padding-left : 10px;
    padding-top  : 10px;

    background-color : #832323;
}

#Wrapper{
    min-height : 100%;
    height : auto !important;
    height : 100%;
	
    min-width : 1210px;
    width     : 1210px;
    width     : auto !important;
		
    margin : 0 auto -80px;
}

#Push {
    padding-bottom : 80px;
}

.Top, .Middle, .Bottom {
    border-spacing : 0px;
    margin : 0px;
    padding : 0px;
}

/** HEADER -------------------------------------------------------------------------------------------------------------------------------------- **/
#Header {
    height : 145px;
    width  : 1265px;
    clear  : both;

    margin-bottom : 10px;
}

#Header #Logo {
    float  : left;
    
    background-image : url('../media/logo.png');
    background-repeat : no-repeat;
	
    width  : 261px;
    height : 150px;
}

#Header #Logo h1 {
    visibility : hidden;
}

#Header #BoxContainer {
    float  : right;
    margin-right : 77px;
    margin-top   : 15px;
}

/** IE 6 < FIX */
*html #Header #BoxContainer {
    margin-right : 30px;	
}

#Header div {
    background-repeat : no-repeat;
}

#Header .Box {
    float  : left;
    width  : 203px;
    height : 130px;

    margin-left : 10px;
    position : relative;

    background-color : #9b2028;
}

#Header .Box h3 {
    font-size : 1em;
	
    padding-bottom : 5px;
    font-size : 0.8em;
    margin-left : -20px;
}

#Header .Box .Top {
    background-image : url('../media/upperbox_top.jpg');
    height : 9px;
    position : relative;
}

#Header .Box .Middle {
    background-image  : url('../media/upperbox_middle.jpg');
    background-repeat : repeat-y;
    height : 114px;
    padding-left : 10px;

    text-align : center;
}

#Header .Box .Bottom {
    background-image : url('../media/upperbox_bottom.jpg');
    background-repeat : no-repeat;
    height : 8px;
}

.upperbox_pp {
    font-size : 0.7em;
    padding-left : 2px;
}

.upperbox_pp, .upperbox_pp .hyperlink {
    color : #fdca0d;
}

.upperbox_arrangement {
    height : 40px;
}

.upperbox_conditions {
    font-size  : 0.7em;
    font-style : italic;

    position : absolute;
    bottom : 3px;
    left   : 8px;
}

.upperbox_price {
    color : #FF0000;
    font-size   : 1.2em;
    font-weight : bold;
}

.ConditionAttachment {
    position : absolute;
    top   : -2px;
    right : -2px;

    cursor  : pointer;
    z-index : 11;
}

/** NAVIGATION ---------------------------------------------------------------------------------------------------------------------------------- **/
ul#NavigationPrimairy, ul#NavigationPrimairy li {
	list-style   : none outside !important;
	margin-left  : 0px;
	padding-left : 0px;
	text-indent  : 0px;
}

ul#NavigationPrimairy li {
    line-height    : 44px;
    vertical-align : middle;

    width  : 176px;
    height : 44px;

    padding-left  : 5px;
    margin-bottom : 8px;

    font-weight : bold;
    font-size   : 1.1em;

    background-color  : #9b2028;
    background-image  : url('../media/menu_item.jpg');
    background-repeat : no-repeat;
}

ul#NavigationPrimairy li a {
    background-image  : url('../media/menu_prefix.png');
    background-repeat : no-repeat;
    color : #fdca0d;
    
    padding-left : 35px;
}

ul#NavigationPrimairy li:first-child {
    background-image : url('../media/menu_first.jpg');
}

ul#NavigationPrimairy li:last-child {
    background-image : url('../media/menu_last.jpg');
 
 }

/** COLUMN -------------------------------------------------------------------------------------------------------------------------------------- **/
#LeftColumn, #RightColumn {
    float  : left;
}

#LeftColumn {
    margin-left : 10px;
}

#LeftColumn .Sidebar {
    width : 212px;
}

/** CONTENT ------------------------------------------------------------------------------------------------------------------------------------- **/
#Content {
    width        : 796px;
    
    margin-top   : -1px;
    margin-left  : 10px;
    margin-right : 10px;
    
    float  : left;

    background-color    : #9b2028;
    background-image    : url('../media/dragon.png');
    background-repeat   : no-repeat;
    background-position : 10px 60px;
}

#Content div {
    background-repeat : no-repeat;
}

#Content .Top {
    background-image : url('../media/contentbox_top.jpg');
    height : 13px;
}

#Content .Middle {
    background-image  : url('../media/contentbox_middle.png');
    background-repeat : repeat-y;
	
    height       : inherit !important;
    height       : 380px;
    min-height   : 380px;
    padding-left : 10px;
}

#Content .Bottom {
    background-image : url('../media/contentbox_bottom.jpg');
    height : 10px;
}

#ContentBottom {
    position : relative;

    clear  : both;
    height : 16px;
    width  : 100%;
    
    background-color : #832323;
    z-index : 1;
    
    
    background-image    : url('../media/layer_bottom.jpg');
    background-repeat   : repeat-x;
    background-position : bottom;
    
    margin-left   : -10px;
    padding-right : 10px;
}

#Birdofparadise {
    position : absolute;
    top  : -36px;
    left : -90px;
	
    z-index : 5;
}

.UpperText {
    position : relative;
    z-index  : 10;
}

/** SIDE BAR ------------------------------------------------------------------------------------------------------------------------------------ **/
.Sidebar {
    width : 181px;
    float : left;
    
    padding-bottom : 2000px;
    margin-bottom : -2000px;

    /* COLUMN HEIGHT FIX */
    background-color : #9b2028;
}

#LeftColumn .Sidebar {
    width : 181px;
}

.Sidebar div {
    background-repeat : no-repeat;
}

.Sidebar .Top {
    background-image : url('../media/box_top.jpg');
    height : 10px;
}

.Sidebar .Middle {
    background-image  : url('../media/box_middle.jpg');
    background-repeat : repeat-y;
		
    padding-left : 10px;
}

.Sidebar .Bottom {
    background-image : url('../media/box_bottom.jpg');
    height : 10px;
}

.Sidebar h2 {
    font-size : 0.95em;
}

/** FOOTER -------------------------------------------------------------------------------------------------------------------------------------- **/
#Footer {
    width  : 100%;
    height : 80px;
    
    position : relative;
    z-index  : 10;
	
    min-width : 1210px;
    width     : 1210px;
    width     : auto !important;
}

#Footer div {
    padding-left : 5px;
    padding-top  : 5px;
}

#Wokker {
    position : absolute;
    bottom : 268px;
    right  : 0px;

    z-index : 100;
	
    height : 0px;
}

.Sidebar .SlideGallery, #LeftColumn .Sidebar h2 {
    text-align : center;
}

/** ARRANGEMENT ---------------------------------------------------------------------------------------------------------------------------------- **/
#ConditionsContent {	
    padding-top  : 100px;
    padding-left : 25px;
	
    width  : 475px;
    height : 500px;
    color  : #000000;
	
    background-image  : url('../media/conditions_background.jpg');
    background-repeat : no-repeat;
}

.NextSection {
    border-top  : 1px solid #000000;
    padding-top : 5px;
    text-align : left;

    font-size : 0.9em;
}

.pp {
    font-size : 0.75em;
    padding-left : 2px;
}

.pp a {
    color : #fdca0d;
}

.price {
    font-size : 1.1em;
    color : #FF0000;
}

#ConditionsContent h2 {
    text-align: center;
    margin-left : -20px;
}

#Conditions ul {
    width : 425px;
	
    padding-left : 10px;
    margin-left  : 20px;
}

#Conditions ul li {
    list-style-position : outside;
}

#ArrangementWrapper {
    clear : both;
    overflow : auto;
}

#ArrangementWrapper h2 {
    text-align  : center;
    font-family : none;
    padding-bottom : 5px;
    color : #fdca0d;
}

#Arrangement {
    float : left;
    width : 350px;
    text-align : center;
}

#Arrangement h3 {
    font-size  : 1.0em;
    font-style : italic;
}

#Beverages {
    float : left;

    padding-left : 10px;
    margin-left  : 50px;
    border-left  : 1px solid #000000;
}

#Beverages div {
    float : left;
}

#Beverages span {
    font-style : italic;
    color     : #ff7f01;
}

#Beverages ul {
    list-style-type : none;
    padding-bottom  : 10px;
}

#Beverages ul li {
    padding-left : 8px;
}

#ConditionsPage ul {
    padding-left : 10px;
    margin-left  : 20px;
}

#ConditionsPage ul li {
    list-style-position : outside;
}