
    .border {
        position:           absolute;
        height:             20px;
        width:              20px;
    }

    /*    MAIN BORDERS
        | These are the styles for the spans that are used to hold
        | the background images if there are any decorative borders.
    */
    
    #main_top_left {
        top:                0;
        left:               0;
        background:         url(../../images/borders/home/top_left.gif) no-repeat;
    }
    
    #main_top {
        top:                0;
        left:               20px;
        width:              40em; 
        background:         url(../../images/borders/home/top.gif) repeat-x;
    }
    #main_top_right {
        top:                0;
        right:              0;
        background:         url(../../images/borders/home/top_right.gif) no-repeat;
    }
    #main_left {
        top:                20px;
        left:               0;
        height:             21em;
        background:         url(../../images/borders/home/left.gif) repeat-y;
    }
    #main_centre {
        top:                20px;
        left:               20px;
        height:             100%;
    }
    #main_right {
        top:                20px;
        right:              0;
        height:             21em;
        background:         url(../../images/borders/home/right.gif) repeat-y;
    }
    #main_bottom_left {
        bottom:             0;
        left:               0;
        background:         url(../../images/borders/home/bottom_left.gif) no-repeat;
    }
    #main_bottom {
        bottom:             0;
        left:               20px;
        width:              40em; 
        background:         url(../../images/borders/home/bottom.gif) repeat-x;
    }
    #main_bottom_right {
        bottom:             0;
        right:              0;
        background:         url(../../images/borders/home/bottom_right.gif) no-repeat;
    }
    /* END MAIN BORDERS */    .menu_highlight {
		background-color:   transparent !important;
        background-image:   none !important;
    }
 
    .menu_highlight a{
		color:              #C88A00 !important;
    }
    
    ul.vertical_menu {
        position:           absolute;
        top:                0.3em;
        left:               23em;
		width:				9em;
		margin:             1.2em .8em;
        padding:            0;
		list-style:			none;
	}
    	
	.vertical_menu li {
		font-weight:		bold;
		padding-left:		1em;
		height:				1.45em;
	}
	
	.vertical_menu li a {
		text-decoration:	none;
		color:				#FFFFFF;
		border:				none;
        font-size:          75%;
	}
	
	.vertical_menu li a:hover {
		text-decoration:	none;
		color:				#D8F1FF;
	}
	
	ul.horizontal_menu {
    	position:			absolute;
        right:              2em;
        top:                5em;
		width:				46em;
		height:				2.1em;
		margin:				0;
		padding:			0;
		background-image:   url(../images/nav-bg.jpg);
		background-repeat:  repeat-x;
		background-position:top;
		background-color:   #000000;
		list-style:			none;
	}

	.horizontal_menu li {
		float:				left;
		margin:				0;
		padding:			0;
		font-size:			80%;
		letter-spacing:		.16em;
		text-transform:		uppercase;
		background-image:   url(../images/nav-divider.png);
		background-position:right center;
		background-repeat:  no-repeat;
	}
	.horizontal_menu li a {
		float:				left;
		padding:			.7em 1em;
		text-decoration:	none;
		color:				#D8F1FF;
		border:				none;
	}
	.horizontal_menu li a:hover {
		color:				#8FADBF;
	}	
	html {
		font-family:		helvetica,Arial,Verdana,sans-serif;
		height:				100%;
        overflow-y:         scroll;
	}
	
	body {
		margin:				0;
        padding:            0;
		height:				100%;
		background-color:	#000000;
	}
    
    p {
        margin:             0 2em 0.7em 0;
    }

	h1 {
		font-size:			110%;
		margin:				0.2em 0 0.3em 0;
		font-style:			italic;
	}
	
	img {
		display:			block;
	}
	
	a:link, a:visited {
		color:				#62A6CD;
		text-decoration:	none;
	}
	
	#wrapper {
		position:			relative;
		width:				60em;
 		margin:		        0 auto 0 auto;
		padding:			0 1em 0 1em;
		border-left:		.1em solid #C88A00;
		border-right:		.1em solid #C88A00;
        overflow:           hidden;
        min-height:         100%;
		background-color:	#000000;
	}
	
	#header {
        position:           relative;
        width:              57em;
        margin:             1em 0 0 0;
        padding:            0 0 0 2em;
		height:				13em;
        overflow:           hidden;
        color:              #405F83;
		background-color:	transparent;
	}
	
	.rounded-corners {
		background-color: #000000;
		border-radius: 1px;
		behavior: url(stylesheets/border-radius.htc);
	}
	
	#main {
        position:           relative;
		left:				2.5em;
		height:				21.5em;
		width:				40em;
        float:              left;
        margin:             0 0 3em 0;
        padding:            1.2em 0 0.7em 2.4em;
		overflow:			visible;
        color:              #FFFFFF;
		background-color:	#000000;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 		15px;
		border:             .15em solid #FFFFFF;
		behavior: url(stylesheets/border-radius.htc);
		z-index:			0;
	}
	
	#main p {
		font-size:			80%;
	}
	
	#main a:link, #main a:visited {
		color:				#62A6CD;
		text-decoration:	none;
	}
	
	#right_panel {
        position:           absolute;
		right:				2em;
		width:				10em;
        overflow:           hidden;
		background-color:	transparent;
    }
	
	#right_panel .portrait {
		float:				right;
		margin:				0 0 0.5em 0;
		width:				5.4em;
		height:				5.4em;
	}
    
	#footer {
        position:           absolute;
        margin:             0 0 1em 3.4em;
        width:              57em;
        left:               0;
        bottom:             0;
        color:              #FFFFFF;
		background-color:	#000000;
	}
	#footer div {
		font-size:			80%;
	}
	
	#mask {
		position:			absolute;
		top:				0;
		width:				100%;
        height:             100%;
        display:            none;
 		margin:		        0 0 0 0;
		padding:			0 0 0 0;
        overflow:           hidden;
		background-color:	black;
        opacity:            0.5;
        filter:				alpha(opacity=50); 
        z-index:            99;
	}
    .left_float {
        float:              left;
    }
    
    .right_float {
        float:              right;
    }

    .rate_card_popup {
        position:           absolute;
        left:               50%;
        width:              41em;
        height:             26em;
        display:            none;
 		margin:		        0em auto 0 -25em;
        z-index:            100;
        overflow:           auto;
		top:				10em;
		padding:			0 1em 0 1em;
		font-size:			80%;
		color:				#2A180E;
		background-color:	#F8B334;
		-moz-border-radius: 15px;
		border-radius: 		15px;
		border:             .2em solid #FFFFFF;
    }
	
    .rate_card_popup ul {
        line-height:		2em;
		margin-left:		8em;
	}
	

    .home_audio_popup {
        position:           absolute;
        left:               50%;
        width:              41em;
        height:             14em;
        display:            none;
 		margin:		        0em auto 0 -25em;
        z-index:            100;
        overflow:           hidden;
		top:				28em;
		padding:			0 1em 0 1em;
		font-size:			80%;
		color:				#2A180E;
		background-color:	#F8B334;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 		15px;
		border:             .2em solid #FFFFFF;
    }
    
    .home_video_popup {
        position:           absolute;
        left:               50%;
        width:              41em;
        height:             38em;
        display:            none;
		border:             .3em solid #FFFFFF;
 		margin:		        0em auto 0 -25em;
        z-index:            100;
        overflow:           hidden;
		top:				8em;
		padding:			0 1em 0 1em;
		font-size:			80%;
		color:				#2A180E;
		background-color:	#F8B334;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 		15px;
		border:             .2em solid #FFFFFF;
    }

