* {
	margin: 0;
	padding: 0;
}

html, body { 
	height:100%;
}
iframe#ifrm {
	width:610px;
	height:620px
    }  
.wrapper {
	width: 100%;
	overflow: hidden;
}

.white .left {
	float:left;
	width:200px;
	margin:10px 0;
	padding:0 10px;
	border-right:1px solid #edeeee;
}
.white .left p.b_bottom { border-bottom:1px solid #edeeee;}
.white .right {
	float:right;
	width:650px;
	margin:10px !important;
	margin:20px 10px 20px 20px;
	color:#2F2F2F;
}
.white .right_r {float:right; width:305px; padding:15px 0;}
.white .right_l {float:left; width:570px; padding-top:20px;}

/* button_white */
.button_black { float:left; margin-right:2px; width:110px; height:20px; background:#181F23 url(../images/2_portfolio_24_top_right.gif) top right no-repeat;}
.button_black div { width:110px; height:20px;  background: url(../images/2_portfolio_22_top_left.gif) top left no-repeat;}
.button_black div div { width:110px; height:20px;  background: url(../images/2_portfolio_32_bottom_left.gif) bottom left no-repeat;}
.button_black div div div { width:110px; height:20px;  background: url(../images/2_portfolio_33_bottom_right.gif) bottom right no-repeat;}
.button_black a { font: 12px Tahoma, "Times New Roman", Times, serif; color:#fff; line-height:1.6em; text-decoration:none;}
.button_black a:hover { text-decoration:underline;}

/* button_black */
.button_white { float:left; margin-right:2px; width:110px; height:20px; background:#E0E0E0 url(../images/2_portfolio_20_top_right.gif) top right no-repeat;}
.button_white div { width:110px; height:20px;  background: url(../images/2_portfolio_18_top_left.gif) top left no-repeat;}
.button_white div div { width:110px; height:20px;  background: url(../images/2_portfolio_30_bottom_left.gif) bottom left no-repeat;}
.button_white div div div { width:110px; height:20px;  background: url(../images/2_portfolio_31_bottom_right.gif) bottom right no-repeat;}
.button_white a { font: 12px Tahoma, "Times New Roman", Times, serif; color:#000; line-height:1.6em; text-decoration:none;}
.button_white a:hover { text-decoration:underline;}


.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

ul, ol {
	list-style: none;
}

object {
	vertical-align: top;
	outline: none;
}

a {
	outline: none;
	color: #3361b8;
}

	a:hover {
		text-decoration: none;
	}

html {
	min-width: 980px;
}

body {
	background: #0d1930;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
  /*color: #393939;*/
	color: #F0F0F0;
}

h2 {
	padding: 0 0 5px 0;
	line-height: 1.2em;
	font-size: 2em;
	font-weight: 300;
	color: #FF0000;
}

	h2 strong {
		display: block;
		padding: 0 0 2px 0;
		font-weight: 300;
	}
	
	h2 em {
		display: block;
		margin: 0 0 -1px 0;
		font-style: normal;
	}

.fleft {
	float: left;
}

	img.fleft {
		margin: 0 16px 11px 0;
	}

.fright {
	float: right;
}

	ul.fright {
		padding: 0 7px 0 0;
	}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}
.col-page {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

#main-tail {
	background: url(../images/main-tail.gif) repeat-x 50% 0%;
}

	#page1 #main-tail {
		background: url(../images/main-tail-n.gif) repeat-x 50% 0%;
	}

#main {
	font-size: 0.75em;
}

#header {
	position: relative;
	width: 922px;
	height: 110px;
	margin: 0 auto;
}

	#page1 #header {
	background: url(../images/header-n.jpg) no-repeat 440px 128px;
	height: 444px;
	}
	#page2 #header {
	background: url(../images/header-blank.gif) no-repeat 440px 128px;
	height: 400px;
	}
	#page3 #header {
	background: url(../images/header-blank.gif) no-repeat 440px 12px;
	height: 105px;
	}
	
#logo {
	position: absolute;
	top: 15px;
	left: 1px;
}

