﻿body { background-color: black;
    color: gray; 
    background-image: url(/images/general/background-image.jpg);
    background-repeat:no-repeat;
    background-position: center top;
    background-attachment: fixed;
    }

/*
form { font-family: Verdana, Arial; font-size: 0.7em; color: #555; border:none; margin:0 auto; width:911px; line-height:140%; background-color: #eadae5; padding:0px; border: solid 4px #fff; }
h1 { font-family: Trebuchet MS, Arial; font-size: 1.7em; font-weight: normal; margin-bottom:4px; text-transform:uppercase; padding-bottom:6px; border-bottom: solid 1px #cea8c3; }
h2 { font-weight:normal; font-family: Trebuchet MS; font-size: 1.3em; margin: 12px 0px; font-weight:bold; color: #9a6688; }
h3 { font-weight:normal; font-family: Trebuchet MS; font-size: 1.2em; margin: 12px 0px; font-weight:bold; color: #6397af; font-style:italic; }
p { text-align:left; }
a:visited { color: #65490d; }
*/

/* Master Page */
#header { margin:0; padding:0; border:0; background: #fff url('/images/base/header.jpg') no-repeat; height:100px; padding-left:230px; }
#header .logo { float:left; margin-left:15px; }
#header .awards { height:74px; padding-left:10px; padding-top:2px; }
#header .awards .images { float:left; width: 500px; }
#header .languages { padding-top:2px; float:right; padding-right:0px; font-size:1.0em; width:150px;}
#header .languages a { text-decoration:underline; border:none;}
#header .languages a:hover { color:#6ea7bb; text-decoration:underline; }
#header .strapline { font-size:1.5em; font-family:Trebuchet MS; text-transform:uppercase; font-weight:bold; color: #fff; padding-top:5px; background: #a56978; padding-bottom:4px; padding-left:10px;}

#top { border: solid 4px #e5d1de; background: #e5d1de; height:180px; width:1000px;}

