/*Format*/ 
	
	html, body { 
	/*Gradient background*/
	background: #000000 url('../img/background.gif') repeat-x top left;   
	/*Primary font syles*/
	font-family: palatino, palatino linotype, georgia, times, times new roman, verdana;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	} 
	
	/*Link colors */
	a:link {color: #b2b2b2; text-decoration: underline; } /*unvisited link*/
	a:visited {	color: #491472; text-decoration:none;} /*visited link*/
 	a:hover { color:#e5e511; text-decoration:underline;} /*mouse over link !Must come after a:link and a:visited! */
	a:active {color: #e5e511; text-decoration:none; } /*selected link !!!Must come after a:hover!!!*/
	
	/*Header settings */
	
	/*Basic header settings */
	h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	font-family: palatino, palatino linotype, hoefler text, times, times new roman;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:24px;
	text-decoration:none;
	color: #FFFFFF;
	}
	
	h2 {
	background: #101010; /*Sets the background color */
	margin:  20px 0 5px 0; /*Moves the entire header. Top->Right->Bottom->Left */
	padding: 10px 30px; /* Moves the text within the header */
	font-variant:small-caps; 
	}
	
	h3 { 
	font-weight: bold; 
	font-size: 16px; 
	margin: 0 0 15px 0; 
	}
	
	h4 {
	clear: both; 
	background-color:#101010; 
	font-size: 15px; 
	color: #35309a; 
	text-transform: uppercase; 
	margin: 0 0 15px 0; 
	font-weight: bold; 
	border-top: 1px solid #514f82;
	width:100%;
	}
	
	h4 span { 
	display: block; 
	font-style: italic; 
	font-size: 14px; 
	font-weight: normal; 
	text-transform: none; 
	color: #35309a; 
	}
	
    
    em { font-style: italic; }
   	strong {font-weight: bold; }
	.Right { float: right; }
	
/*Body*/ 

    /*Sets the main container of the page */
	#OuterContainer { 
	background: #5550b7; 
	position: relative;
    width: 956px; 
	margin: 0 auto;
	}
	
	/*Creates a border around the sides and bottom of main content */
	#InnerContainer {
	background:#000000 url('../img/HKPic.JPG') no-repeat top center;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
	border-bottom: 5px solid #5550b7;
	}
	
	/*Header*/
	#Banner {
	position:relative;
	height: 100px;
	width: 950px;
	background: url('../img/nav_banner.jpg') no-repeat top center;
	}
	
	/*Position of links in Header */
	#Banner #logo     {position: absolute; top: 15px; left: 15px; } /*Logo on left side*/
	#Banner #home     {position: absolute; top: 80px; left: 575px; } /*Home button*/                  
	#Banner #about {position:absolute;top:80px;left:651px }
    #Banner #services    {position: absolute; top: 80px; left: 738px; } /*About button*/          
	#Banner #contact  {position: absolute; top: 80px; left: 839px; } /*Contact button*/

/* Homepage */
 	#MainSpacer {
	position:relative;
	height:350px;
	}
	
	/*Semi-transparent black box at bottom */            
	#MainContainer {
	position:relative;
	width:950px;
	background: #000000;
    filter:alpha(opacity=80);
    opacity:0.8; 
	min-height:263px;
	}
	
	#MainContainer h2 {margin: 0px 0 5px 0;}
	#MainContainer p  {margin: 10px 10px 5px 30px;}
	
	/* Left column */
	#MainContainer .Column1 {
	position: relative; 
	top:20px; 
	float:left; 
	width:475px; 
	margin: 0;
	background: url('../img/vline.gif') repeat-y top right; /* Column right border */
	}
	
	/*Right column */
	#MainContainer .Column2 {position: relative; top:20px; float:left; width:475px; margin: 0;}

/*About Page */
    /* Position of "Services" button */
    #buttonservices { 
	left: 30px; 
	position: absolute; 
	top: 115px; 
	}
	
    /* Position of "Profile" button */ 
    #buttonprofile { 
	left: 30px; 
	position: absolute; 
	top: 165px;  
	}
	
    #AboutSpacer { 
	position:relative;
	height:142px;
    padding:10px;
	}
	
	/*black box */
	#AboutPage {
	position:relative;
	width:950px;
	background: #000000; 
	filter:alpha(opacity=85); 
	opacity:0.85; 
	}
	
	#AboutDesc {
	width:890px;
	padding: 20px 30px;
	min-height:363px;
	}
	    
    /* Inserts picture on left side of page in a paragraph */
    #AboutDesc .InsertLeft { 
	padding: 3px; 
	background: #F0F0F0; 
	margin: 5px 5px 5px 0; 
	float: left; }
	
    /* Inserts picture on right side of page in a paragraph */
    #AboutDesc .InsertRight { 
	padding: 3px; 
	background: #F0F0F0; 
	margin: 5px 0 5px 5px; 
	float: right; 
	}
    
    #AboutDesc span.article {
    font-style:italic;
     }
    
/* Services Page */

    /* Position of "Corporate & Securities" button */
    #buttonCorp { 
	left: 28px; 
	position: absolute; 
	top: 115px; 
	}
	
    /* Position of "Small Businesses" button */ 
    #buttonSB { 
	left: 28px; 
	position: absolute; 
	top: 146px;  
	}
    
    /* Position of "Small Businesses" button */ 
    #buttonEntre { 
	left: 28px; 
	position: absolute; 
	top: 178px;  
	}
    
   #ServicesSpacer { 
	position:relative;
	height:125px;
	}
    
   #ServicesPage {
	position:relative;
	width:950px;
	background: #000000; 
	filter:alpha(opacity=85); 
	opacity:0.85; 
    }
    
   #ServicesDesc {
	width:890px;
	padding: 20px 30px;
	min-height:363px;
	}
    
   #ServicesContainer  {
	position:relative;
	width:950px;
	background: #000000; 
	filter:alpha(opacity=85); 
	opacity:0.85; 
	min-height: 363px;
    }        
    
   #ServicesContainer p {padding-top::10px }
   
   #ServicesContainer p.question {
    font-style:italic;
    font-weight:bold;
    margin-bottom:10px;
    }
    
   #ServicesContainer p.answer {
    font-style:none;
    margin-bottom:10px;
    }
   
   #ServicesContainer ul.ListTitle {
   font-weight: bold;
   list-style: none;
    }
   
   #ServicesContainer ul.ListItem {
   font-weight: normal;
   list-style: square;
    }
   
    
   /* Contact page */
	
    /*black box */
    #ContactContainer  {
	position:relative;
	width:500px;
	background: #000000; 
	filter:alpha(opacity=85); 
	opacity:0.85; 
	height: 250px;
    left:30px;
    top:30px; 
    }
	
    /*Contact info categories */
    #ContactContainer .Column1 { float: left; width: 150px; margin: 0; }

    /*Contact info data */
    #ContactContainer .Column2 { float: left; width: 325px; margin: 0; }
    
	#ContactSpacer { 
	position:relative;
	height:380px;
	}
    
    #ContactContainer ul { 
    list-style: none;
    }
    	

        
/*Footer*/
	#Footer { 
	position: relative; 
	display: block; 
	width: 956px; 
	margin: 0 auto; 
	background: #000000; 
	clear: both; 
	overflow: hidden; 
	padding: 20px 0; 
	}
	
	#Footer .Legal { 
	width: 77%; 
	float: right; 
	text-align: right; 
	font-size: 11px; 
	color: #4a4a4d; 
	}
	
	#Footer .Navigation { float: left; }
	#Footer a { color: #5550b7; text-decoration: none; }
	#Footer a:hover, #Footer a:active { color: #9d9393; }