#YM {
  position: absolute;
  top: 7px;
  left: 320px;
}

#menu {
	position: absolute;
	top: 27px;
	right: 23px
}

	#menu li {
		float: left;
		padding: 0 0 0 5px;
	}
	
		#menu li a {
			display: inline-block;
			height: 48px;
			margin: 0 9px;
			padding: 0 4px 0 4px;
			overflow: hidden;
			line-height: 48px;
			font-size: 1.667em;
			font-weight: 400;
			text-decoration: none;
			color: #000;
		}
	
		#menu li.act a {
			background: url(../images/menu-left.gif) no-repeat 0% 0%;
			display: inline-block;
			height: 48px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			line-height: 48px;
			font-size: 1.667em;
			font-weight: 400;
			text-decoration: none;
			color: #fff;
		}
		
			#menu li.act a span {
				background: url(../images/menu-right.gif) no-repeat 100% 0%;
				display: inline-block;
			}
			
				#menu li.act a span span {
					background: url(../images/menu-tail.gif) repeat-x 0% 0%;
					display: inline-block;
					height: 48px;
					margin: 0 9px;
					padding: 0 4px 0 4px;
					overflow: hidden;
				}
				
		#menu li a:hover {
			background: url(../images/menu-left.gif) no-repeat 0% 0%;
			display: inline-block;
			height: 48px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			line-height: 48px;
			font-size: 1.667em;
			font-weight: 400;
			text-decoration: none;
			color: #fff;
		}
		
			#menu li a:hover span {
				background: url(../images/menu-right.gif) no-repeat 100% 0%;
				display: inline-block;
			}
			
				#menu li a:hover span span {
					background: url(../images/menu-tail.gif) repeat-x 0% 0%;
					display: inline-block;
					height: 48px;
					margin: 0 9px;
					padding: 0 4px 0 4px;
					overflow: hidden;
				}

#slogan {
	position: absolute;
	top: 173px;
	left: 537px;
}

#button {
	background: url(../images/button.jpg) no-repeat 0% 0%;
	width: 215px;
	height: 93px;
	padding: 0 0 0 17px;
	overflow: hidden;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	position: absolute;
	top: 263px;
	right: 47px;
}

	#button strong {
	display: block;
	margin: 0 0 -8px 0;
	padding: 20px 0 0 0;
	line-height: 1.2em;
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	}
	
	#button b {
	display: block;
	padding: 5px 0 0 2px;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
	color: #3261b8;
	}
	
		#button:hover b {
			color: #fff !important;
		}

#content-tail { background: #000000 repeat-x 50% 0%; width: 100%; }
#content      { width: 922px; margin: 0 auto; }
#content .indent { padding: 11px 0 41px 0; }
#content p {
			padding: 0 0 20px 0;
			line-height: 1.429em;
			font-size: 1.167em;
			color: #F0F0F0; /*color: #575757;*/
		}
		
			#content p a {
				text-decoration: none;
			}
			
			#content p a:hover {
				text-decoration: underline;
			}
		
		#content p.extra {
			padding: 0 0 23px 0;
		}
		
		#content p.extra1 {
			padding: 0 0 17px 0;
		}
		
		#content p.extra2 {
			padding: 0 0 25px 0;
		}
		
		#content p.extra3 {
			padding: 0 0 29px 0;
		}
		
			#content p big {
				display: block;
				padding: 2px 0 0 0;
				font-size: 1em;
			}

#secondary-content-tail {
	background: #fcfcfc url(../images/secondary-content-tail.gif) repeat-x 50% 0%;
	width: 100%;
}

#secondary-content {
	width: 922px;
	margin: 0 auto;
}

	#secondary-content .indent {
		padding: 22px 0 40px 0;
	}
	
	#secondary-content .indent-1 {
		padding: 22px 0 46px 0;
	}
	
	#secondary-content .indent-2 {
		padding: 22px 0 43px 0;
	}

		#secondary-content p {
			padding: 0 0 22px 0;
			line-height: 1.429em;
			font-size: 1.167em;
			color: #575757;
		}
		
		#secondary-content p.extra {
			padding: 0 0 12px 0;
		}
		
		#secondary-content p.extra1 {
			padding: 0 0 20px 0;
		}
		
		#secondary-content p.extra2 {
			padding: 0 0 14px 0;
		}
		
		#secondary-content p.extra3 {
			padding: 0 0 17px 0;
		}
		
		#secondary-content p.extra4 {
			padding: 0 0 25px 0;
		}
		
			#secondary-content p a {
				text-decoration: none;
			}
			
				#secondary-content p a:hover {
					text-decoration: underline;
				}
			
			#secondary-content p big {
				display: block;
				margin: 0 0 -2px 0;
				padding: 2px 0 0 0;
				font-size: 1em;
			}
			
			#secondary-content p small {
				float: right;
				padding: 0 8% 0 0;
				font-size: 1em;
			}



#third-content-tail {
	background: #060f21 url(../images/third-content-tail.gif) repeat-x 50% 0%;
}

#third-content-ver {
	background: url(../images/third-content-ver.gif) repeat-y 50% 0%;
}

#third-content-bg {
	background: url(../images/third-content-bg.jpg) no-repeat 50% 0%;
	width: 100%;
}

#third-content {
	width: 922px;
	margin: 0 auto;
}

	#third-content .indent {
		padding: 42px 0 43px 4px;
	}

.row-1 {
	width: 100%;
	overflow: hidden;
}

	.row-1 .inner {
		padding: 0 0 0 3px;
	}

.row-2 {
	width: 100%;
	overflow: hidden;
}

	.row-2 .inner {
		padding: 0 0 0 1px;
	}

.row-3 {
	width: 100%;
	overflow: hidden;
}

.box {
	width: 100%;
	overflow: hidden;
}

	.box .border-top {
		background: #1b3362 url(../images/border-top.jpg) repeat-x 0% 0%;
	}
	
	.box .border-bot {
		background: url(../images/border-bot.jpg) repeat-x 0% 100%;
	}
	
	.box .border-left {
		background: url(../images/border-left.jpg) repeat-y 0% 0%;
	}
	
	.box .border-right {
		background: url(../images/border-right.jpg) repeat-y 100% 0%;
	}
	
	.box .corner-top-left {
		background: url(../images/corner-top-left.jpg) no-repeat 0% 0%;
	}
	
	.box .corner-top-right {
		background: url(../images/corner-top-right.jpg) no-repeat 100% 0%;
	}
	
	.box .corner-bot-left {
		background: url(../images/corner-bot-left.jpg) no-repeat 0% 100%;
	}
	
	.box .corner-bot-right {
		background: url(../images/corner-bot-right.jpg) no-repeat 100% 100%;
		width: 100%;
	}
	
	.box .inner {
		padding: 20px 37px 38px 31px;
	}

.link {
	background: url(../images/link-left.gif) no-repeat 0% 0%;
	display: inline-block;
	height: 30px;
	overflow: hidden;
	float: left;
	line-height: 30px;
	font-size: 1.167em;
	text-decoration: none;
	color: #7b7b7b;
}

	.link span {
		background: url(../images/link-right.gif) no-repeat 100% 0%;
		display: inline-block;
	}
	
		.link span span {
			background: url(../images/link-tail.gif) repeat-x 0% 0%;
			display: inline-block;
			height: 30px;
			margin: 0 9px;
			padding: 0 7px 0 6px;
			overflow: hidden;
		}
	
	.link:hover {
		cursor: pointer;
		color: #000;
	}

.pic-indent {
	margin: 0 0 5px 0;
}

.list {
	padding: 0 0 0 2px;
	overflow: hidden;
}

	.list li {
		background: url(../images/marker.gif) no-repeat 0% 11px;
		padding: 0 0 0 15px;
		line-height: 1.786em;
		font-size: 1.167em;
		color: #3361b8;
	}
	
		.list li a {
			text-decoration: none;
			color: #3361b8;
		}
		
		.list li a:hover {
			text-decoration: underline;
		}

.list-1 {
	overflow: hidden;
}

	.list-1 li {
		background: url(../images/marker-1.gif) no-repeat 0% 11px;
		padding: 0 0 0 14px;
		line-height: 1.35em;
		font-size: 20px;
		color: #3361b8;
	}
	
		.list-1 li a {
			text-decoration: none;
			color: #3361b8;
		}
		
		.list-1 li a:hover {
			text-decoration: underline;
		}

.list-2 {
	padding: 0 0 5px 0;
	overflow: hidden;
	line-height: 1.429em;
	font-size: 1.167em;
	color: #575757;
}

	.list-2 li {
		padding: 0 0 20px 0;
	}
	
	.list-2 li.extra {
		padding: 0 0 11px 0;
	}
	
	.list-2 li.extra1 {
		padding: 0 0 24px 0;
	}
	
		.list-2 li a {
			text-decoration: none;
			color: #3361b8;
		}
		
		.list-2 li a:hover {
			text-decoration: underline;
		}

.list-3 {
	margin: 0 0 -6px 0;
	overflow: hidden;
}

	.list-3 li {
		width: 100%;
		padding: 0 0 14px 0;
		overflow: hidden;
		vertical-align: top;
	}
	
		.list-3 li img {
			float: left;
			margin: 0 16px 0 0;
		}
		
		.list-3 li p {
			padding: 2px 0 18px 0 !important;
		}

.list-4 {
	width: 100%;
	margin: 0 0 -6px 0;
	overflow: hidden;
}

	.list-4 li {
		width: 100%;
		padding: 0 0 17px 0;
		overflow: hidden;
		vertical-align: top;
	}
	
		.list-4 li img {
			float: left;
			margin: 0 16px 0 0;
		}
		
		.list-4 li p {
			padding: 2px 0 0 0 !important;
		}
		
			.list-4 li p a {
				text-decoration: none;
			}
			
			.list-4 li p a:hover {
				text-decoration: underline;
			}

.list-5 {
	margin: 0 0 -20px 0;
	overflow: hidden;
	line-height: 1.429em;
	font-size: 1.167em;
	color: #575757;
}

	.list-5 dt {
		color: #3361b8;
	}
	
	.list-5 dd {
		width: 100%;
		padding: 0 0 20px 0;
		overflow: hidden;
	}
	
		.list-5 dd small {
			float: right;
			font-size: 1em;
		}
		
		.list-5 dd a {
			text-decoration: none;
			color: #3361b8;
		}
		
		.list-5 dd a:hover {
			text-decoration: underline;
		}

.list-indent {
	padding: 0 0 23px 0 !important;
}

.list-indent1 {
	padding: 0 0 15px 2px !important;
}

.list-indent2 {
	padding: 0 0 19px 2px !important;
}

.list-indent3 {
	padding: 0 0 12px 2px !important;
}

#subscribe-form {
	width: 198px;
}

	#subscribe-form strong {
		display: block;
		margin: 0 0 -5px 0;
		line-height: 1.2em;
		font-size: 3.333em;
		font-weight: 600;
		color: #fff;
	}
	
	#subscribe-form b {
		display: block;
		padding: 0 0 17px 0;
		line-height: 1.25em;
		font-size: 1.417em;
		font-weight: 600;
		text-transform: uppercase;
		color: #3a6ed3;
	}
	
	#subscribe-form em {
		background: url(../images/subscribe-input.gif) no-repeat 0% 0%;
		display: block;
		width: 100%;
		height: 31px;
		overflow: hidden;
		font-style: normal;
	}
	
	#subscribe-form input {
		background: none;
		width: 145px;
		height: 17px;
		padding: 7px 6px 7px 6px;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000;
	}
	
	#subscribe-form input#subscribe-submit {
		background: url(../images/subscribe-submit.gif) no-repeat 0% 0%;
		width: 41px;
		height: 31px;
		padding: 0;
		border: none;
		float: left;
		cursor: pointer;
	}

.title {
	padding: 0 0 32px 0;
	line-height: 1.2em;
	font-size: 2.5em;
	font-weight: 300;
	color: #d0d3da;
}

	.title em {
		display: block;
		margin: 0 0 -9px 0;
		font-style: normal;
	}

.icons {
	width: 100%;
	overflow: hidden;
}

	.icons li {
		float: left;
		padding: 0 10px 0 0;
	}
#banner-pic {
	width: 465px;
	height: 414px;
	position: absolute;
	top: 128px;
	left: 33px;
}
#banner-pic2 {
	width: 465px;
	height: 280px;
	position: absolute;
	top: 128px;
	left: 33px;
}
#banner-pic3 {
	width: 465px;
	height: 10px;
	position: absolute;
	top: 128px;
	left: 33px;
}
/* JS - begin */

#faded {
	width: 465px;
	height: 414px;
	position: absolute;
	top: 128px;
	left: 2px;
	visibility: visible;
}

ul.pagination {
	position: absolute;
	top: 265px;
	left: 6px;
}

	ul.pagination li {
		float: left;
		padding: 0 4px 0 0;
	}
	
		ul.pagination li a {
			background: url(../images/pagination.gif) no-repeat 0% 0%;
			display: block;
			width: 26px;
			height: 26px;
			overflow: hidden;
			float: left;
			line-height: 0;
			font-size: 0;
			text-decoration: none;
			text-indent: -100px;
		}
		
			ul.pagination li a:hover {
				background-position: 0% -26px;
			}
			
				ul.pagination li.current a {
					background-position: 0% -26px;
				}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#646464; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:410px; border:1px solid #dfdfdf; margin:7px 0; padding:5px 2px; height:16px; background:#f6f6f6; float:left;}
#contactform input.text:hover { background: #ff6; }
#contactform textarea { width:410px; border:1px solid #dfdfdf; margin:7px 0; padding:2px; background:#f6f6f6; float:left;}
#contactform textarea:hover { background: #ff6; }
#contactform li.buttons input { padding:3px 0 3px 450px; margin:0; border:0; color:#FFF; float:left;}
#contactform li.buttons #imageField { border:none; background: url(../images/send.gif) no-repeat top right; width: 100%; height: 40px; padding: 2px 0px; }
#contactform li.buttons #imageField:hover { border:none; background: url(../images/send-down.gif) no-repeat top right; width: 100%; height: 40px; padding: 2px 0px; }
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/* JS - end */

.no-indent {
	margin: 0 !important;
	padding: 0 !important;
}

#contact-form {
	width: 549px;
	padding: 9px 0 0 0;
}

	#contact-form label {
		background: url(../images/contact-input.gif) no-repeat 0% 19px;
		display: block;
		height: 77px;
		overflow: hidden;
	}

	#contact-form strong {
		background: url(../images/contact-textarea.gif) no-repeat 0% 19px;
		display: block;
		width: 261px;
		float: right;
		padding: 0 0 2px 0;
		font-weight: normal;
	}
	
	#contact-form b {
		display: block;
		margin: 0 0 -1px 0;
		line-height: 1.429em;
		font-size: 1.167em;
		font-weight: normal;
		color: #575757;
	}
	
	#contact-form input {
		background: none;
		width: 242px;
		height: 17px;
		padding: 8px 8px 8px 8px;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000;
	}
	
	#contact-form textarea {
		background: none;
		width: 245px;
		height: 248px;
		padding: 8px 8px 8px 8px;
		border: none;
		float: left;
		overflow: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000;
	}
	
	#contact-form a.link {
		float: right;
		margin: 6px 0 0 15px;
	}
	
		#contact-form a.link span span {
			width: 70px;
			text-align: center;
		}

.privacy {
	padding: 0 0 13px 2px;
}

	.privacy h2 {
		padding: 0 0 19px 0 !important;
	}

#footer-tail      { background: url(../images/footer-tail.gif) repeat-x 50% 0%; }
#footer           { width: 922px; height: 55px; margin: 0 auto; }
#footer .inner    { padding: 15px 5px 0 5px; }
#footer p         { line-height: 1.538em;  font-size: 1.083em; letter-spacing: 8px; color: #fff; }
#footer p a       { text-decoration: none; color: #3361b8; padding: 0px 10px 0px 10px; }
#footer p a:hover { text-decoration: underline; }