/* Menu */
/*
#menu { float:left; border:0; padding:0; background: #eadae5; width:234px; padding-top:0px; margin-top:0px; margin-right:0px; padding-top:0px; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { display: block; }
#menu li:hover { display: block; }
#menu li a { width: 205px; display:block; color: #71565d; background:none; font-weight: normal; font-size:1.2em; padding: 4px 0px; border-bottom: solid 1px #e4ccdc;  text-decoration: none; font-family: Trebuchet MS; text-transform:none; margin-left:5px; }
#menu li.menu4 a { width: 205px; display:block; color: #71565d; background:none; font-weight: normal; font-size:1.2em; padding: 4px 0px; border-bottom:0; text-decoration: none; font-family: Trebuchet MS; text-transform:none; margin-left:5px; }
#menu li a:hover { font-weight: normal; text-decoration: underline; color:#b57989; background: none;}
#menu .selected {  font-weight: normal; text-decoration: none; color:#71565d; background: none; padding: 5px 10px 5px 10px; border-right: 1px solid #125e70; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; width: 150px; margin-left: -1px; background:none; z-index:255; }
#menu li:hover ul { display: block; }
#menu li li a { width: 181px; font-size:1.25em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #943464; border-top: 0; margin-top: 0px; padding:7px 0px 7px 24px; text-transform:none; border-top:0; font-weight:bold; border-top:0;}
#menu li li a:hover { width: 181px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menubase { margin-top:10px; background: #fff url('/images/base/silver.jpg') no-repeat; width:200px; height:300px; }
*/
/* Top */
/*
#topmenu { border:0; padding:0; margin-top:1px; height:34px; background: #fff url('/images/base/menubg.jpg') repeat-x; border-bottom: solid 1px #fff; width:911px; padding-top:0px; margin-bottom:0px; }
#topmenu ul {margin:0; padding:0; list-style-type: none; }
#topmenu li { float: left; display: inline; }
#topmenu li:hover { display: inline;}
#topmenu li a { display:block; color: #fff; font-weight: normal; font-size:1.5em; padding: 9px 19px;  text-decoration: none; font-family: Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#topmenu li.menu1 a { display:block; color: #fff; font-weight: normal; font-size:1.5em; padding: 9px 19px;  text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#topmenu li.menu7 a { display:block; color: #fff; font-weight: normal; font-size:1.5em; padding: 9px 22px 9px 19px; text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: none; }
#topmenu li a:hover { font-weight: normal; text-decoration: none; color:#fff; background: #fff url('/images/base/menubg_over.jpg') repeat-x top left; font-size:1.5em; }
#topmenu .selected {  font-weight: normal; text-decoration: none; color:#fff; background: #fff url('/images/base/menubg_over.jpg') repeat-x top left; padding: 5px 10px 5px 10px; border-right: 1px solid #125e70; }
#topmenu ul ul { display: none; position: absolute; top: auto; left: auto; width: 150px; margin-left: -1px; background:none; z-index:255; }
#topmenu li:hover ul { display: block; border-top:solid 1px #fff; }
#topmenu li li a { width: 181px; font-size:1.25em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 24px; text-transform:none; border-top:0; font-weight:bold; border-top:0;}
#topmenu li.menu1 li a { margin-left: 0px; width: 129px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li.menu2 li a { margin-left: 1px; width: 200px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li.menu3 li a { margin-left: 1px; width: 200px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li.menu4 li a { margin-left: 1px; width: 115px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li.menu5 li a { margin-left: 1px; width: 155px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li.menu6 li a { margin-left: 1px; width: 158px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li.menu7 li a { margin-left: 1px; width: 127px; font-size:1.3em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #51363d; border-top: 0; margin-top: 0px; padding:7px 0px 7px 19px; text-transform:uppercase; border-top:0; font-weight:normal;}
#topmenu li li a:hover { width: 181px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu1 li a:hover { width: 129px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu2 li a:hover { width: 200px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu3 li a:hover { width: 200px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu4 li a:hover { width: 115px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu5 li a:hover { width: 155px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu6 li a:hover { width: 158px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#topmenu li.menu7 li a:hover { width: 127px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
*/
/* Banner */
#imagecontainer { padding:0; margin:0; }
.banner1 { padding:0; margin-top:0px; margin-left:0px; position:relative; width:226px; height:180px; float:left; margin-right:4px;}
.banner1:hover { border-color: #a58f95; background: #a58f95; }
.banner1 img { position: absolute; top: 0; }
.banner2 { padding:0; margin-top:0px; margin-left:0px; position:relative; width:443px; height:180px; float:left; margin-right:4px;}
.banner2:hover { border-color: #a58f95; background: #a58f95; }
.banner2 img { position: absolute; top: 0; }
.banner3 { padding:0; margin-top:0px; margin-left:0px; position:relative; width:226px; height:180px; float:left; margin-right:0px;}
.banner3:hover { border-color: #a58f95; background: #a58f95; }
.banner3 img { position: absolute; top: 0; }

/* Main */
/*
#centre { margin:0; padding:0; }
#main { margin:0; padding:20px; width:637px; background-color:#fff; float:left; height:290px; overflow:auto;  scrollbar-base-color: #dfc7d7; scrollbar-track-color: #dfc7d7; scrollbar-face-color: #dfc7d7; scrollbar-highlight-color: #dfc7d7;scrollbar-3dlight-color: #c399b5;scrollbar-darkshadow-color: #c399b5; scrollbar-shadow-color: #dfc7d7; scrollbar-arrow-color: #c399b5;}
#side { margin-left:5px; margin-top:4px; }

#footer { text-align: center; width: 912px; font-size: 1.0em; background: url('/images/base/menubg.jpg') repeat-x; margin-top:0px; padding-bottom:8px; padding-top: 3px; border-top: solid 1px #d6e0e0; color: #fff;  }
#footer a { text-decoration:underline; border:none; color: #fff; }
#footer a:hover { color:#e5d1de; text-decoration:underline; }
*/
/* Controls */
.input { font-family: Verdana, Tahoma; margin-bottom:2px; font-size:1.0em; color: #353f15;}
.textleft { width:350px; text-align: left; float:left; height:175px; padding:12px; }
.textright { width:250px; text-align: left; float:left; height:175px; padding:12px; }
.imageleft { width: 350px; text-align: left; float:left; padding:12px;}
.imageright { width: 350px; text-align: left; float:right; padding:12px; }

/* Warnings & Validators */
.warning { font-family: Verdana, Tahoma; color: #781F00; }
.validate { font-family: Verdana, Tahoma; font-size: 1.0em; color: #781F00; }

/* Google Map & Directions */
.map { width:220px; height:180px; border: solid 1px #555; margin-top:6px; }
.mapinstructions { font-family: Verdana, Tahoma; font-size:1.0em; text-align:left;}
.minimap { width:236px; height:236px; border: solid 1px #000000; position:relative; }
.directions { margin-top:20px; font-family:Verdana; font-size:1.0em; }
.directions .text { font-family:Verdana; font-size:1.0em; width:200px; margin-right:10px; margin-left:10px; }
.directions .button { font-family:Verdana; font-size:1.0em; width:100px; }

.button { font-family: Verdana; font-size:1.0em; color: #353f15;}

/* Standard text */
.text { font-family: Verdana, Tahoma; font-size: 1.0em; color: #AAAAAA; padding:0; text-align:left; margin-top:0;}
.text a { text-decoration:underline; border:none; color: #65490d;}
.text a:hover { color: #c7911d; text-decoration:underline; border:none }

/* Caption Boxes */
.box { width: 221px; border: solid 1px #d1c1ab; background: #fff url('/images/base/box.jpg') no-repeat; margin-bottom:6px;}
.box .title { padding: 65px 8px 6px 8px; font-size:1.25em; font-weight:bold; text-transform:uppercase; color: #222; font-family:Trebuchet MS; }
.box .contents { padding:0px 8px 4px 8px; }
.box .link { padding: 0px 8px 4px 8px; text-align:right; }
.box .link a { text-decoration:underline; border:none; color: #65490d;}
.box .link a:hover {color: #c7911d; text-decoration:underline;}


/* Links */
.link { border: none; padding-left:20px; text-decoration:none; background-color: #FFFFFF; }
.link a, a:hover { text-decoration: none; padding-top: 0px; padding-bottom: 0px; }

/* Photos */
.photo { border: none; padding-left:0px; text-decoration:none; background-color: #FFFFFF; }

#updateprogress1 { color: #000000; }


/* Images */
#images {border:none; margin-top:15px; margin-bottom:15px; text-align:center; }
#images a, #images a:active, #images  a:visited { text-decoration:none; border:none; }
#images a:hover, #images a:active:hover, #images a:visited:hover { text-decoration:none; border:none; }
.image { border:none; }
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }
.caption { padding-top:4px; padding-bottom: 12px; text-align:left; width:180px; }

/* Validators */
.validator { padding-bottom: 3px; margin-bottom: 10px; }

/* special */
* { padding: 0em; margin: 0em; }

/* ----------------------------- start #nav ----------------------------- */
#nav img { border: none; float: left; }
#nav li { display: inline; list-style:none; text-decoration:none; border:none;}
/*#nav li a { float: left; display:block; width: 133px; margin: 0px; text-decoration:none; border:none;}*/
#nav li a { float: left; display:block; margin: 0px; text-decoration:none; border:none;}
#nav li a img {  border:none; vertical-align:top; /* for IE6 */}
#nav li a:hover { visibility:visible; text-decoration:none; border:none;}
#nav li a:hover img { visibility:hidden; text-decoration:none; border:none;}
#nav li a:hover img/**/ { visibility:hidden; text-decoration:none; border:none; /* hide from IE5.0/win */}

/* ----------------------------- end #nav ----------------------------- */

#img { text-decoration:none; border:none;}

/* ----------------------------- start #nav ids ----------------------------- */

#one { background:url(images/menu/menuHomeOver.png) no-repeat right bottom;  border:none;}
#two { background:url(images/menu/menuBusinessOver.png) no-repeat right bottom;  border:none;}
#three { background:url(images/menu/menuGamesOver.png) no-repeat right bottom;  border:none;}
#four { background:url(images/menu/menuAboutUsOver.png) no-repeat right bottom;  border:none;}

/* ----------------------------- end #nav ids ----------------------------- */

.headerNav
{
    padding: 0px 0px 0px 0px;
    float:left;
}
.headerArea
{
    width: 1000px;
    height: 69px;
    vertical-align: top;
    text-decoration:none; 
    border:none;
    background-image: url(images/menu/menuBG.png);
}
.headerItem
{
    vertical-align: top;
    text-decoration:none; 
    border:none;
    /*background-image: url(images/v2/menu/divide.jpg);*/
}

/*
table {
        border-collapse: collapse;
}


td
{ 
    border: none;
    padding: 0px 0px;
}
*/


.EdgeLeft
{
    width:15px;
    float:left;
}
.EdgeRight
{
    float:left;
    width:15px;
    }


.FrontPageColumn
{
    float:left;
    width:400px; 
}

.FrontPageText
{
    float:left;
    width:300px; 
      padding-left:50px;
      line-height:20px;
}

.FrontPageAd
{
    float:left;
    text-align:center;
    width:950px; 
    /*padding-top: 30px;  */
    margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.FrontPagePanelHeader
{
    float:left;
}
.FrontPagePanelHeaders
{
    width:951px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.FrontPagePanelHeaders a
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.FrontPagePanelHeaders a img
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
.FrontpagePanel
{
    width: 475px;
    height: 184px;
    background-image: url(/images/v4/panelBack2.png);
    float:left;
}
.FrontpagePanel:hover
{
    width: 475px;
    height: 184px;
    background-image: url(/images/v4/panelBackOver2.png);
    float:left;
}

.FrontPageVideo
{
    float:left;
    width:450px; 
    padding-top: 30px;  
}

.SectionsOverview
{
    float:left;
    width:800px;   
    margin-left:150px;
}

.SectionColumn
{
    float:left;
    width:350px;
    margin-top:20px;
    margin-bottom: 20px;
    margin-left:50px;
    font-size: 10px;
    line-height:15px;
}

.OverviewSection
{
    float:left;
    width:475px;   
    font-family: Verdana, Tahoma; 
    font-size: 12px; color: #AAAAAA; 
    margin-bottom:0px;
    margin-right:0px;
}

.OverviewSectionText
{
    float:left;
    position:relative;
    left:0px;
    top:-185px;
   
    z-index:1;
    width:220px;   
    font-family: Verdana, Tahoma; 
    font-size: 10px; 
    color: #AAAAAA; 
    line-height:15px;
    background-position: right top;
    margin: 35px 0px 10px 25px;
    z-index:2;
}
.OverviewSectionText a
{
    color: #AAAAAA; 
    display:block;
    text-decoration:none;
}
.OverviewSectionText a:visited
{
    color: #AAAAAA; 
    display:block;
    text-decoration:none;
}
.OverviewSectionText a:hover
{
    color: #AAAAAA; 
    display:block;
    text-decoration:none;
}
.OverviewSectionImg
{
    position:relative;
    left:0px; 
    top:0px;
    border: none 0px;
}
.OverviewSectionImg a
{
    border-style:none;
}
.OverviewSectionImg a:visited
{
    border-style:none;
}
.OverviewSectionImg a:hover
{
    border-style:none;
}
.Article
{
    width:950px;
    float:left;
    font-family: Verdana, Tahoma; 
    font-size: 11px;
    line-height:16px; 
    color: #AAAAAA; 
    text-align:left; 
    margin-top:0;
    background-image: url(/images/v4/panelBack2.png);
}
.ArticleTitle
{
    float:left;
    width:900px;
    margin-bottom:20px;
    margin-top:20px;
    padding-left:30px;
}
.ArticleColumn
{
    float:left;
    width:300px;
    padding-right:10px;
    padding-left:30px;
    padding-bottom: 10px;
}
.ArticleColumn p
{
    padding-bottom:15px;
}
.ArticleColumn a
{
    color:White;
}
.ArticleGallary
{
    float:left;
    width:240px;
    padding-left:10px;
}

.FeaturesList
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left:10px;    
}
.FeaturesList li
{
    padding-bottom:15px;
}

.FeaturesListShort
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:10px;    
}
.FeaturesListShort li
{
    padding-bottom:5px;
}

.Quote
{
    font-size:16px;
    line-height:20px;
    color:White;
    font-style:italic;
    font-weight:bold;
    padding-top:20px;
    padding-left:10px;
    
}
.SubQuote
{
    font-size:14px;
    color:White;
    padding-top:8px;
    padding-bottom:20px;
    padding-left:10px;
}


.PortfolioMainText
{
    width: 800px;
    margin-left:30px;
}

.PortfolioBody
{
    width:950px;
    font-family: Verdana, Tahoma; 
    font-size: 12px;
    color: #AAAAAA; 
    padding:0; 
    text-align:left; 
    margin:0;
     background-image: url(/images/v4/panelBack2.png);
}
.PortfolioBox
{
    width: 465px;
    float:left;
    font-family: Verdana, Tahoma; 
    font-size: 10px; color: #AAAAAA; 
    /*padding: 0px 25px 0px 130px;*/
    margin: 15px 0px 20px 10px;
    text-align:left;
    background:inherit;
}
.PortfolioImg
{
    border:solid 1px #242424;
    /* padding: 0px 25px 0px 0px; */
    margin: 0px 15px 0px 0px;
}


.PortfolioReadMore
{
    border: none;
    /*padding: 0px 0px 0px 250px;
    margin-left: 250px;*/
    float:left;
    margin-top:10px;
}

.PortfolioBoxTitle
{
    /*padding-top: 8px;
    margin-top: 8px;*/
    float:left;
    font-size:16px;
    font-weight:bold;
    color: #FFFFFF;
    width: 200px;
}
.PortfolioText
{
    margin-right:20px;
    margin-top:5px;
    /*padding-right:25px;
    padding-top: 15px;*/
    float:left;
    width:225px;
    font-size:10px;
    line-height:14px;
}
#centre 
{
    margin:0; 
    padding:0; 
    float:left;
}
#main 
{/*
    margin:20; 
    padding:20px; 
    
    padding-top:20px;
    */
    width:951px; 
    /*background: #000000 url('/images/general/MainBG.jpg') no-repeat; width:1000px;*/
    /*overflow:auto; */
    text-align: left; 
    font-size: 12px; 
    float:left;
    }
    
    #footer 
    {
        margin:0; 
        font-family: Verdana, Tahoma, Arial;
         padding:0px; 
        /*width:1000px; 
        background: #000000 url('/images/general/MainBG.jpg') no-repeat; width:1000px; height:600px;
       overflow:auto; */
        text-align: center; 
        font-size: 10px;
        line-height: 14px;
        color:#666666; 
        background: #040404;
        width:951px;
        height: 200px;
        float:left;
     }
#footer a { text-decoration:underline; border:none; color: #666666; }
#footer a:hover { color:#FFFFFF; text-decoration:underline; }
#footer img {}
.contact {font-size:14px;}