/* Set all defaults */

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, sub, sup, tt, var, dl, dt, dd, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}

/* Now start */
:focus {
outline : 0;
}
a {
text-decoration : none;
}
a:active {
outline : none;
}
a:hover {
text-decoration : underline;
}
ul {
list-style : disc;
}
table {
border-collapse : separate;
border-spacing : 0;
}

caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
.clear {
clear : both;
}
img {
border : none;
}
.clear {
clear : both;
}
.floatLeft {
float : left;
}
.floatRight {
float : right;
}
body {
background : url("../images/natai-bg.jpg") top left repeat-y #ffffff;
font-size : 11px;
font-family : "helvetical", Arial;
text-align : left;
padding : 40px 0 0 40px;
}
#wrapper {
width : auto;
float : left;
}
#wrapper #leftwrapper {
float : left;
width : 200px;
background : none;
}
#wrapper #verticalline {
width : 156px;
height : 48px;
padding : 0 10px 0 0;
border-right : 1px solid #3C3C3C;
}
#wrapper #leftwrapper #menu {
width : 199px;
margin-top : 2px;
border-left : 1px solid #3C3C3C;
}
#wrapper #leftwrapper #menu ul {
padding : 0;
margin : 0 10px 0 10px;
list-style-type : none;
}
#wrapper #leftwrapper #menu li {
padding : 3px 0 0 0;
color : #1D1D1B;
font-weight : bold;
font-size : 10px;
}
#wrapper #leftwrapper #menu li a {
color : #1D1D1B;
}
#wrapper #leftwrapper #contact {
width : 180px;
margin-top : 20px;
padding : 0 10px;
font-size : 10px;
}
#wrapper #leftwrapper #contactRight {
width : 140px;
margin-top : 40px;
padding : 0 60px 0 0;
text-align : right;
}
#wrapper #logotitle {
width : 670px;
height : 48px;
background : url("../images/natai-titlebg.jpg") 20px 0 no-repeat;
border-right : 1px solid #3C3C3C;
text-align : left;
padding : 0 20px 0 20px;
}
#wrapper #logotitle #title {
padding : 5px 0 0 0;
color : #fff;
font-size : 13px;
}
#wrapper #logotitle #title a {
color : #fff;
}
li .img {
padding : 0 8px 0 0;
}
li .title {
margin-top : 5px;
padding : 0 8px 0 0;
text-align : center;
font-weight : bold;
}
li .title h3 {
border-top : 1px solid #3C3C3C;
border-bottom : 1px solid #3C3C3C;
padding : 2px 0;
}
#details2 #text {
min-height : 340px;
}
#details3 {
line-height : 12px;
}
#details3 #text {
min-height : 225px;
}
#wrapper #topwrapper #mainwrapper {
width : 690px;
}
#wrapper #topwrapper {
float : left;
padding : 0 20px;
}
#wrapper #topwrapper {
float : left;
padding : 0 20px;
}
#wrapper #topwrapper #mainwrapper ul {
float : left;
list-style-type : none;
padding : 0;
margin : 0;
}
#wrapper #topwrapper #mainwrapper li#rightcol {
float : left;
margin-right : 0;
width : 220px;
text-align : left;
}
#wrapper #topwrapper #mainwrapper #details {
background : url("../images/blank.gif") top right no-repeat;
margin : 14px 0 0 10px;
font-size : 10px;
}
#wrapper #topwrapper #details2 {
background : url("../images/blank.gif") top left no-repeat;
width : 180px;
padding : 0 12px;
}
#wrapper #topwrapper #details3 {
background : url("../images/blank.gif") top left no-repeat;
width : 650px;
padding : 0 12px;
}
a:link, a:visited {
text-decoration : none;
color : #ac2828;
}
a:hover {
color : #444444;
}
tab {
z-index : 2;
}
.panel {
display : none;
z-index : 1;
visibility : hidden;
}
.photoscroll {
width : 152px;
height : 396px;
overflow : auto;
background-color : transparent;
}




div#preloaded-images {
position : absolute;
overflow : hidden;
left : -9999px;
top : -9999px;
height : 1px;
width : 1px;
}
div.slideshow ul {
background : #ffffff;
bottom : 0;
left : 0;
top : 5px;
margin-left : 0;
margin-bottom : 0;
margin-top : 5px;
position : relative;
overflow : hidden;
padding : 0 0;
z-index : 10001;
}
div.slideshow ul a {
background-position : 50% 50%;
cursor : pointer;
display : block;
height : 32px;
margin-right : 5px;
opacity : 0.5;
width : 36px;
}
div.slideshow ul a.active, div.slideshow ul a:hover {
opacity : 1;
}
div.slideshow ul li {
float : left;
list-style : none;
}

.ifwrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.ifwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* customise scrollbar for IE */ 
body { scrollbar-face-color: #c72921; scrollbar-highlight-color: #f1eedd; scrollbar-shadow-color: #a49f82; scrollbar-3dlight-color: #a49f82; scrollbar-arrow-color: #a49f82; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #eeeeee}
/* customise scrollbar for webkit browsers such as Safari and Chrome */ 
::-webkit-scrollbar { width: 13px; height: 13px; background-color: #f1eedd; -webkit-border-radius: 1ex; }
::-webkit-scrollbar:hover { height: 18px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height: 2px; width: 2px; display: block; background-color: #c72921; background-repeat: no-repeat; }
::-webkit-scrollbar-corner { background: #a49f82; }
::-webkit-scrollbar-track  { background-color: #ffffff; -webkit-border-radius: 6px; }
::-webkit-scrollbar-track-piece  { background-color: #e5ebdf; -webkit-border-radius: 6px; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #c72921; border: 1px solid #f1eedd; -webkit-border-radius: 6px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); }
::-webkit-scrollbar-thumb:horizontal { height: 13px; background-color: #c72921; border: 1px solid #f1eedd; -webkit-border-radius: 6px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); }
/* don't bother for firefox - need to use jscrollpane and jquery */ 

#topnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: #e8f2e7;
}

#topnav li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
#topnav li a:hover {
    background-color: #d6e5d0;
    color: white;
}

#sidenav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: #e8f2e7;
}

#sidenav li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
#sidenav li a:hover {
    background-color: #d6e5d0;
    color: white;
}

#wrapper #topnav ul {
 margin: 0;
 color: #000;
 padding: 0;
 width: 690px;
 background-color: #e8f2e7;
 font-weight: 800;
 line-height: 10px;
 line-height: 1.6rem;
 margin-top: 5px;
}
#wrapper #topnav li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

#topnav a,
#topnav li {
    display: inline-block
}

nav,
section {
    display: block
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: #e8f2e7;
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
    background-color: #d6e5d0;
    color: white;
}

i { 
    font-style: italic;
}