@charset "utf-8";

/* --- GENERAL --- */
html { 
    margin: 0;
    height: 100%; }	

body {
    height: 100%; 
	font-size: 80%;
	font-family: Georgia, Arial, Helvetica, Verdana, 'trebuchet ms', sans-serif;
	margin: 0;
	color: #002d4e;
}

img {
	border: 0;
	display: inline;
}

sub, form, fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

p { margin: 0 0 20px 0; }

a { color: #677f9c; text-decoration: none; }

a:hover { color: #000; }

h1 {
	padding: 0px 0 10px 0;
	margin: 0;
	font-size: 160%;
}

h2 {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 120%;
}

h3 {
	padding: 0;
	margin: 10px 0 0 0px;
	font-size: 100%;
}

/* --- BG --- */
#bg {
    width: 984px;
	margin: 0 auto;
	background-image: url('../images/common/bg-menu.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
    z-index: 10;
}

    div.default, div.small, div.showcase { height: 485px; }
    div.wide { height: auto !important; height:100%; min-height:100%; background-image: none !important; }

/* --- HEADER --- */
#header {
	width: 984px;
	margin: 0;
	height: 120px;
	padding: 0px 0px;
}
    
    #header img { float: left; margin: 20px 0 0 122px; }
    div.wide #header img { margin-left: 113px; }
    
	#submenu {
		overflow: hidden;
		width: 900px;
		height: 20px;
		position: relative;
		float: right;
	}
	
	
	#submenu ul {
        float: right;
        font-size: 10px;
        margin: 0px 0 0 0;
    }

    #submenu ul li {
        border-left: solid 2px #fff;
        display: inline;
        float: left;
    }

    #submenu ul li img { display: none; }
    #submenu ul li span { display: none; }
    
    #submenu ul li a { 
        display: block;
        padding: 2px 3px;
        background-color: #3c5b7b;
        color: #fff;
        text-transform: uppercase;
    }

        #submenu ul li a:hover, #submenu ul li.selected a { 
            background-color: #c49b22;
        } 
		
div.enquire {
	position: relative; 
	top: 40px;
	left: 100px; 
	font-family: verdana; 
	color: #3c5b7b; 
	font-weight: bold;
}
        
/* --- CONTAINER --- */
#container {
	width: 984px;
    z-index: 20;
}

/* --- MENU --- */
#menu {
	width: 225px;
	height: 325px;
	padding: 20px;
	text-transform: uppercase; 
	float: left;
	display: inline;
	font-size: 1.1em;
}

    div.wide #menu { display: none; }

    #menu ul {
        float: right;
	    padding: 0;
	    margin: 145px 0 0 0;
    }

    #menu li { 
        text-align: right;
	    list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #menu ul li a {
        color: #fff;
        margin: 0;
        padding: 5px;
	    display: block;
	    float: right;
	    clear: both;
	    text-decoration: none;
	    letter-spacing: 0.1em;
    }

        #menu ul a:hover { 
            color: #67809d;
        }

        #menu ul a.selected { 
            color: #c49b22;
        }
    	
/* --- CONTENT --- */
#content {
    border-left: solid 2px #fff;
    background-color: #eceff3;
	display: inline;
	width: 677px;
	overflow: auto;
	margin: 0px;
	padding: 20px;
	float: left;
}

    div.default #content { height: 325px; }
    div.showcase #content { height: 325px; overflow: hidden; }
    div.small #content { background-color: #f7f8fa; display: inline; height: 325px; width: 335px; }

    #content p { line-height: 1.5em; }
        
    #content a.moreback {
	    color: #3b99d2;
	    display: block;
	    line-height: 100%;
	    margin: 0;
	    text-decoration:none;
    }

    #content a:hover.moreback { color: #000; }

    #content H1, H2, H3 {
	    letter-spacing: 1px;
	    margin-left: 0;
    }
    
    #content H1 em { 
        font-size: 1.2em;
        font-style: normal;
        margin-left: 30px;
    }

    #content ul li { list-style-type: square; }

#sidebar {
    float: right; 
    width: 300px; 
	height: 325px;
    background-color: #eceff3; 
    border-left: solid 2px #fff;
    padding: 20px;
}

    div.default #sidebar, div.wide #sidebar { display: none; }

    #sidebar ul {
	    padding: 0;
	    margin: 0;
    }

    #sidebar ul li { 
	    list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #sidebar ul li a {
        margin: 0;
        padding: 5px;
	    display: block;
	    height: 1%;
	    text-decoration: none;
        border: solid 1px #fff;
    }

/* --- FOOTER --- */	
#footer {
	width: 984px;
	margin: 0 auto;
	clear: both;
	height: 50px;
	font-size: 11px;
	padding-top: 3px;
    line-height: 1.5em;
}

    div.wide #footer { display: none !important; background-color: #ff6666; }

    #footer a {
	    text-decoration: none;
    }

    #footer #secondary {
	    float: left;
	    text-align: center;
	    margin: 5px;
    }

        #footer #secondary ul {
	        list-style: none;
	        padding: 0;
	        margin: 0;
        }

        #footer #secondary li {
	        display: inline;
            padding: 0 5px;
        }    

    #footer address {
        color: #a7aeb7;
	    font-style: normal;
	    margin: 5px 5px 5px 30px;
	    padding: 0 5px;
	    float: left;
    }

    #footer address a {
        color: #a7aeb7;
	    text-decoration: none;
	    text-transform: lowercase;
    }
    
    #siteby { float: right; margin: 5px; }