@font-face {
  font-family: 'BKoodakBold';
  src: url('../fonts/BKoodakBold.ttf') format('ttf'),
       url('../fonts/BKoodakBold.woff') format('woff'), 
       url('../fonts/BKoodakBold.eot') format('eot');
}


@font-face {
  font-family: 'bbc';
  src: url('../fonts/bbc-nassim-bold.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/bbc-nassim-bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/bbc-nassim-bold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

/********** =Reset CSS **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	font-family:BKoodakBold !important;
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
/********** =Tags Styles **********/
h1, h2, h3, h4, h5, h6 {
    font-family: 'BKoodakBold', Arial, Helvetica, sans-serif;
    padding: 0 3px;
}

h1 {
    font-size: 1.8em;
    margin-bottom: .5em;
}

h2 {
    font-size: 1.5em;
    margin-bottom: .4em;
    padding-top: .4em;
}

h3 {
    font-size: 1.4em;
    margin-bottom: .3em;
    padding-top: .4em;
}

h4 {
    font-size: 1.3em;
    margin-bottom: .2em;
}

h5, h6 {
    font-size: 1.5em;
    margin-bottom: .2em;
    font-weight: bold;
}

blockquote, dl, form, table, pre, .post p {
    margin: 0 0 1em 0;
}

li ul {
    margin-bottom: 0
}

li li {
    margin-right: 2em;
}

li li li {
    margin-right: 2em;
}

blockquote, dd {
    padding: 0 2em 0 0;
}

pre, code, samp, kbd, var {
    font: 100% mono-space, monospace;
}

pre {
    overflow: auto;
    direction: ltr;
    text-align: left;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    padding: 0 0 1px 0;
    cursor: help;
}

small {
    font-size: .8em;
}

sup, sub {
    font-size: .7em;
}

em, cite, q {
    font-style: italic;
}

img {
    border: none;
}

legend {
    font-weight: bold;
}

input[type = "radio"], input[type = "checkbox"], .radio, .checkbox {
    margin: 0 0 0 .25em;
}

/********** =Common Styles **********/
body {
    font: 62.5%/1.8 tahoma, sans-serif; 
    background: #fff;
    text-align: center;
    color: #1A1A1A;
}

a, a:visited {
    text-decoration: none;
    color: #008AEA;
}

a:hover {
    color: #2266BB;
}

ins {
    text-decoration: none;
    color: #900;
    font-style: italic;
}

code {
    color: #555;
	direction: ltr;
	text-align: left;
}

pre {
    margin-left: 2em;
    padding-left: 2em;
    border-left: 1px solid #ccc;
}

.note{
    background-color: #efefef;
    float: left;
    margin-right: 1em;
    text-align: right;
    width: 220px;
	padding: 0 1em 0 1em;
	font-style:normal;
	border:2px solid #CCC;
	text-align:justify;
}

blockquote {
    margin-right: 2em;
    border-right: 1px solid #ccc;
    font-style: italic;
}

dt {
    font-weight: bold;
}

th, td {
    padding: .5em 1em;
}

th {
    background: #eee;
}

td {
    border-bottom: 1px solid #eee;
}

caption {
    font-style: italic;
    color: #777;
    margin: .5em 0;
}

fieldset {
    border: 1px solid #ccc;
    padding: 1em 2em;
    margin: 0 0 1.5em 0;
}

legend {
    padding: 2px 5px 4px;
    border: 1px solid #ccc;
    font: bold 1.2em arial, sans-serif;
}

input[type = "text"], input[type = "password"], textarea, .field, .area, select {
    border: 1px solid #aaa;
    padding: 5px;
    background: #fff;
    line-height: 1em;
    margin: 0;
	font-family: tahoma, serif;
}

select {
    width: 312px;
}

textarea, .area {
    overflow: auto;
    height: 150px;
    width: 400px;
}

input[type = "text"]:focus, input[type = "password"]:focus, textarea:focus, select:focus, .focus {
    background: #f5f5f5;
    outline: none;
}

button {
    border: none;
    background: #25a58b;
    color: #fff;
    padding: 0 2.5em;
    height: 2em;
    line-height: 2em;
    cursor: pointer;
}