* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline: none; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

.left { float: left !important; } .right { float: right !important; }
.clear { clear: both; }
.last { margin-right: 0px !important; }
.top0 { margin-top: 0px !important; } .bot0 { margin-bottom: 0px !important; }
.top5 { margin-top: 5px !important; } .bot5 { margin-bottom: 5px !important; }
.top10 { margin-top: 10px !important; } .bot10 { margin-bottom: 10px !important; }
.top15 { margin-top: 15px !important; } .bot15 { margin-bottom: 15px !important; }
/* Customized Style */
body {
	margin: 0;
	padding: 0;
	background: #ededed;
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #454545;
}
#wrapper { width: 100%; }
.width {
	width: 950px;
	margin: 0 auto;
}
header {
	background: url(../images/header-bg.jpg) center top no-repeat;
	height: 110px;
	border-bottom: 1px solid #4c4c4c;
}

#logo { float: left; width: 148px; height: 81px; margin: 15px 0 0 0; }
#topRight { float: right; }
#topNav { float: right; }
#topNav ul { margin: 0; padding: 0; }
#topNav ul li { float: left; font-size: 13px; text-transform: uppercase; height: 42px; line-height: 42px; margin-right: 33px; }
#topNav ul li.last { margin-right: 20px !important; }
#topNav ul li a { color: #323232; text-decoration: none; }
#topNav ul li a:hover, #topNav ul li a.active { color: #000; border-bottom: 1px solid #000; }

/* Navigation */
#menu { float: right; margin: 0; padding: 0; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { float: left; font-family: 'open_sansextrabold_italic', Arial, Helvetica, sans-serif; font-size: 16px; position: relative; text-transform: uppercase; line-height: 68px; height: 68px; }
#menu ul li:hover a, #menu ul li:hover a.active { background: ; color: #fff; }
#menu ul li.sep { font-family: 'open_sansregular', Arial, Helvetica, sans-serif; }
#menu ul li a span { width: 15px; height: 15px; border: 1px solid #8d8d8d; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; background: url(../images/menu-li-span.png) center center no-repeat; margin-left: 8px; position: relative; top: 2px; }
#menu ul li a.active span, #menu ul li a:hover span { background: url(../images/menu-li-span-active.png) center center no-repeat; }

#menu ul li a { color: #e9e9e9; margin: 0px 15px 0px; display: block; text-decoration: none; }
#menu ul li a:hover { background: ; color: #fff; }
#menu ul li a.active { background: ; color: #fff; }
#menu ul li:hover ul li a { border-bottom: none; }

#menu ul li:hover > ul { visibility: visible; opacity: 1; top: 68px; }

#menu ul li ul { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 70px; z-index: 99; padding: 0; width: 160px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #ffd308; }
#menu ul li ul li { float: none; margin: 0; font-size: 14px; height: auto; font-family: 'open_sansregular', Arial, Helvetica, sans-serif; line-height: normal; }
#menu ul li ul li a { padding: 6px 15px 5px; color: #36321e !important; border-bottom: 1px solid #4c4c4c !important; display: block; margin: 0; }
#menu ul li ul li a:hover { background: #231f20; color: #fff !important; }
#menu ul li ul li:hover a { color: #666666; }

#menu ul li ul li ul { top: -11px; left: 100%; }
#menu ul li:hover ul li:hover ul li a, #menu ul li ul li ul li a { background: #fff; color: #24476c; }
#menu ul li:hover ul li:hover ul li a:hover, #menu ul li ul li ul li a:hover { background: #24476c; color: #fff; }

/* footer */
footer { }
#bottomNav { border-bottom: 1px solid #e6e6e5; height: 44px; line-height: 44px; }
#bottomNav ul { margin: 0; padding: 0; }
#bottomNav ul li { float: left; font-size: 11px; color: #36321e; text-transform: uppercase; margin: 0 56px 0 0; }
#bottomNav ul li a { color: #36321e; text-decoration: none; }
#bottomNav ul li a:hover, #copyright a:hover { border-bottom: 1px solid #000; color: #000; }
#copyright { border-top: 1px solid #e2e1e0; height: 40px; line-height: 40px; font-size: 12px; color: #8d8d8d; }
#copyright a { color: #8d8d8d; text-decoration: none; }