﻿/* colours
#eeeeee
#cacaca
*/

body {
    background-image:url("../imgs/photo1_bg.jpg");
    font-family: Arial, Helvetica, Sans-Serif;
    color:#eeeeee;
}


/*------content------*/

#content 
{
    width: 960px;
    height: 1024px;
    background-image:url("../imgs/trans_bg_40.png");
    margin: 0 auto;
}

#header
{
    width:960px;
    height:auto;
    background-color:Transparent;
    float:left;
}

#navholder
{
    background-image:url("../imgs/trans_bg_25.png");
    width:960px;
    height:50px;
    float:left;
    margin-top:150px;
}

#wordlogo
{
    width:220px;
    height:101px;
    background-color:Transparent;
    float:left;
    margin-left:27px;
    margin-top:-130px;
}


#logoholder
{
    background-color:Transparent;
    width:226px;
    height:226px;
    float:left;
    margin-top:-130px;
    margin-left:15px;
}

#bgchanger
{
    background-image:url("../imgs/trans_bg_25.png");
    width:265px;
    height:115px;
    float:right;
    margin: -133px 20px 0 0;
}

#bgchanger:hover
{
    color:#ffff4f;
}

#leftblock
{
    width:630px;
    height:auto;
    background-color:Transparent;
    float:left;
    margin: 50px 15px 15px 15px;
}

#welcome
{
    background-image:url("../imgs/welcome.png");
    width:118px;
    height:32px;
    margin: 0 auto;
    margin-bottom:30px;
}

#rightblock
{
    width:260px;
    height:auto;
    background-color:Transparent;
    float:left;
    margin: 48px 15px 15px 15px;
}

/*------Showcase-----*/

#showcase
{
    background-image:url("../imgs/showcase.png");
    width:127px;
    height:31px;
    margin:0 auto;
    margin-bottom:30px;
}

ul.imgholder
{
    background-color:Transparent;
    width:200px;
    height:400px;
    margin:0 auto;
}

ul.imgholder li
{
    display:inline;
}

ul.imgholder li a
{
    background-color:Transparent;
}

ul.imgholder img
{
    margin-bottom:15px;
}

ul.imgholder img:hover
{
    width:400px;
    height:188px;
    margin-left:-100px;
}

/*------stylechanger list------*/

ul.stylechanger
{
    background-color:Transparent;
    width:265px;
    height:50px;
    line-height:57px;
    margin-top:12px;
}

ul.stylechanger li
{
    display:inline;
    float:left;
}

ul.stylechanger li a
{
    background-color:Transparent;
}

ul.stylechanger img
{
    border:solid 1px Transparent;
    margin:0 0 0 11px;
}

ul.stylechanger img:hover
{
    border:solid 1px #eeeeee;
}

/*------main navigation------- */

ul.navigation
{
    line-height:48px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:18px;
    color:#eeeeee;
    font-weight:bold;
    float:left;
    width:710px;
}

ul.navigation li
{
    display:inline;
}

ul.navigation li a
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:18px;
    color:#eeeeee;
    float:left;
    text-decoration:none;
    padding:0 0 0 30px;
}

ul.navigation li a:hover
{
    color:#ffff4f;
}

ul.navigation li#active a
{
    color:#ffff4f;
}

/*------footer------*/

#footer
{
    width:100%;
    height:85px;
    background-image:url("../imgs/trans_bg_25.png");
    float:left;
}

#contactinfo
{
    background-color:Transparent;
    text-align:right;
    margin: 8px 15px 0 15px;
    float:right;
}

#siteandcopy
{
    background-color:Transparent;
    width:250px;
    height:auto;
    margin:15px 0 0 15px;
    float:left;
}

#valid
{
    background-color:Transparent;
    width:250px;
    height:auto;
    margin:20px 0 0 15px;
    float:left;
    clear:left;
}

.gallery
{
    width:100%;
    height:590px;
    float:left;
    margin-top:15px;
}

#smaller
{
    height:250px;
}

.gallery a
{
}

.gallery img
{
    margin: 10px;
    position:absolute;
    z-index:1;
}

.gallery img:hover
{
    width:400px;
    height:400px;
    z-index:2;
}

.galimgholder
{
    width:auto;
    height:auto;
}

.galimgholder a
{
}

.galimgholder img
{
    position:absolute;
    z-index:1;
}

.galimgholder img:hover
{
    width:400px;
    height:400px;
    z-index:2;
    margin-left:-100px;
    margin-top:-100px;
}


/*-----text------*/

p
{
    font-size: 18px;
}

p.backgroundc
{
    margin:12px 0 0 11px;
}

p.footertext
{
    width:100px;
    height:auto;
}

/*-----links-----*/

a:link 
{
    color: #eeeeee;	
    text-decoration: none;
}

a:visited 
{
    color: #eeeeee;	
    text-decoration: none;
}

a:hover 
{
    color: #ffff4f;	
    text-decoration: none;
}

/*---------*/

.gallerytext
{
    margin:60px 15px 10px 15px;
    float:left;
}

/*-----LINKS----*/

.cust_links
{
    width:640px;
    margin:60px 10px 60px 10px;
    float:left;
}

.links_text
{
    font-size:24px;
    font-weight:bold;
    margin-bottom:20px;
}

ul.friendlinks
{
    background-color:Transparent;
    width:940px;
}

ul.friendlinks li
{
    display:inline;
    float:left;
    margin-right:20px;
}

ul.friendlinks li a
{
}

ul.friendlinks img
{
}