@font-face {
 font-family: Alternate;
 src: url("http://cantonesesubtitling.net/css/alternate-got-no-3d-1361545145.eot"); /* EOT file for IE */
}

@font-face {
    font-family: Alternate;
	src: url('http://cantonesesubtitling.net/css/alternate-got-no-3d-1361545145.ttf');
}


@charset "utf-8";
/* CSS Document */


body {
margin-top:20px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left: 0px;


	}

nav { margin-top:30px; margin-left:80px;}

nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	display:block;
	}
	
nav ul li {
	float:left;
	display:list-item;
	list-style: none; 
	}

nav ul li a {
	display:block;
		padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;	
	text-decoration:none;
	font-family: Alternate, Verdana;
	text-transform: uppercase;
	font-size:24px;
	font-weight:bold;
	color:#323232;
	
}

nav ul li a:hover {
 color:#ee3638;
  }

nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#dadada;
    
}
	
/* Change this in order to change the Dropdown symbol 
li > a:after { content: ' »'; } 
li > a:only-child:after { content: ''; }  	*/
	
	
/* The Dropdown Styles */
/* =================== */

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute;

		
}


	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:list-item;
		 
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	position: relative;
 
	
}
nav ul ul li a {
	display:block;
	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;	
	text-decoration:none;
	font-family: Alternate, Verdana;
	font-size:22px;
	font-weight:normal;
		color:#323232;
 
}
nav ul ul li a:hover {
 background-color: #dadada;
	 
}


/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: absolute relative;
	top:-58px; 
	left:170px;
}
.head {
color: #ef3735; 
font-weight: bold;
font-family: Verdana, sans-serif;
font-size:17px;
}
.inside {
 margin-top:13px;
 margin-bottom:15px;
 line-height:21px;
 font-family: Verdana, sans-serif ;
 font-size:14px;
 text-align:justify;
 color:#313131;
 width:336px;
}
.inside_top {
 margin-top:13px;
 margin-bottom:20px;
 line-height:21px;
 font-family: Verdana, sans-serif ;
 font-size:14px;
 text-align:justify;
 color:#313131;
  
}

.inside_call {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:19px;
padding-right:19px;
padding-bottom:19px;
padding-left:19px;
background-image: url(../images/contacts.jpg);

background-repeat: no-repeat;
 line-height:21px;
 font-family: Verdana, sans-serif ;
 font-size:16px;
 text-align:left;
 color:#313131;
 font-weight:bold;
 background-color:#e4e4e4;
}

h1 {
color: #ef3735; 
font-weight: bold;
font-family: Verdana, sans-serif ;
text-transform: uppercase;
font-size:17px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}


h2 {
color: #ef3735; 
font-weight: bold;
font-family: Verdana, sans-serif ;
font-size:15px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
	text-transform: uppercase;
}
h3 {
color: #313131; 
font-weight: bold;
text-decoration: underline;
font-family: Verdana, sans-serif ;
font-size:12px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}

h4 {
color: #ef3735; 
font-weight: bold;
font-family: Verdana, sans-serif ;
font-size:13px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;

}

.toples A:link{
color: #ef3735; 
font-weight: bold;
text-decoration:none;
font-family: Verdana, sans-serif ;
font-size:15px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}
.toples A:visited{
color: #ef3735; 
font-weight: bold;
text-decoration:none;
font-family: Verdana, sans-serif ;
font-size:15px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}
.toples A:active{
color: #ef3735; 
font-weight: bold;
text-decoration:none;
font-family: Verdana, sans-serif ;
font-size:15px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}
.toples A:hover{
color: #ef3735; 
font-weight: bold;
text-decoration:none;
font-family: Verdana, sans-serif ;
font-size:15px;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
}

.top_link A:link {
text-decoration: underline;
color: #323232;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.top_link A:visited {
text-decoration: underline;
color: #323232;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.top_link A:active {
text-decoration: underline;
color: #ef3735;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.top_link A:hover {
text-decoration: underline;
color: #ef3735;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.f_link A:link {
text-decoration: none;
color: #808080;
font-weight: normal;
font-family: Alternate, Verdana, Helvetica;
font-size:20px;
text-transform: uppercase;
}
.f_link A:visited {
text-decoration: none;
color: #808080;
font-weight: normal;
font-family: Alternate, Verdana, Helvetica;
font-size:20px;
text-transform: uppercase;
}
.f_link A:active {
text-decoration: none;
color: #808080;
font-weight: normal;
font-family: Alternate, Verdana, Helvetica;
font-size:20px;
text-transform: uppercase;
}
.f_link A:hover {
text-decoration: none;
color: #ffffff;
font-weight: normal;
font-family: Alternate, Verdana, Helvetica;
font-size:20px;
text-transform: uppercase;
}


.left_m {
margin-top:2px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:12px;
padding-right:15px;
padding-bottom:12px;
padding-left:15px;
background-color:#e0e0e0;
}
.left_top {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:12px;
padding-right:15px;
padding-bottom:12px;
padding-left:15px;
font-family: Alternate, Verdana;
font-size:20px;
font-weight:bold;
background-color:#ec1f27;
color: #FFFFFF;
}


.left_menu A:link {
color:#313131;
text-decoration: none;
font-family: Alternate, Verdana;
font-size:20px;
font-weight:normal;

}
.left_menu A:visited {
text-decoration: none;
font-family: Alternate, Verdana, Helvetica;
color:#313131;
font-size:20px;
font-weight:normal;
}
.left_menu A:active {
text-decoration: none;
font-family: Alternate, Verdana, Helvetica;
color:#313131;
font-size:20px;
font-weight:normal;
}
.left_menu A:hover {
text-decoration: none;
color:#ef3735;
font-weight: normal;
font-family: Alternate, Verdana, Helvetica;
font-size:20px;
}

.left_more A:link {
color:#313131;
text-decoration: underline;
font-family: Verdana, Helvetica;
font-size:13px;
font-weight:normal;

}
.left_more A:visited {
text-decoration: underline;
font-family: Verdana, Helvetica;
color:#313131;
font-size:13px;
font-weight:normal;
}
.left_more A:active {
text-decoration: underline;
font-family: Verdana, Helvetica;
color:#313131;
font-size:13px;
font-weight:normal;
}
.left_more A:hover {
text-decoration: underline;
color:#ef3735;
font-weight: normal;
font-family: Verdana, Helvetica;
font-size:13px;
}




.call A:link {
color:#313131;
font-family: Verdana, sans-serif ;
 font-size:15px;
 text-align:left;
 color:#313131;
 font-weight:bold;
text-decoration: underline;

}
.call A:visited {
color:#313131;
font-family: Verdana, sans-serif ;
 font-size:15px;
 text-align:left;
 color:#313131;
 font-weight:bold;
text-decoration: underline;


}
.call A:active {
color:#313131;
font-family: Verdana, sans-serif ;
 font-size:15px;
 text-align:left;
 color:#313131;
 font-weight:bold;
text-decoration: underline;
}
.call A:hover {
color:#313131;
font-family: Verdana, sans-serif ;
 font-size:15px;
 text-align:left;
 color:#ef3735;
 font-weight:bold;
text-decoration: underline;
}