/*-------
// go to bottom for sifr and fancybox
//-----*/


/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,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;
}
ol, ul { list-style: none; }
/* blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } */
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }


/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Arial, sans-serif; }
select { font-size: 100%; font-family: Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

blockquote {
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	padding: 1em 1.5em 1em 1.5em;
	background-color: #e5e2df; 
	font-size:18px;
	line-height:22px;
	letter-spacing:-1px;
	
	
	}
blockquote p {
	margin: 0; }

/*-------
// custom styles
//-----*/

a:link, a:visited {
	color: #29B3EB;
}
a:visited { 
}
a:link:hover, a:visited:hover {
	color: #20acce;
}

html { height: 100.01%; }
body {
	font-family: Verdana, Geneva, sans-serif;
	/* background: #FFFFFF url(../_BodyBGImage.aspx?Display=CSS) repeat fixed 0 0;  */
	background: #FFFFFF url(../img/bg/bg3.jpg) repeat fixed 0 0; 
}
#body {
	width: 100%;
	background: url(../img/body-t.png) repeat-x 0 0;
}

#page {
	width: 948px;
	margin: 0 auto;
	font-size: 1.2em;
	color: #4f4f4f;
}

#top {
	position: relative;
	height: 156px;
	margin: 0 0 10px;
}
	#logo {
		float: left;
		padding: 19px 0 24px 10px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 300px;
		 	height: 61px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(../img/logo-1.png) no-repeat 0 0;
			}
	#action {
		float: right;
		padding: 0 150px 0 0;
		position: relative;
		z-index: 10;
	}
		#action p.call {
			float: left;
			margin: 40px 0 0 0;
		}
			#action p.call a:link, #action p.call a:visited {
				display: block;
				width: 176px;
				height: 31px;
				text-indent: -1000em;
				background: url(../img/t-call.png) no-repeat 0 0;
			}
		#action p.request {
			position: absolute;
			right: 20px;
			top: 0;
		}
			#action p.request a:link, #action p.request a:visited {
				display: block;
				width: 111px;
				height: 113px;
				text-indent: -1000em;
				background: url(../img/but-quote.png) no-repeat 0 0;
			}
			#action p.request a:link:hover, #action p.request a:visited:hover {
				background-position: 0 -113px;
			}
	#menu {
		clear: both;
		position: relative;
		z-index: 5;
	}
		#menu li {
			float: left;
		}
			#menu li a:link, #menu li a:visited {
				float: left;
				display: block;
				height: 52px;
				position: relative;
				text-indent: -1000em;
			}
			.js #menu li a:link, .js #menu li a:visited {
				background: url(../img/menu-1.png) no-repeat 0 0;
			}
				#menu li a:link span, #menu li a:visited span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(../img/menu-1.png) no-repeat 0 0;
				}
				.js #menu li a:link span, .js #menu li a:visited span {
					display: none;
				}

			#menu #b1 a:link, #menu #b1 a:visited { width: 128px; }
			.js #menu #b1 a:link, .js #menu #b1 a:visited,
			#menu #b1 a:link span, #menu #b1 a:visited span { background-position: 0 0; }
			.js #menu #b1 a:link span, .js #menu #b1 a:visited span,
			#menu #b1 a:link:hover span, #menu #b1 a:visited:hover span { background-position: 0 -52px; }
			.js #menu #b1.active a:link, .js #menu #b1.active a:visited,
			#menu #b1.active a:link span, #menu #b1.active a:visited span { background-position: 0 -104px; }

			#menu #b2 a:link, #menu #b2 a:visited { width: 149px; }
			.js #menu #b2 a:link, .js #menu #b2 a:visited,
			#menu #b2 a:link span, #menu #b2 a:visited span { background-position: -128px 0; }
			.js #menu #b2 a:link span, .js #menu #b2 a:visited span,
			#menu #b2 a:link:hover span, #menu #b2 a:visited:hover span { background-position: -128px -52px; }
			.js #menu #b2.active a:link, .js #menu #b2.active a:visited,
			#menu #b2.active a:link span, #menu #b2.active a:visited span { background-position: -128px -104px; }

			#menu #b3 a:link, #menu #b3 a:visited { width: 163px; }
			.js #menu #b3 a:link, .js #menu #b3 a:visited,
			#menu #b3 a:link span, #menu #b3 a:visited span { background-position: -277px 0; }
			.js #menu #b3 a:link span, .js #menu #b3 a:visited span,
			#menu #b3 a:link:hover span, #menu #b3 a:visited:hover span { background-position: -277px -52px; }
			.js #menu #b3.active a:link, .js #menu #b3.active a:visited,
			#menu #b3.active a:link span, #menu #b3.active a:visited span { background-position: -277px -104px; }

			#menu #b4 a:link, #menu #b4 a:visited { width: 140px; }
			.js #menu #b4 a:link, .js #menu #b4 a:visited,
			#menu #b4 a:link span, #menu #b4 a:visited span { background-position: -440px 0; }
			.js #menu #b4 a:link span, .js #menu #b4 a:visited span,
			#menu #b4 a:link:hover span, #menu #b4 a:visited:hover span { background-position: -440px -52px; }
			.js #menu #b4.active a:link, .js #menu #b4.active a:visited,
			#menu #b4.active a:link span, #menu #b4.active a:visited span { background-position: -440px -104px; }

			#menu #b5 a:link, #menu #b5 a:visited { width: 121px; }
			.js #menu #b5 a:link, .js #menu #b5 a:visited,
			#menu #b5 a:link span, #menu #b5 a:visited span { background-position: -580px 0; }
			.js #menu #b5 a:link span, .js #menu #b5 a:visited span,
			#menu #b5 a:link:hover span, #menu #b5 a:visited:hover span { background-position: -580px -52px; }
			.js #menu #b5.active a:link, .js #menu #b5.active a:visited,
			#menu #b5.active a:link span, #menu #b5.active a:visited span { background-position: -580px -104px; }

			#menu #b6 a:link, #menu #b6 a:visited { width: 131px; }
			.js #menu #b6 a:link, .js #menu #b6 a:visited,
			#menu #b6 a:link span, #menu #b6 a:visited span { background-position: -701px 0; }
			.js #menu #b6 a:link span, .js #menu #b6 a:visited span,
			#menu #b6 a:link:hover span, #menu #b6 a:visited:hover span { background-position: -701px -52px; }
			.js #menu #b6.active a:link, .js #menu #b6.active a:visited,
			#menu #b6.active a:link span, #menu #b6.active a:visited span { background-position: -701px -104px; }

			#menu #b7 a:link, #menu #b7 a:visited { width: 116px; }
			.js #menu #b7 a:link, .js #menu #b7 a:visited,
			#menu #b7 a:link span, #menu #b7 a:visited span { background-position: -832px 0; }
			.js #menu #b7 a:link span, .js #menu #b7 a:visited span,
			#menu #b7 a:link:hover span, #menu #b7 a:visited:hover span { background-position: -832px -52px; }
			.js #menu #b7.active a:link, .js #menu #b7.active a:visited,
			#menu #b7.active a:link span, #menu #b7.active a:visited span { background-position: -832px -104px; }

#wrap {
}
	#content {
		float: left;
		font-size: 91.67%;
	}
	#side1 {
		float: right;
	}

#footer {
	background: #0f0f0f url(../img/footer-bg.png) repeat-x 0 0;
	min-height: 275px;
	font-size: 1em;
}
	#footer2 {
		margin: 0 auto;
		width: 948px;
	}
	#logos {
		padding: 15px 0 20px;
	}
		#logos ul {
			width: 100%;
			overflow: hidden;
		}
		#logos li {
			float: left;
		}
			#logos li a:link, #logos li a:visited {
				display: block;
				float: left;
				height: 57px;
				position: relative;
			}
				#logos li a:link span, #logos li a:visited span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(../img/logos-1.jpg) no-repeat 0 0;
				}

			#logos #l1 a:link, #logos #l1 a:visited { width: 142px; }
			#logos #l1 a:link span, #logos #l1 a:visited span { background-position: 0 0; }
			#logos #l1 a:link:hover span, #logos #l1 a:visited:hover span { background-position: 0 -57px; }
			#logos #l2 a:link, #logos #l2 a:visited { width: 112px; }
			#logos #l2 a:link span, #logos #l2 a:visited span { background-position: -142px 0; }
			#logos #l2 a:link:hover span, #logos #l2 a:visited:hover span { background-position: -142px -57px; }
			#logos #l3 a:link, #logos #l3 a:visited { width: 117px; }
			#logos #l3 a:link span, #logos #l3 a:visited span { background-position: -254px 0; }
			#logos #l3 a:link:hover span, #logos #l3 a:visited:hover span { background-position: -254px -57px; }
			#logos #l4 a:link, #logos #l4 a:visited { width: 114px; }
			#logos #l4 a:link span, #logos #l4 a:visited span { background-position: -371px 0; }
			#logos #l4 a:link:hover span, #logos #l4 a:visited:hover span { background-position: -371px -57px; }
			#logos #l5 a:link, #logos #l5 a:visited { width: 155px; }
			#logos #l5 a:link span, #logos #l5 a:visited span { background-position: -485px 0; }
			#logos #l5 a:link:hover span, #logos #l5 a:visited:hover span { background-position: -485px -57px; }
			#logos #l6 a:link, #logos #l6 a:visited { width: 152px; }
			#logos #l6 a:link span, #logos #l6 a:visited span { background-position: -640px 0; }
			#logos #l6 a:link:hover span, #logos #l6 a:visited:hover span { background-position: -640px -57px; }
			#logos #l7 a:link, #logos #l7 a:visited { width: 156px; }
			#logos #l7 a:link span, #logos #l7 a:visited span { background-position: -792px 0; }
			#logos #l7 a:link:hover span, #logos #l7 a:visited:hover span { background-position: -792px -57px; }
			
	#links {
		width: 100%;
		overflow: hidden;
		margin: 0 0 25px;
	}
		#links li {
			float: left;
			width: 16.66%;
		}
			#links li h3 {
				font-size: 110%;
				font-weight: normal;
				color: #FFFFFF;
				letter-spacing: -0.1em;
				text-transform: uppercase;
				margin: 0 4px 5px;
			}
			
			#links li h3 a {
				font-size: 100%;
				font-weight: normal;
				color: #FFFFFF;
				letter-spacing: -0.1em;
				text-transform: uppercase;
			}
			
			#links li ul {
				margin: 0 4px;
				font-size: 90%;
				line-height: 1.75;
				text-transform: lowercase;
			}
				#links li li {
					float: none;
					width: 100%;
				}
					#links li li a:link, #links li li a:visited {
						color: #d6d6d6;
					}
	#copyright {
		border-top: solid 1px #cbcbcb;
		padding: .5em 0;
		text-align: right;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		font-size: 110%;
		color: #919191;
	}
		#copyright a:link, #copyright a:visited {
			color: #919191;
		}

/*-------
// page-1
//-----*/

.wrap1 {
	padding: 3px 0 0;
	margin: 0 0 15px;
}
.wrap1 #content {
	width: 651px;
	padding: 20px 28px;
/*	background: #cbc8c5;*/
	background-color: #e8e8ff;
	margin: 2px 0 0;
	letter-spacing: -0.05em;
}
.wrap1 #side1 {
	width: 228px;
}

.wrap1 #content p {
	line-height: 1.7;
	margin: 0 0 1.5em;
}

.wrap1 #content ul {
	list-style: square;
	margin: 0 0 2em 3em;
	line-height: 1.6;
} 
.wrap1 #content ol {
	list-style: decimal;
	margin: 0 0 2em 3em;
	line-height: 1.6;
}

/*
.wrap1 #content h1 {
	font-size: 254%;
	font-weight: normal;
	line-height: 1.1;
	color: #000000;
	padding: 0 0 10px;
	border-bottom: dotted 1px #656462;
	margin: 0 0 20px;
}

*/

.wrap1 #content h6 {
	font-size: 254%;
	font-size:34px;
	font-weight: normal;
	line-height: 1.1;
	color: #000000;
	padding: 0 0 10px;
	border-bottom: dotted 1px #656462;
	margin: 0 0 20px;
}

.wrap1 #content #blogcontent h1 {
	font-size: 220%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.1;
	color: #000000;
	padding: 0 0 10px;
	border-bottom: dotted 1px #656462;
	margin: 0 0 5px;
}

.wrap1 #content h2 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 172%;
	font-weight: normal;
	color: #18abcf;
	margin: 0 0 .3em;
}
.wrap1 #content h3 {
	font-size: 118%;
	font-weight: bold;
	color: #29B3EB;
	margin: 0 0 .3em;
}
.wrap1 #content h4 {
	font-size: 100%;
	font-weight: bold;
	color: #303030;
	margin: 0 0 .2em;
}

.wrap1 #content h5 {
	font-size: 118%;
	font-weight: bold;
	color: #29B3EB;
	margin: 0 0 .3em;
	padding: 0 0 4px;
	border-bottom: dotted 1px #656462;
}




#menu2 {
	background: url(../img/box-1.png) no-repeat 0 0;
	padding: 11px 11px 9px 8px;
	height: 567px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 116.67%;
	letter-spacing: -0.05em;
	margin: 0 0 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu2 {
	letter-spacing: -0.075em;
}
}
	#menu2 ul {
		width: 100%;
		overflow: hidden;
	}
		#menu2 li {
			float: left;
			width: 100%;
			padding: 1px 0;
			border-bottom: dotted 1px #FFFFFF;
		}
		#menu2 li.i9 {
			/* border: none; */
		}
		
		#menu2 li.i8 {
			 border: none;
		}
		
			#menu2 li a:link, #menu2 li a:visited {
				display: block;
				line-height: 37px;
				height: 37px;
				color: #c2c2c2;
				padding: 0 0 0 40px;
				background-repeat: no-repeat;
				text-decoration: none;
			}
			#menu2 li a:link:hover, #menu2 li a:visited:hover {
				background-color: #838383;
				color: #FFFFFF;
			}
			#menu2 li.i1 a:link, #menu2 li.i1 a:visited {
				background-image: url(../img/icon/11.png);
				background-position: 4px 50%;
			}
			#menu2 li.i2 a:link, #menu2 li.i2 a:visited {
				background-image: url(../img/icon/12.png);
				background-position: 3px 50%;
			}
			#menu2 li.i3 a:link, #menu2 li.i3 a:visited {
				background-image: url(../img/icon/13.png);
				background-position: 6px 50%;
			}
			
			#menu2 li.i3b a:link, #menu2 li.i3b a:visited {
				background-image: url(../img/icon/13b.png);
				background-position: 6px 50%;
			}
			
			#menu2 li.i4 a:link, #menu2 li.i4 a:visited {
				background-image: url(../img/icon/14.png);
				background-position: 8px 50%;
				
			}
				#menu2 li.i20 a:link, #menu2 li.i20 a:visited {
				background-image: url(../img/icon/20.png);
				background-position: 4px 50%
			}
			
			
			#menu2 li.i5 a:link, #menu2 li.i5 a:visited {
				background-image: url(../img/icon/15.png);
				background-position: 4px 50%;
			}
			
			#menu2 li.i5b a:link, #menu2 li.i5b a:visited {
				background-image: url(../img/icon/15b.png);
				background-position: 4px 50%;
			}			
			
			#menu2 li.i6 a:link, #menu2 li.i6 a:visited {
				background-image: url(../img/icon/16.png);
				background-position: 4px 50%;
			}
			#menu2 li.i7 a:link, #menu2 li.i7 a:visited {
				background-image: url(../img/icon/17.png);
				background-position: 5px 50%;
			}
			#menu2 li.i8 a:link, #menu2 li.i8 a:visited {
				background-image: url(../img/icon/18.png);
				background-position: 4px 50%;
			}
			#menu2 li.i9 a:link, #menu2 li.i9 a:visited {
				background-image: url(../img/icon/19.png);
				background-position: 3px 50%;
			}
			

			#menu2 li.cw a:link, #menu2 li.cw a:visited {
				background-image: url(../img/icon/copywrite.png);
				background-position: 4px 50%;
			}			
			
			#menu2 li.ia a:link, #menu2 li.ia a:visited {
				background-image: url(../img/icon/ia.png);
				background-position: 4px 50%;
			}			

#menu5 {
	background: url(../img/box-1.png) no-repeat 0 0;
	padding: 11px 11px 9px 8px;
	height: 240px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 116.67%;
	letter-spacing: -0.05em;
	margin: 0 0 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu5 {
	letter-spacing: -0.075em;
}
}
	#menu5 ul {
		width: 100%;
		overflow: hidden;
	}
		#menu5 li {
			float: left;
			width: 100%;
			padding: 1px 0;
			border-bottom: dotted 1px #FFFFFF;
		}
		#menu5 li.i2ock {
			border: none;
		}
			#menu5 li a:link, #menu5 li a:visited {
				display: block;
				line-height: 37px;
				height: 37px;
				color: #c2c2c2;
				padding: 0 0 0 40px;
				background-repeat: no-repeat;
				text-decoration: none;
			}
			#menu5 li a:link:hover, #menu5 li a:visited:hover {
				background-color: #838383;
				color: #FFFFFF;
			}
			#menu5 li.i1 a:link, #menu5 li.i1 a:visited {
				background-image: url(../img/icon/11.png);
				background-position: 4px 50%;
			}
			#menu5 li.i2 a:link, #menu5 li.i2 a:visited {
				background-image: url(../img/icon/12.png);
				background-position: 3px 50%;
			}
			#menu5 li.i5 a:link, #menu5 li.i5 a:visited {
				background-image: url(../img/icon/13.png);
				background-position: 6px 50%;
			}
			
			#menu5 li.i6 a:link, #menu5 li.i6 a:visited {
				background-image: url(../img/icon/16.png);
				background-position: 4px 50%;
			}

		#menu5 li.i3 a:link, #menu5 li.i3 a:visited {
				background-image: url(../img/icon/13.png);
				background-position: 6px 50%;
			}

	#menu5 li.i8 a:link, #menu5 li.i8 a:visited {
				background-image: url(../img/icon/18.png);
				background-position: 4px 50%;
			}
			#menu5 li.i9 a:link, #menu5 li.i9 a:visited {
				background-image: url(../img/icon/19.png);
				background-position: 3px 50%;
			}
			
#blogstuff {
	background: url(../img/box-2b.png) no-repeat 0 0;
	padding: 11px 11px 9px 8px;
	height: auto;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 116.67%;
	letter-spacing: -0.05em;
	margin: 0 0 15px;
	color:#fff;
}

	#blogstuff h3 {
		font-size: 264%;
		font-weight: normal;
		color: #84c441;
		height: 42px;
	}
	
	#blogstuff p {
		font-size: 83.33%;
		margin: 0 0 1em;
	}

			
#blogstuff form li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 3px;
		}
			#blogstuff form li label {
				float: left;
				display: block;
				width: 55px;
				font-size: 83.33%;
				letter-spacing: -0.05em;
				line-height: 2;
			}
			#blogstuff form li input.text {
				float: left;
				width: 130px;
				height: 15px;
				padding: 3px 2px;
				font-size: 91.67%;
				color: #FFFFFF;
				background: #3b3b3b url(../img/input1-bg.png) repeat-x 0 0;
				border: solid 1px #2d2d2d;
			}
			#blogstuff form li textarea {
				width: 95%;
				height: 77px;
				padding: 3px 5px;
				color: #000000;
				background: url(../img/input2-bg.png) repeat-x 0 0;
				border: solid 1px #2d2d2d;
			}
		#blogstuff form li.button {
			margin: -4px -11px 0 0;
			width: auto;
			height: 45px;
		}
			#blogstuff form li.button input.submit {
				float: right;
				width: 115px;
				height: 45px;
				border: none;
				background: url(../img/but-send.png) no-repeat 0 0;
			}
			#blogstuff form li.button input.submit:hover {
				background-position: 0 -45px;
			}			
	
	
	

#categories {
	background: url(../img/box-1b.png) no-repeat 0 0;
	padding: 12px 18px 10px 15px;
	color: #FFFFFF;
	margin: 0 0 15px;
	background-color:#4d4d4e;
}
	#categories h3 {
		font-size: 264%;
		font-weight: normal;
		color: #ed1f24;
		height: 42px;
	}
	#categories p {
		font-size: 83.33%;
		margin: 0 0 1em;
	}
	
	#categories a {
	color:#fff;	
	}
		
	
	#thearchives {
	background: url(../img/box-3b.png) no-repeat 0 0;
	padding: 12px 18px 10px 15px;
	color:#fff;
	background-color:#4d4d4e;
}
	#thearchives h3 {
		font-size: 264%;
		font-weight: normal;
		color: #f6ee27;
		height: 42px;
		letter-spacing: -0.05em;
		margin: 0;
	}
	
#thearchives a {
	color:#fff;	
	}
	
	
	#pastposts {
	background: url(../img/box-3b.png) no-repeat 0 0;
	padding: 12px 18px 10px 15px;
	color:#fff;
	background-color:#4d4d4e;
	margin:0 0 15px
}
	#pastposts h3 {
		font-size: 264%;
		font-weight: normal;
		color: #f6ee27;
		height: 42px;
		letter-spacing: -0.05em;
		margin: 0;
	}
	
#pastposts a {
	color:#fff;	
	}

		
#contact {
	background: url(../img/box-2.png) no-repeat 0 0;
	padding: 12px 18px 0 15px;
	height: 334px;
	color: #FFFFFF;
	margin: 0 0 15px;
}
	#contact h3 {
		font-size: 264%;
		font-weight: normal;
		color: #84c441;
		height: 42px;
	}
	#contact p {
		font-size: 83.33%;
		margin: 0 0 1em;
	}
		#contact form li {
			width: 100%;
			overflow: hidden;
			margin: 0 0 3px;
		}
			#contact form li label {
				float: left;
				display: block;
				width: 55px;
				font-size: 83.33%;
				letter-spacing: -0.05em;
				line-height: 2;
			}
			#contact form li input.text {
				float: left;
				width: 130px;
				height: 15px;
				padding: 3px 2px;
				font-size: 91.67%;
				color: #FFFFFF;
				background: #3b3b3b url(../img/input1-bg.png) repeat-x 0 0;
				border: solid 1px #2d2d2d;
			}
			#contact form li textarea {
				width: 95%;
				height: 77px;
				padding: 3px 5px;
				color: #000000;
				background: url(../img/input2-bg.png) repeat-x 0 0;
				border: solid 1px #2d2d2d;
			}
		#contact form li.button {
			margin: -4px -11px 0 0;
			width: auto;
			height: 45px;
		}
			#contact form li.button input.submit {
				float: right;
				width: 115px;
				height: 45px;
				border: none;
				background: url(../img/but-send.png) no-repeat 0 0;
			}
			#contact form li.button input.submit:hover {
				background-position: 0 -45px;
			}

#portfolio {
	background: url(../img/box-3.png) no-repeat 0 0;
	padding: 12px 18px 0 15px;
	height: 236px;
}
	#portfolio h3 {
		font-size: 264%;
		font-weight: normal;
		color: #f6ee27;
		height: 42px;
		letter-spacing: -0.05em;
		margin: 0;
	}
	#portfolio ul {
		height: 165px;
		position: relative;
	}
		#portfolio li {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			text-align: center;
		}

#menu3 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px;
}
	#menu3 li {
		float: left;
		margin: 0 15px 0 0;
	}
	#menu3 #c3 {
		margin-right: 14px;
	}
	#menu3 #c4 {
		margin: 0;
	}
		#menu3 li a:link, #menu3 li a:visited {
			float: left;
			display: block;
			width: 226px;
			height: 66px;
			position: relative;
		}
			#menu3 li a:link span, #menu3 li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../img/menu-3.jpg) no-repeat 0 0;
			}
		#menu3 #c1 a:link span, #menu3 #c1 a:visited span { background-position: 0 0; }
		#menu3 #c1 a:link:hover span, #menu3 #c1 a:visited:hover span { background-position: 0 -66px; }
		#menu3 #c2 a:link span, #menu3 #c2 a:visited span { background-position: -241px 0; }
		#menu3 #c2 a:link:hover span, #menu3 #c2 a:visited:hover span { background-position: -241px -66px; }
		#menu3 #c3 a:link span, #menu3 #c3 a:visited span { background-position: -482px 0; }
		#menu3 #c3 a:link:hover span, #menu3 #c3 a:visited:hover span { background-position: -482px -66px; }
		#menu3 #c4 a:link span, #menu3 #c4 a:visited span { background-position: -722px 0; }
		#menu3 #c4 a:link:hover span, #menu3 #c4 a:visited:hover span { background-position: -722px -66px; }

/*-------
// foooter call to action
//-----*/

#footercall {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0px;
	
}

	#footercall li {
		float: left;
		margin: 0 0 0 -32px;;
		list-style:none outside none;
	}
		#footercall li a:link, #footercall li a:visited {
			float: left;
			display: block;
			width: 649px;
			height: 104px;
			position: relative;
		}
			#footercall li a:link span, #footercall li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../img/footer-call-to-action.png) no-repeat 0 0;
			}
		#footercall #foot a:link span, #footercall #foot a:visited span { background-position: 0 0;}
		#footercall #foot a:link:hover span, #footercall #foot a:visited:hover span { background-position: 0 -104px; }



/*-------
// portfolio
//-----*/

.wrap2 {
	padding: 5px 0 0;
	margin: 0 0 15px;
}
.wrap2 #content {
	float: none;
	width: auto;
	padding: 20px 10px 20px 20px;
	background-color: #e8e8ff;
}

#tPortfolio {
	width: 900px;
	height: 54px;
	margin: 0 0 40px;
	background-color: #e8e8ff;
  font-family: 'Cardo', serif;
font-size:42pt;
}
	#tPortfolio span {
		background: url(../img/t-portfolio.png) no-repeat 0 0;
	}

#websites {
}
	#websites .item {
		margin: 0 0 10px;
	}
		#websites .info {
			float: left;
			width: 235px;
		}
			#websites .info h2 {
				color: #242424;
				font-size: 172%;
				font-weight: bold;
				letter-spacing: -0.05em;
				padding: 0 0 10px;
				border-bottom: dotted 1px #000000;
				margin: 0 0 10px;
			}
			#websites .info p {
				line-height: 1.4;
			}
				#websites .info p a:link, #websites .info p a:visited {
					color: #000000;
				}
			#websites .info .buttons {
				margin: 12px 0 8px -6px;
				height: 46px;
			}
				#websites .info .buttons a:link, #websites .info .buttons a:visited {
					float: left;
					display: block;
					height: 46px;
				}
					#websites .info .buttons a.view:link span, #websites .info .buttons a.view:visited span {
						background: url(../img/but-view.png) no-repeat 0 0;
	background-color: #e8e8ff;
					}
				#websites .info .buttons a.view:link, #websites .info .buttons a.view:visited {
					width: 100px;
				}
					#websites .info .buttons a.case:link span, #websites .info .buttons a.case:visited span {
						background: url(../img/but-case.png) no-repeat 0 0;
					}
				#websites .info .buttons a.case:link, #websites .info .buttons a.case:visited {
					width: 99px;
				}
					#page #websites .info .buttons a:link:hover span, #websites .info .buttons a:visited:hover span {
						background-position: 0 -46px;
					}
			#websites .info .tags {
				font-size: 81.81%;
				color: #6c6c6c;
			}
				#websites .info .tags span {
					color: #393939;
					font-weight: bold;
				}
				#websites .info .tags a:link, #websites .info .tags a:visited {
					color: #6c6c6c;
				}
		#websites .images {
			float: right;
			width: 674px;
			overflow: hidden;
		}
			#websites .images li {
				float: left;
				width: 319px;
				height: 217px;
				padding: 0 9px 9px 9px;
				background: url(../img/frame-1.jpg) no-repeat 0 100%;
			}

.nav1 {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 49px;
	padding: 0 0 14px;
	border-bottom: dotted 1px #656462;
}
	.nav1 p.pages {
		text-align: center;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		font-size: 163%;
		padding: 29px 0 0;
		line-height: 20px;
	}
	.nav1 p.prev,
	.nav1 p.next {
		position: absolute;
		top: 0;
	}
		.nav1 p.prev a:link, .nav1 p.prev a:visited,
		.nav1 p.next a:link, .nav1 p.next a:visited {
			display: block;
			width: 53px;
			height: 49px;
		}
			.nav1 p.prev a:link span, .nav1 p.prev a:visited span,
			.nav1 p.next a:link span, .nav1 p.next a:visited span {
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			.nav1 p.prev a:link:hover span, .nav1 p.prev a:visited:hover span,
			.nav1 p.next a:link:hover span, .nav1 p.next a:visited:hover span {
				background-position: 0 -49px;
			}
	.nav1 p.prev {
		left: 0;
	}
			.nav1 p.prev a:link span, .nav1 p.prev a:visited span {
				background-image: url(../img/but-prev.png);
			}
	.nav1 p.next {
		right: 0;
	}
			.nav1 p.next a:link span, .nav1 p.next a:visited span {
				background-image: url(../img/but-next.png);
			}



/*-------
// home
//-----*/

.home {
	padding: 5px 0 0;
}
	.home #content {
		float: none;
		width: auto;
	}

#feature {
	position: relative;
	margin: 0 0 20px;
}
	#feature .slider {
		position: relative;
		z-index: 5;
	}
		#feature li {
			position: relative;
			width: 948px;
			height: 337px;
		}
			#feature li p.buttons {
				position: absolute;
			}
				#feature li p.buttons a:link, #feature li p.buttons a:visited {
					float: left;
					display: block;
					width: 145px;
					height: 45px;
					text-indent: -1000em;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				#feature li p.buttons a:link:hover, #feature li p.buttons a:visited:hover {
					background-position: 0 -45px;
				}
				#feature li p.buttons a.feedback:link, #feature li p.buttons a.feedback:visited {
					background-image: url(../img/but-feedback.png);
					width: 150px;
				}
				#feature li p.buttons a.services:link, #feature li p.buttons a.services:visited {
					background-image: url(../img/but-services.png);
					width: 130px;
				}
				#feature li p.buttons a.view:link, #feature li p.buttons a.view:visited {
					background-image: url(../img/but-view2.png);
					width: 110px;
				}
				#feature li p.buttons a.case:link, #feature li p.buttons a.case:visited {
					background-image: url(../img/but-case2.png);
					width: 112px;
				}
				
				/* NEW BUTTONS FOR SLIDE PANELS */
				
				#feature li p.buttons a.view-zoom:link, #feature li p.buttons a.view-zoom:visited {
					background-image: url(../img/but-zoom-view.png);
					width: 110px;
				}
				#feature li p.buttons a.case-zoom:link, #feature li p.buttons a.case-zoom:visited {
					background-image: url(../img/but-zoom-case.png);
					width: 112px;
				}
				
				#feature li p.buttons a.view-ei:link, #feature li p.buttons a.view-ei:visited {
					background-image: url(../img/but-ei-view.png);
					width: 110px;
				}
				#feature li p.buttons a.case-ei:link, #feature li p.buttons a.case-ei:visited {
					background-image: url(../img/but-ei-case.png);
					width: 112px;
				}
				
				#feature li p.buttons a.view-kms:link, #feature li p.buttons a.view-kms:visited {
					background-image: url(../img/but-kms-view.png);
					width: 110px;
				}
				#feature li p.buttons a.case-kms:link, #feature li p.buttons a.case-kms:visited {
					background-image: url(../img/but-kms-case.png);
					width: 112px;
				}
				
				#feature li p.buttons a.portfolio:link, #feature li p.buttons a.portfolio:visited {
					background-image: url(../img/but-portfolio.png);
				}
				#feature li p.buttons a.request:link, #feature li p.buttons a.request:visited {
					background-image: url(../img/but-request.png);
				}
				#feature li p.buttons a.more:link, #feature li p.buttons a.more:visited {
					background-image: url(../img/but-more.png);
				}
				#feature li p.buttons a.contact:link, #feature li p.buttons a.contact:visited {
					background-image: url(../img/but-contact.png);
					width: 142px;
				}
				#feature li p.buttons a.request2:link, #feature li p.buttons a.request2:visited {
					background-image: url(../img/but-request2.png);
				}
		#feature-1 {
			background: url(../img/feature-1.jpg) no-repeat 0 25px;
		}
			#feature-1 p.buttons {
				right: 115px;
				top: 275px;
			}
		#feature-2 {
			background: url(../img/feature-2.png) no-repeat 0 0;
		}
			#feature-2 p.buttons {
				left: 160px;
				top: 210px;
			}
		#feature-3 {
			background: url(../img/feature-3.png) no-repeat 0 25px;
		}
			#feature-3 p.buttons {
				right: 5px;
				top: 220px;
				width: 145px
			}
		#feature-4 {
			background: url(../img/feature-4.jpg) no-repeat 0 25px;
		}
			#feature-4 p.buttons {
				right: 5px;
				top: 265px;
			}
		#feature-5 {
			background: url(../img/feature-5.jpg) no-repeat 0 25px;
		}
			#feature-5 p.buttons {
				right: 330px;
				top: 200px;
			}
			
			
		#feature-zoom {
			background: url(../img/feature-zoom.png) no-repeat 0 0;
		}
			#feature-zoom p.buttons {
				left: 75px;
				top: 240px;
			}	
			
			
		#feature-ei {
			background: url(../img/feature-ei.png) no-repeat 0 0;
		}
			#feature-ei p.buttons {
				left: 160px;
				top: 240px;
			}	
						
		#feature-kms {
			background: url(../img/feature-kms.png) no-repeat 0 0;
		}
			#feature-kms p.buttons {
				left: 125px;
				top: 170px;
			}	
					
		

	#feature p.prev,
	#feature p.next {
		position: absolute;
		z-index: 10;
		top: 150px;
	}
		#feature p.prev a:link, #feature p.prev a:visited,
		#feature p.next a:link, #feature p.next a:visited {
			display: block;
			width: 53px;
			height: 49px;
		}
			#feature p.prev a:link span, #feature p.prev a:visited span,
			#feature p.next a:link span, #feature p.next a:visited span {
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			#feature p.prev a:link:hover span, #feature p.prev a:visited:hover span,
			#feature p.next a:link:hover span, #feature p.next a:visited:hover span {
				background-position: 0 -49px;
			}
	#feature p.prev {
		left: -20px;
	}
			#feature p.prev a:link span, #feature p.prev a:visited span {
				background-image: url(../img/but-prev.png);
			}
	#feature p.next {
		right: -20px;
	}
			#feature p.next a:link span, #feature p.next a:visited span {
				background-image: url(../img/but-next.png);
			}

#services {
	margin: 0 0 20px;
}
	#services .tabs {
		width: 100%;
		overflow: hidden;
	}
		#services .tabs li {
			float: left;
			margin: 0 15px 0 0;
		}
		#services .tabs #c3 { margin-right: 14px; }
		#services .tabs #c4 { margin-right: 0; }
			#services .tabs li a:link, #services .tabs li a:visited {
				float: left;
				display: block;
				width: 226px;
				height: 67px;
				position: relative;
			}
				#services .tabs li a:link span, #services .tabs li a:visited span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(../img/menu-3a.jpg) no-repeat 0 0;
				}
			#services .tabs #c1 a:link span, #services .tabs #c1 a:visited span { background-position: 0 0; }
			#services .tabs #c1 a:link:hover span, #services .tabs #c1 a:visited:hover span,
			#services .tabs #c1.active a:link span, #services .tabs #c1.active a:visited span { background-position: 0 -67px; }
			#services .tabs #c2 a:link span, #services .tabs #c2 a:visited span { background-position: -242px 0; }
			#services .tabs #c2 a:link:hover span, #services .tabs #c2 a:visited:hover span,
			#services .tabs #c2.active a:link span, #services .tabs #c2.active a:visited span { background-position: -242px -67px; }
			#services .tabs #c3 a:link span, #services .tabs #c3 a:visited span { background-position: -483px 0; }
			#services .tabs #c3 a:link:hover span, #services .tabs #c3 a:visited:hover span,
			#services .tabs #c3.active a:link span, #services .tabs #c3.active a:visited span { background-position: -483px -67px; }
			#services .tabs #c4 a:link span, #services .tabs #c4 a:visited span { background-position: -722px 0; }
			#services .tabs #c4 a:link:hover span, #services .tabs #c4 a:visited:hover span,
			#services .tabs #c4.active a:link span, #services .tabs #c4.active a:visited span { background-position: -722px -67px; }
	#services .slider {
		background-color: #cbc8c5;
	}
		#services .slider li {
			height: 330px;
			padding: 25px 25px;
			color: #545454;
		}
			#services .cols {
				width: 100%;
				overflow: hidden;
			}
			
			#services .cols strong {
				width: 100%;
				overflow: hidden;
				color:#000;
			}
			
				#services .col {
					float: left;
					width: 430px;
				}
				#services .col-last {
					float: right;
					width: 468px;

				}
			#services .slider p {
				line-height: 1.6;
				margin: 0 0 1.25em;
			}
				#services .slider p a:link, #services .slider p a:visited {
					color: #000000;
				}
			#services .slider h2 {
				font-size: 250%;
				font-weight: normal;
				color: #000000;
				line-height: 1.1;
				margin: 0 0 20px;
			}
				#services .slider h2 .sp1 {
					color: #62a719;
				}
				#services .slider h2 .sp2 {
					color: #28a2bf;
				}
				#services .slider h1 {
				font-size: 200%;
				font-weight: normal;
				color: #000000;
				line-height: 1.1;
				margin: 0 0 20px;
			}
				
				
			#services .slider h3 {
				font-family: 'Trebuchet MS', Helvetica, sans-serif;
				font-size: 136%;
				font-weight: normal;
				color: #222222;
				margin: 0 0 .1em;
			}
			#services .slider h3 a {
				color: #222222;
			}
			#services .slider p.buttons {
				width: 100%;
				overflow: hidden;
				margin: .5em 0 0;
			}
				#services .slider p.buttons a:link, #services .slider p.buttons a:visited {
					float: right;
					display: block;
					height: 45px;
				}
					#services .slider p.buttons a:link span, #services .slider p.buttons a:visited span {
						background-repeat: no-repeat;
						background-position: 0 0;
					}
					#services .slider p.buttons a:link:hover span, #services .slider p.buttons a:visited:hover span {
						background-position: 0 -45px;
					}
				#services .slider p.buttons a.more2:link, #services .slider p.buttons a.more2:visited {
					width: 153px;
				}
					#services .slider p.buttons a.more2:link span, #services .slider p.buttons a.more2:visited span {
						background-image: url(../img/but-more2.png);
					}
				#services .slider p.buttons a.request3:link, #services .slider p.buttons a.request3:visited {
					width: 154px;
				}
					#services .slider p.buttons a.request3:link span, #services .slider p.buttons a.request3:visited span {
						background-image: url(../img/but-request3.png);
					}

#boxes {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
	#boxes #portfolio {
		float: left;
		width: 275px;
		height: 222px;
		background: url(../img/box-3a.png) no-repeat 0 0;
		position: relative;
		margin: 0 16px 0 0;
	}
		#portfolio p.view {
			position: absolute;
			z-index: 20;
			right: 10px;
			bottom: 10px;
			margin: 0;
			font-size: 109.09%;
		}
			#portfolio p.view a:link, #portfolio p.view a:visited {
				color: #FFFFFF;
			}
	#testimonial {
		float: left;
		margin: 0 16px 0 0;
		width: 299px;
		height: 230px;
		background: url(../img/box-4.png) no-repeat 0 0;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
		font-size: 109.09%;
		color: #c2c2c2;
	}
		#testimonial blockquote2 {
			padding: 10px 60px 0 65px;
			line-height: 1.4;
		}
	#news {
		float: left;
		width: 275px;
		height: 222px;
		padding: 12px 18px 0 15px;
		background: url(../img/box-5.png) no-repeat 0 0;
		color: #FFFFFF;
	}
		#news h3 {
			font-size: 264%;
			font-weight: normal;
			color: #84c441;
			height: 42px;
			letter-spacing: -0.05em;
		}
		#news ul {
			font-family: 'Trebuchet MS', Helvetica, sans-serif;
			font-size: 127%;
			list-style: square;
			margin: 0 0 0 1.5em;
		}
			#news li {
				margin: 0 0 .1em;
			}
				#news li a:link, #news li a:visited {
					color: #FFFFFF;
				}

/*-------
// forms!
//-----*/

.textfield {
	width:350px;
	border:#8e8e8e solid 1px; 
	background-color:#e1e1e1;
	margin-top:5px;
	margin-bottom:5px;
	height:20px;
	padding-left:4px;
}

.textbox {
	width:350px;
	border:#8e8e8e solid 1px; 
	background-color:#e1e1e1;
	margin-top:5px;
	margin-bottom:5px;
	height:100px;
	padding-left:4px;
}

.textboxtall {
	width:350px;
	border:#8e8e8e solid 1px; 
	background-color:#e1e1e1;
	margin-top:5px;
	margin-bottom:5px;
	height:200px;
	padding-left:4px;
}

.dropdowns {
	margin-top:5px;
	margin-bottom:5px;	
	letter-spacing: .5px;
}

.radiobuttons {
	margin-top:5px;
	margin-bottom:5px;	
}


form li {
	
	list-style-type:none;
}

form li.button {
			margin: -4px -11px 0 0;
			width: auto;
			height: 45px;
		}
			form input.submit {
				float: right;
				width: 115px;
				height: 45px;
				border: none;
				background: url(../img/but-send.png) no-repeat 0 0;
			}
			form input.submit:hover {
				background-position: 0 -45px;
			}

/*-------
// 
//
//
//  SIFR 
//
//
//
//-----*/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
****************************************************************************

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
/*@media screen {
	.sIFR-active #services h2 {
		font-size: 35px;
		visibility: hidden;
		margin: 0 0 15px;
	}
	
	.sIFR-active #services h1 {
		font-size: 76px;
		visibility: hidden;
		margin: -15px 0 10px;
	}
	.sIFR-active #portfolio h3,
	.sIFR-active #contact h3,
	.sIFR-active #news h3 {
		visibility: hidden;
	}
	.sIFR-active .wrap1 #content h1 {
		font-size: 35px;
		visibility: hidden;
		padding: 0 0 5px;
	}
	
		.sIFR-active .wrap1 #content h1 a {
		color:#000;
	}
	
	.sIFR-active #websites h2 {
		padding: 0;
	}
}*/

/*-------
// 
//
//
//  FANCYBOX
//
//
//
//-----*/

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../img/fancy/fancy_progress.png) no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url(../img/fancy/fancy_loading.html) no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url(../img/fancy/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(../img/fancy/data_image/gif%3bbase64%2cAAAA.html);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url(../img/fancy/fancy_left.png) no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url(../img/fancy/fancy_right.png) no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../img/fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../img/fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../img/fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../img/fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../img/fancy/fancy_shadow_nw.png) no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../img/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancy/fancy_title_right.png) repeat-x;
}