﻿/* ------------------------------------------------------ */

/* FrameWork Setup */

body , html
{
    margin:0;
    padding:0;
    height:100%;
}

body
{
    font-family:Arial , Helvetica, Sans-Serif;
                background-color:#000;
}

form
{
    height:100%;
}

#container
{
    min-height:100%;
    position:relative;
}

#body
{
    padding-bottom:33px;
}


#clearheader
{
    height:88px;
}

/* ----------------------------------------------------------------------------------------- */

/* footer */

#footer
{
	position:absolute;
    width:100%;
    height:29px;
    bottom:0;
    margin:0;
    padding:0;
    border-top:solid 4px #fff;
    /*testing value*/
    background-color:#000;
    font-size:0.70em;
    z-index:3;
}

#footer p
{
    color:#ccc;
    float:left;
    margin:7px 0 0 0px;
}

#footer .postcode
{
    font-weight:bold;
    color:#fff;
    margin:7px 0 0 5px;
}

#footer img
{
    float:right;
    margin:0 10px 0 0;
    display:inline;
}

/*-------------------------------------------------------------------------------------------*/

/* Header */

#header
{
    /*testing value*/
    background-color:#000;
    height:88px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    border-bottom:solid 4px #fff;
    z-index:3;
}

#header .width img
{
    margin:15px 0 0 0;
}

#header .width a
{
    float:left;
}

/*-------------------------------------------------------------------------------------------*/

/* flash background */
.background
{
    height:100%;
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    font-size:0;
    z-index:0;
    background-color:#000;
}


.newgradiant
{
    background-color:#a1a1a1;
    background-image:url("../Images/Design/bgSlice.jpg");
    background-position:left top;
    background-repeat:repeat-x;
}

#flashContainer
{
    height:100%;
    overflow:visible;
    width:100%;
}

#flash-background
{
    height:100%;
}

/*--------------------------------------------------------------------------------------------*/

