@font-face {
    font-family: GothamRounded-Medium;
    src: url('gothamroundedmed.ttf') format('opentype');
}

html, body {
	    padding:0;
	    margin:0;
	    width:100%;
	    height:100%;
	    font-family: 'GothamRounded-Medium', Arial, Helvetica, sans-serif;
	    font-size:13px;
    }

    a {
	    text-decoration: none;
	    cursor:pointer;
    }

    /* header */
	
	#top-header {
		border-top: 3px solid #ef2e24;
		background: #f9f9f9;
		height: 32px;
		width: 100%;
	}
	
	#top-header .userbar {
		width: 1024px;
		margin: 0 auto;
		text-align: left;
		padding-left: 300px;
		padding-top: 9px;
		font-size: 14px;
	}
	
    #header {
	    position:absolute;
	    top: 35px;
	    width:100%;
	    height:44px;
	    background:#363636;
	    background:linear-gradient(to bottom, #363636 0%,#000000 100%);
	    z-index:100;
    }

    #header-top {
	    position:relative;
	    width:1124px;
	    margin:0 auto;
    }

    #logo {
	    position:absolute;
	    top:-20px;
	    left:45px;
	    width:110px;
	    height:110px;
	    z-index:10;
    }
     #menu {
	    position:absolute;
	    top:18px;
	    left:245px;
	    /*width:110px;*/
	    z-index:10;
    }

    #top-nav {
	    float: right;
	    /*width: 814px;*/
        width: 934px;
    }

    #top-nav-del ul {
	    float: right;
	    padding:0;
	    margin:0 4px 0 0;
	    list-style-type:none;
    }

    #top-nav-del ul li {
	    float:left;
	    font-size:12px;
	    color:#ef2e24;
	    padding:16px 20px 0 20px;
	    letter-spacing:0.08em;
	    height:26px;
	    background:url(images/header/divider.png?cache=1) no-repeat right;
	    margin-top:3px;
    }

    .onpage6 li {
	    margin-left:-1px !important;
	    color:#fff !important;
	    background: url("images/header/contact_shadow.png?cache=1") repeat-y top left !important;
    }

    /* sidebar */

    #sidebar {
	    float:left;
	    width:200px;
	    margin-top:78px;
	    margin-left:10px;
    }

    #sidebar ul {
	    list-style-type: none;
	    padding:0;
	    margin:0;
	    background:url(images/sidebar/bg.png?cache=1) repeat-y center 1px;
    }

    #sidebar ul li {
	    width:190px;
	    min-height:22px;
	    padding-top:8px;
	    padding-left:10px;
	    font-size:12px;
	    color: #ef2e24;
	    background:url(images/sidebar/bg.png?cache=2) repeat-y center top;
    }

    .sidebar-top {
	    background:url(images/sidebar/sidemenu_top.png?cache=1) center top no-repeat !important;
	    color: #ef2e24;
	    border:0 !important;
	    font-weight:bold;
    }

    #sidebar .last {
	    background:url(images/sidebar/last.png?cache=1) no-repeat center bottom !important;
    }

    #sidebar .current {
	    background:url(images/sidebar/sidemenu_highlight.png?cache=1) repeat-y center top !important;
	    color:#fff !important;
	    font-weight:bold;
    }

    #sidebar .hover {
	    color:#000 !important;
	    font-weight:normal;
    }

    /* body */

    #content {
	    position:relative;
	    width:100%;
	    margin-bottom:50px;
	    z-index:0;
    }

    #mainbody {
	    float:right;
	    width: 770px;
	    margin-right:10px;
    }

    #mainbody .title {
	    font-size:32px;
	    font-weight:bold;
	    color:#ef2e24;
    }

    #mainbody .breadcrump {
	    font-size:10px;
	    font-weight:lighter;
    }

    #mainbody .divider {
	    margin-top: 30px;
	    margin-bottom: 10px;
	    /*border-top: 1px solid #ccc;*/
    }

    #mainbody p {
	    font-weight:lighter;
	    text-align:justify;
	    line-height:1.45em;
	    margin-bottom:20px;
    }

    #mainbody a {
	    color:#ef2e24;
    }

    /* remark this because it cause 'jqgrid' header not aligned with columns - 2014-2-28 */
    /*#form td {
	    padding:2px 0;
	    background-color:transparent;
	    vertical-align:middle;
    }*/

    #form .selection {
	    width:98%;
	    font-weight:lighter;
	    font-family: Arial, Helvetica, sans-serif;
	    letter-spacing: 0.08em;
    }

    #form .textbox {
	    width:96%;
	    border: 1px solid #ccc;
	    font-weight:lighter;
	    font-family: Arial, Helvetica, sans-serif;
	    letter-spacing: 0.085em;
	    padding: 2px 3px;
    }

    #form .textarea {
	    width:96%;
	    border: 1px solid #ccc;
	    font-weight:lighter;
	    font-family: Arial, Helvetica, sans-serif;
	    letter-spacing: 0.085em;
	    padding: 2px 3px;
	    resize:none;
    }

    /* footer */

    #footer {
	    /*position:absolute;
            position:fixed;*/
	    width:100%;
	    min-height:50px;
	    background-color:#ef2e24;
	    border-top:3px solid #ef2e24;
        position:fixed;
        bottom:0px;
        left:0px;        
        margin-bottom: 0;          
    }

    #footer-top {
	    width:100%;
	    min-height:114px;
	    padding:20px 0;
	    background-color:#e8e8e8;
    }

    #footer-section {
	    width:1024px;
	    min-height:114px;
	    margin:0 auto;
    }

    #footer-section td {
	    height:100px;
	    font-weight:lighter;
	    line-height:1.35em;
	    text-align:justify;
    }

    #footer-section .title {
	    color:#ef2e24;
	    font-weight:bold;
	    font-size:14px;
	    letter-spacing:0.1em;
	    padding-bottom:5px;
    }

    #footer-bottom {
	    width:1024px;
	    min-height:50px;
	    margin:0 auto;
	    padding-top:15px;
    }

    #footer-link {
	    width: 650px;
	    float:left;
	    font-size:9px;
	    color:#fff;
	    letter-spacing:0.11em;
    }

    #footer-link ul {
	    list-style-type:none;
	    padding:0;
	    margin:0;
    }

    #footer-link ul li {
	    float: left;
	    padding: 0 8px;
	    border-right: 1px solid #fff;
    }

    #footer-link .first {
	    padding-left: 0;
    }

    #footer-link .last {
	    padding-right: 0;
	    border-right:0;
    }

    #footer-link ul li a:link, #footer-link ul li a:visited, #footer-link ul li a:active, #footer-link ul li a:hover {
	    color:#fff;
    }

    #footer-copy {
	    float:left;
	    width:100%;
	    font-size:14px;
	    color:#fff;
	    padding-left:50px;
    }

    #footer-copy ul {
	    list-style-type:none;
	    padding:0;
	    margin:0;
    }

    #footer-copy ul li {
	    text-align:left;
    }

    button, input[type="button"], input[type="submit"] { 
        width:90px; 
        height:30px; 
        padding:5px 10px; 
        background-color:#ef2e24; 
        color:#fff; 
        font-size:14px; 
        font-weight:500;
        margin-left: 0px;
        font-family: 'GothamRounded-Medium', Arial, Helvetica, sans-serif;

}
    #ContentPlaceHolder1_lblErrMsg, .errmsg {
        color:#f00;
    }
.star {
    color:#f00;
}