/*

Theme Name: HK-WaiTAT

Author: Frank Lam

*/



/* RESET

*/



*			{margin: 0; padding: 0;}

html		{overflow-y: scroll;}

html, body	{height:100%;}

body		{font-size: 12px; font-family: Arial, sans-serif; color:#ffffff; background-color:#000000;

			}

a			{outline: none; text-decoration: none;}

a img		{border: none;}

img			{border: none;}

li		{list-style: none;}

img			{vertical-align:middle;}

table		{border-collapse: collapse;}

hr			{color: #ccc;
background-color: #ccc;
height: 1px;
border:0;
width:300px;
text-align:left}



/*

UTILITY

*/



.floatLeft		{ float: left;}

.floatRight		{ float: right;}

.clear			{clear: both;}

.button			{border: 0px solid #666666; background: #666666;

				padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius:5px;

				color: #ffffff; }

.buttun:hover	{background: #cccccc; color: white;}

#product		{width:280px; height:240px; overflow:hidden}
#product img		{ border:0; border-color:#cccccc; border-width:1px;}
#product img:hover		{ border:0; border-color:#cccccc; border-width:1px; }
#product-r		{width:130px; height:120px; overflow:hidden}





#link {width:150px; height:70px; overflow:hidden; padding-top:5px; padding-left:75px; background-image:url(images/p.jpg); background-repeat:no-repeat; background-position:25% 13%; font-size:15px}

#link-r {width:120px; height:70px; overflow:hidden;padding-top:5px; padding-left:25px; background-image:url(images/p.jpg); background-repeat:no-repeat; background-position:10% 13%; font-size:12px}




/*

STRUCTURE

*/



#page-wrap		{width:900px; margin: 0px auto -100px;

				min-height: 100%; height: auto !important; height:100%;

				background: #000  }

#push			{height: 50px;}

#main-col		{width: 900px; float: left; margin-bottom:10px;}


#left-col	{width: 450px; float: left; margin: 0px 0px 0 0; padding-right:0px;}


#right-col	{width: 450px; float: right; margin: 0px 0px 0 0; padding-right:0px;}





/*

TYPOGRAPHY

*/

p, li			{font-size: 12px; line-height:1.2em; margin: 5px 0 5px 0;}

p#intro-paragraph	{font-family:Georgia, "Times New Roman", Times, serif; font-size: 2.0em;

					 font-style: normal; line-height: 1.4em; margin-top: 5px;}

p#intro-paragraph span {font-size:2.4em; font-weight: bold;}

p#intro-paragraph em { color: #ffffff ;}

a				{color: #ffffff;}

a:hover			{color: #666666;}

h1				{font-size: 3.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;color: #965735;}

h2				{font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;color: #965735;}

h3				{font-size: 2.6em; font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;color: #965735;}

h4				{font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal; margin-bottom: 15px;color: #965735;}



/*

HEADER

*/





#top-bar		{padding: 0px 0 0px 0; width:900px; height:auto; background:url(images/head_2.gif) center 101%; background-repeat:no-repeat;}
#top-bar p		{float: left;}




#top-logo		{width:900px; height:79px; background-image:url(images/head.jpg); background-repeat:no-repeat; text-align:center}



form#searchform { margin:0px 0 0px 0; padding: 0 0 0 0; }


/*

MENU

*/

#main-nav		{padding: 7px 0 0px 0px; margin: 0px 0px 0px 0px; text-align:center; }

#main-nav ul		{width:900px; float: left; background:none;}

#main-nav ul li	{display: inline; background:none;}

#main-nav ul li a	{text-transform: uppercase; color: #ffffff; font-family: Arial, Helvetica, sans-serif ;font-size: 1em; padding: 0px 12px;

				-moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight:bold}

#main-nav ul li a:hover  { color: #cccccc;}


#main-nav-2		{padding: 0px 0 3px 0; margin: 7px 0px 0px 0px; text-align:center ;height:20px;float:left;}

#main-nav-2 ul		{width:830px; float: left; padding-top:4px;  }

#main-nav-2 ul li	{display: inline; height:18px; padding:0px;}

#main-nav-2 ul li a	{text-transform: uppercase; color: #ffffff; font-family: Arial, Helvetica, sans-serif ;font-size: 1em; padding: 0px 6px;

				-moz-border-radius: 3px; -webkit-border-radius: 3px;}

#main-nav-2 ul li a:hover  { color: #ffffff; background:#6d0c53}

#main-nav-3		{padding: 0px 0 3px 0; margin: 7px 0px 0px 0px; text-align:center ;height:20px;width:70px;float:left}
#main-nav-3 ul		{width:70px; float: left; padding-top:4px;  }

#main-nav-3 ul li	{display: inline; height:18px; padding:0px;}

#main-nav-3 ul li a	{ color: #ffffff; font-family: Arial, Helvetica, sans-serif ;font-size: 1em; padding: 0px 0px;

				-moz-border-radius: 2px; -webkit-border-radius: 2px;}

#main-nav-3 ul li a:hover  { color: #ffffff; background:#6d0c53}

#main-nav-4		{}
#main-nav-4 ul		{width:200px; float: left; padding-top:5px;  }

#main-nav-4 ul li	{height:17px; padding:0px;}

#main-nav-4 ul li a	{ color: #ffffff; font-family: Arial, Helvetica, sans-serif ;font-size: 1em; padding: 0px 0px;

				-moz-border-radius: 2px; -webkit-border-radius: 2px;}

#main-nav-4 ul li a:hover  { color: #ffffff; background:#6d0c53}



				
@import "style/css/layout.css";



/*

INDEX
*/

a#aboutus {
    display: block;
    width: 900px;
    height: 26px;
    background-image: url(images/aboutus.jpg);
   
}
a#aboutus:hover {
    background-image: url(images/aboutus_h.jpg);
}
a .alt { display: none; }

#about_d 	{width:900px; height:300px; display:none; background:#2a0023}




/*

FOOTER

*/

#footer			{height:50px; padding-top: 10px;}

#footer-inside	{width: 900px; height:42px; margin: 0 auto}

#footer-inside p {color: #cccccc ; font-size: 0.6em;}