/* menu */

	 #header #menu li
    {  
        float:left;
        display:inline;
        height:88px;
    }
   
     
    #header #menu a
    {
        display:inline;
        height:88px;
        overflow:hidden;
        text-indent:-999em;
    }
    
    #header #menu
    {
        width:740px;
        float:right;
    }
    
    #header #menu .home a
    {
        background-image:url("../Images/Design/home-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:61px;
    }
    
        #header #menu .home a.selected
    {
        background-image:url("../Images/Design/home-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:61px;
    }
    
    #header #menu ul .availability a
    {
        background-image:url("../Images/Design/availability-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:97px;
    }
    
        #header #menu ul .availability a.selected
    {
        background-image:url("../Images/Design/availability-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:97px;
    }
    
    #header #menu .siteplan a
    {
        background-image:url("../Images/Design/siteplan-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:77px;
    }
    
        #header #menu .siteplan a.selected
    {
        background-image:url("../Images/Design/siteplan-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:77px;
    }
    
    #header #menu .location a
    {
        background-image:url("../Images/Design/location-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:78px;
    }
    
        #header #menu .tours a.selected
    {
        background-image:url("../Images/Design/tours-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:57px;
    }
    
        #header #menu .tours a
    {
        background-image:url("../Images/Design/tours-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:57px;
    }
    
        #header #menu .location a.selected
    {
        background-image:url("../Images/Design/location-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:78px;
    }
    
    #header #menu .specification a
    {
        background-image:url("../Images/Design/spec-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:112px;
    }
    
        #header #menu .specification a.selected
    {
        background-image:url("../Images/Design/spec-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:112px;
    }
    
    #header #menu .gallery a
    {
        background-image:url("../Images/Design/gallery-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:70px;
    }
    
        #header #menu .gallery a.selected
    {
        background-image:url("../Images/Design/gallery-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:70px;
    }
    
    #header #menu .downloads a
    {
        background-image:url("../Images/Design/downloads-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:100px;
    }
    
        #header #menu .downloads a.selected
    {
        background-image:url("../Images/Design/downloads-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:100px;
    }
    
    #header #menu .contacts a
    {
        background-image:url("../Images/Design/contacts-off.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:82px;
    }
    
        #header #menu .contacts a.selected
    {
        background-image:url("../Images/Design/contacts-on.gif");
        background-position:left top;
        background-repeat:no-repeat;
        width:82px;
    }
    
    /*---------------------------------------------------------*/
    
    /* General */
    
    .width
    {
        width:960px;
        margin-left:auto;
        margin-right:auto;
    }
    
    .clearBoth
    {
        clear:both;
    }
    
    #body .width
    {
        margin:4px auto 0 auto;
        display:block;
    }
    
    
    #body .width .page
    {
       width:420px;
       float:right;
       z-index:2;
       margin:0 0 10px 0;
    }
    
    #body .width .pagehometop
    {
       width:420px;
        height:179px;
        background-image:url("../Images/Design/pagehometop.png");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .pagespectop
    {
       width:420px;
        height:179px;
        background-image:url("../Images/Design/pagespectop.png");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .pagecontacttop
    {
       width:420px;
        height:179px;
        background-image:url("../Images/Design/pagecontacttop.png");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .pagedownloadstop
    {
       width:420px;
        height:179px;
        background-image:url("../Images/Design/pagedownloadstop.png");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .forum4top
    {
        width:420px;
        height:274px;
        background-image:url("../Images/Design/Forum4Top.jpg");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .forum5top
    {
        width:420px;
        height:274px;
        background-image:url("../Images/Design/Forum5Top.jpg");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .forum5detailtop
    {
        width:420px;
        height:168px;
        background-image:url("../Images/Design/Forum5detailTop.jpg");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    #body .width .forum4detailtop
    {
        width:420px;
        height:168px;
        background-image:url("../Images/Design/Forum4DetailTop.jpg");
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    
    #body .width h1
    {
        text-indent:-999em;
        margin:0;
        padding:0;
        line-height:0;
        font-size:0;
    }
    
    #body .width h2
    {
        text-indent:-999em;
        margin:0;
        padding:0;
        line-height:0;
        font-size:0;
    }
    
    #body .width .pagehomebottom
    {
        width:420px;
        background-image:url("../Images/Design/pagehomebottom.gif");
        background-position:left top;
        background-repeat:no-repeat;
        height:64px;
    }
    
    #body .width .main
    {
        width:420px;
        background-image:url("../Images/Design/pagebgslice.png");
        background-position:left top;
        background-repeat:repeat-y;
        padding:10px 0 0 0;
    }
    
    #body .width .main p
    {
        margin:0 20px 15px 20px;
        font-size:0.8em;
    }
    
    #body .width .main p.last
    {
        margin:0 20px 0 20px;
        padding:0 0 15px 0;
    }
    
    #body .width .main h1.bold
    {
        font-weight:bold;
        font-size:0.8em;
        text-indent:20px;
        margin:0 0 5px 0;
        padding:0;
        line-height:2;
        font-weight:bold;
        color:#000;
    }
    
    #body .width .main .listtitle
    {
        font-weight:bold;
        font-size:0.8em; 
        padding:0;
        margin:0 0 5px 20px;
    }
    
    #body .width .main ul
    {
        padding:0 0 10px 0;
        margin:0 0 0 20px;
    }
    
     #body .width .main li
     {
        font-size:0.72em;
        list-style:none;
        background-image:url("../Images/Design/bullet.gif");
        background-position:left 5px;
        background-repeat:no-repeat;
        padding:0 0 0 10px;
     }
     
    #body .width .main .spaces
    {
        font-weight:bold;
        padding:0 0 10px 0;
        margin:0 0 0 20px;
    }
    
    #body .width .main .forum5description
    {
        margin:0 20px 14px 20px;
    }
    
    #body .width .forumbottom
    {
        background-color:#666;
        padding:5px 0 10px 0;
        
    }
    
    #body .width .forumbottom a
    {
        color:#ff0099;
        margin:0 0 0 20px;
        text-decoration:none;
        font-weight:bold;
    }
    
    #body .width #forum4
    {
        margin:0 20px 0 0;
    }
    
    #body .width #forum5
    {
        margin:0 50px 0 0;
    }
    
    #body .width .main table
    {
        width:100%;
        font-size:0.8em;
    }
    
    #body .width .main table th
    {
        background-color:#000;
        color:#fff;
        padding:3px 0 3px 20px;
        font-weight:bold;
    }
    
    #body .width .main table td
    {
        border-bottom:solid 1px #000;
        padding:2.5px 0 2.5px 20px;
    }
    
    #body .width .main .contact
    {
        padding:0 0 10px 0;
        display:block;
    }
    
    #body .width .main .contact a
    {
        float:left;
        margin:0 20px 0 0;
        display:block;
        padding-left:20px;
    }
    
    #body .width .main .contact .contactinfo
    {
        float:left;
        width:230px;
        font-size:0.9em;
        font-weight:bold;
    }
    
     #body .width .main .contact .contactinfo a
     {
         margin:0;
         color:#000;
        font-weight:bold;
        padding:0;
     }
    
    #body .width .main .contact #prupim
    {
        font-size:0.7em;
    }
    
        #body .width .main .contact #prupim a
    {
        margin:0;
        color:#000;
        text-decoration:none;
    }
    
    #body .width .main .contact .contactinfo p
    {
        margin:0;
    }
    
    #body .width .main .downloads
    {
        width:170px;
        height:70px;
        float:left;
        margin:10px 0 10px 20px;
    }
    
    #body .width .main .downloads a
    {
        float:left;
        margin:0 10px 0 0;
    }
    
    #body .width .main .downloads .downloadinfo
    {
        float:left;
        width:90px;
    }
    
    #body .width .main .downloads .downloadinfo p
    {
        margin:0;
    }
    
    #body .width .main .downloads .title
    {
        font-weight:bold;
    }
    
    #body .width .flashWrapper #flash
    {
        position:absolute;
        width:960px;
        overflow:hidden;
        height:400px;
    }
   
    
    #body .width .flashWrapper
    {
        width:960px;
        height:400px;
        overflow:hidden; 
        background:#fff;
        margin:20px 0 0 0;
        border:solid 5px #fff;
    }
    
    .flashWrapperlocation
    {
        width:960px;
        height:400px;
        overflow:hidden; 
        background:#a7a9ac;
        margin:20px 0 0 0;
        border:solid 5px #fff;
    }
    
    .flashWrappertour
    {
        width:960px;
        height:400px;
        overflow:hidden; 
        background:#a7a9ac;
        margin:20px 0 0 0;
        border:solid 5px #fff;
    }
    
    #noflash
    {
        color:#FFFFFF;
        position:relative;
        z-index:5;
    }

    
    