body {border:0; margin:0; padding:0; background:#F2F5FE url("../design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666;padding-top:5px;overflow:auto;}

a {color:#192666;}
a:hover {color:#4F6AD7;}

h1, h2, h3, h4, h5 {border:0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%;  font-family:"georgia",serif; font-weight:normal; text-align:center;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

#examples {width:720px; margin-left:auto; margin-right:auto;border:0;}
#examples p {font-size:80%;}
#examples table {display:table; border-collapse:collapse; border:0;margin-left:auto; margin-right:auto;}
#examples table td a {margin-left:auto; margin-right:auto;}

#pic {display:block;padding:0;margin-left:15px;border:0;}
#description {width:200px;text-align:left; padding:0; border:0; vertical-align:middle;} 


table {display:table; border-collapse:collapse; margin:0px 0; padding:0; font-size:100%;}
tr {display:table-row;}
td {display: table-cell;margin:0; padding:0px;}


.box:after {content:""; display:block; clear:both;}
.noscreen {display:none;}


#main {position:absolute;left:15%;right:15%;background:FFFFFF;}

/* Header */
#header {width:760px; height:100px; background: url("../design/header.png") 0 0 no-repeat; color:#FFF;}

    /* Header - logo */
    #header #logo {position:absolute; top:35px; left:35px; margin:0;}
    #header #logo a {color:#FFF;}
    #header #logo a:hover {color:#B5C4E3; text-decoration:underline;}



#contact {position:relative; right:20px; top:0px;float:right;color:#FFFFFF;padding: 0px; margin: 0px;}
#contact p {position:relative; left:0px; top:0px;text-align:right;font-size:90%; font-weight:bold;margin-right:3%;padding: 0px; margin: 0px;}

#top-container {width:760px;background:#192666;height:100%;padding: 0px; margin: 0px;}


/* Main menu (tabs) */
#tabs {float:left;}
	#tabs ul {margin:8px 10px; padding:0; list-style:none;}
	#tabs ul li { padding:0; float:left;}
	#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
	#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_link_l.gif") 0 0 no-repeat;}
	#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("../design/tab_link_r.gif") 100% 0 no-repeat;}
	#tabs ul li a:hover {background:url("../design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
	#tabs ul li a:hover span.tab-l {background:url("../design/tab_hover_l.gif") 0 0 no-repeat;}
	#tabs ul li a:hover span.tab-r {background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;}
	#tabs ul li#active a {background:#FFF; color:#FF9000;}
	#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("../design/tab_active_l.gif") 0 0 no-repeat;}
	#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("../design/tab_active_r.gif") 100% 0 no-repeat;}

#page-name {background: url("../design/title.png");width:760px;height:60px;padding: 0px; margin: 0px;display:inline-block;}
    #page-name h2 {position:relative;top:10px;color:#192666;}

#page-in {width:760px;background:url("../design/page.jpg") 0 0 repeat;padding: 0px; margin: 0px;display:inline-block}
#page-in p {margin-left:3%;margin-right:3%;}

#right-div {float:right;border:0; width:40%;padding: 0px; margin: 0px;}
#right-div p {text-align:left;margin-right:3%;font-size:90%;}
#right-div a {white-space:nowrap;}
#left-div {float:left;margin-left:3%;margin-right:auto;width:54%;text-align:justify;padding: 0px;}
	#left-div  p {text-align:left;font-size:90%;}

/* Copyright */
#Copyright {width:760px; background: url("../design/newfooter.png") 0 0 no-repeat;height:55px;padding: 0px; margin-top:-5px;}    
#Copyright p {vertical-align:bottom;text-align:center;font-size:90%;padding-top:10px;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:400px; padding:2px; border:1px solid #dde5fa; background:#dde5fa}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#dde5fa; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:12px; line-height:125%;}
#information p {padding:0 8px 8px; font-size:9px; line-height:125%;}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}

#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#dde5fa}
#slideleft:hover {background-color:#FFF}
#slideright {float:right; width:20px; height:81px; background:#dde5fa url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#FFF}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #dde5fa; padding:2px}