/* Chin Hin Group v1.0 Index (Validated XHTML 1.0 Transitional)
   Design, Illustration & XHTML/CSS Coding by Pixaworks
   Copyright (c) 2006-2009 Pixaworks Web Solutions
   URL: http://www.pixaworks.com.my
*/

body {
font-family: Tahoma, Arial, Helvetica;
background-image: url(images/body-bg.gif);
background-repeat: repeat-x;
background-color: #E8E8E8;
margin: 0px;
padding: 0px;
}

#wrapper {
background-color: #FFFFFF;
border: 1px solid #B3B3B3;
margin: 10px auto 20px auto;
width: 950px;
height: auto;
}

/* Header */

#headerimg {
width: 600px;
height: 350px;
float: left;
margin: 10px 10px 0 10px;
}

#intro {
width: 320px;
height: 350px;
display: block;
background-color: #233E59;
float: left;
margin: 10px 0 0 0;
}

#intro h1 { font-family: Georgia, "Times New Roman", Times; font-size: 22px; font-weight: normal; line-height: 28px; color: #FFFFFF; margin: 20px; } 
#intro p { font-size: 11px; line-height: 18px; color: #FFFFFF; margin: 0 20px 20px 20px; }
#intro a { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#intro a:hover { font-size: 11px; font-weight: bold; color: #FFBD2F; text-decoration: none; }

/* Primary Navigation */

#mainmenu {
clear: both;
background-image: url(images/menu-bg.jpg);
background-repeat: repeat-y;
width: 930px;
height: 35px;
display: block;
margin: 10px;
}

/*
#mainmenu ul { margin: 0; padding: 10px 0 0 0; list-style:none; }
#mainmenu li { display:inline; background-repeat: repeat-x; margin: 0; padding: 0; }
#mainmenu a { width: 100px; height: 35px; font-family: Arial, Helvetica, Verdana; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration:none; margin: 0 2px 0 0 ; padding: 10px 20px 10px 20px; }
#mainmenu a:hover { background-color: #FFBD2F; width: 100px; height: 35px font-family: Arial, Helvetica, Verdana; font-size: 12px; color: #233E59; text-decoration:none; margin: 0 2px 0 0 ; padding: 10px 20px 10px 20px; }
*/

/* Main Content */

#contentleft {
float: left;
width: 600px;
height: 280px;
margin: 10px;
}

#contentleft h2 { background-image: url(images/icon-gear.gif); background-repeat: no-repeat; background-position: top left; width: 590px; font-family: Arial, Helvetica, Verdana; font-size: 18px; font-weight: bold; color: #4D4D4D; margin: 0 0 10px 0; padding: 0 0 5px; border-bottom: 1px solid #4D4D4D; }

.featuredbox {
float: left;
width: 187px;
height: auto;
margin: 10px 12px 10px 0;
}

.featuredbox h3 { font-family: Arial, Helvetica, Verdana; font-size: 14px; font-weight: bold; color: #233E59; margin: 5px 0 0 0; }
.featuredbox p { width: 187px; font-size: 11px; line-height: 16px; color: #4D4D4D; margin: 0 }

.thumb { background-color: #CCCCCC; display: block; width: 187px; height: 116px; padding: 3px; }
.thumb:hover { background-color: #FFFF33; padding: 3px; }

#contentright {
float: right;
width: 320px;
height: auto;
margin: 10px 10px 10px 0;
}

#contentright h2 { background-image: url(images/icon-news.gif); background-repeat: no-repeat; background-position: top left; width: 320px; font-family: Arial, Helvetica, Verdana; font-size: 18px; font-weight: bold; color: #4D4D4D; margin: 0 0 10px 0; padding: 0 0 5px; border-bottom: 1px solid #4D4D4D; }
#contentright h4 { font-family: Arial, Helvetica, Verdana; font-size: 13px; font-weight: bold; color: #233E59; margin: 0; }
#contentright p { width: 320px; font-size: 11px; line-height: 16px; color: #4D4D4D; margin: 0 0 10px 0; }
#contentright a { font-weight: bold; color: #233E59; text-decoration: none; }
#contentright a:hover { font-weight: bold; color: #FFBD2F; text-decoration: none; }

/* Footer */

#footer {
clear:both;
background-color: #233E59;
width: auto;
height: 70px;
margin: 0 auto 0 auto;
position: relative;
}

#footer p { width: 950px; font-size: 11px; color: #FFFFFF; margin: 0 auto 0 auto; padding: 15px 0 0 0; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }