#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

body {height: 100%; padding:0px 0; background: #004488; font:0.8em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}

a {
	color: #0065b7;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 11px; 
	font-weight: 700;
}

a:hover {
	color: #3B3781;
}

a img {
  border: 0;
	padding: 0;
}


h1 {
	text-align: left;
	font-size: 1.8em;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	color: #444;
	margin-bottom: 20px;
	font-weight: normal;
	font-family: helvetica;
}

h1 a{

	font-size: .8em;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: helvetica;
}

h2 {
	text-align: left;
	font-size: 1.5em;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	color: #444;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: helvetica;
}


h3 {
	text-align: left;
	font-size: 1.5em;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	color: #000;
}

.photo {
	width: 145px;
	height: 145px;
	margin: 20px auto;
	text-align: center;
	float:left;
	overflow: hidden;
	border: 1px dotted #ccc;
}

.main-photo {
	width: 145px;
	height: 105px;
	margin: 20px auto;
	text-align: center;
	float:left;
	overflow: hidden;
	border: 1px dotted #ccc;
}

.photo img {
	width: 135px;
}

.block {display:block;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {height:100%; width:900px; margin:0 auto; padding:0 20px; background: #FFF;}
#header {position:relative; height:120px; padding:0 0px; overflow:hidden;}
#header #logo {margin:0;}
#header #logo img {display:block;}
#header #nav {position:absolute; top:100px; right:20px; margin:0;}
#header #nav span {margin:0 10px;}
#promo {position:relative; height:250px; overflow:hidden;}
#promo p {margin:0;}
#promo p img {margin:0;}
#promo p#slogan {position:absolute; top:90px; right:0; z-index:999;}
#promo ul#slider {margin:0;}
#footer {width:900px; margin:0 auto; padding:0 20px; font-size:85%;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.cols3 {width:900px; margin:10px -10px; padding:0px 0;}
.cols3 .cols3-content {padding-left:20px;}
.cols3 .cols3-bottom {width:900px; height:3px; font-size:0; line-height:0;}
.cols3 .col {float:left; width:220px; margin-right:15px; padding:0px 10px 0px 10px;}
.cols3 .col.last {margin-right:0;}
.cols3 .col h2 {margin:0 0 10px 0; padding:15px 10px; font-size:100%; font-weight:bold;}
.cols3 .col h2 a {text-decoration:none;}
.cols3 .col h2 a:hover {text-decoration:underline;}
.cols3 .col p {margin:0;}
.cols3 .col img {margin-bottom:10px;}
.cols3 .col ul {margin:10px 0 10px 10px;}
.cols3 .col ul li {padding-left:15px;}

.cols4 {width:900px; margin:10px -10px; padding:0px 0;}
.cols4 .cols4-content {padding-left:20px;}
.cols4 .cols4-bottom {width:900px; height:3px; font-size:0; line-height:0;}
.cols4 .col {float:left; width:180px; margin-right:15px; padding:0 10px 10px 10px;}
.cols4 .col.last {margin-right:0;}
.cols4 .col h2 {margin:0 0 10px 0; padding:15px 10px; font-size:100%; font-weight:bold;}
.cols4 .col h2 a {text-decoration:none;}
.cols4 .col h2 a:hover {text-decoration:underline;}
.cols4 .col p {margin:0;}
.cols4 .col img {margin-bottom:10px;}
.cols4 .col ul {margin:10px 0 10px 10px;}
.cols4 .col ul li {padding-left:15px;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {margin:0; padding:27px 20px; font:270%/1 "arial",sans-serif; letter-spacing:-1px;}
#subnav {margin:0; padding:15px 20px;}
#subnav span {margin:0 10px;}
.content {width:940px; margin:0 -20px 20px -20px; padding:20px 0;}
.content .content-in {padding:10px 40px;}
.content .content-bottom {width:940px; height:3px; font-size:0; line-height:0; margin-top:-1px;}
.content .perex {border-bottom:1px solid #ddd; font-size:170%;}
.content .box-01 {padding:15px;}
.content .col50 {float:left; width:420px;}
.content ul {margin:15px 25px;}
.content ul ul {margin:0 0 0 25px;}
.content ul li {padding-left:15px;}
.content ul ul li {padding-left:15px;}
.content table {margin:15px 0; border-collapse:collapse;}
.content table th, .content table td {padding:7px 10px;}
.content table th {text-align:center; font-weight:bold;}
.content dt {font-weight:bold;}
.content dd {margin-left:50px; margin-bottom:15px;}
.content h1, .content h2 {font-size:200%;}
.content h3 {font-size:160%;}
.content h4 {font-size:120%;}
.content h5, h6 {font-size:100%;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.f-right {margin-left:20px;}
img.f-left {margin-right:20px;}
.input {padding:5px; background:url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.input-submit {padding:5px; font:bold 100%/1 "arial",sans-serif;}
.smaller {font-size:85%;}
.block {display:block;}

div.clear {
  clear: both;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

/* SLIDER */

.bigcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 570px; /*Width of Carousel Viewer itself*/
	height: 120px; /*Height should enough to fit largest content's height*/
	background-color: #fff;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	/*border: 10px solid #ebe9e1;*/
	overflow: scroll; /*leave this value alone*/
	width: 620px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt, .bigcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.bigcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	padding-left: 0px;
	margin: 0px; /*margin around each panel*/
	width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.bullet {
	display:table-cell;
	width: 50px;
	height: 50px;
	background: url(/images/bullet.png) no-repeat 0;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	vertical-align:middle;		
}

a.bullet {
	font-size: 20px;
	color: #FFF;
}

a.bullet:hover {
	color: #B8E38C;
}

/* FOOTER */

#footer{
	background: #FFF;
	padding: 18px 0 0px 0;
	font-size:12px;
	height:62px;
	margin-top:10px;
	line-height:22px;
	color: #222;
}

#footer a {
	color: #0065b7;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

#footer img {
	vertical-align: top;
}