/* style.css */
body {
	margin: 0;
	padding: 0;
	background-color: white;
}

body, table, td, input, select, textarea {
	font-family: Tahoma, sans-serif; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-family: Arial, sans-serif;
	color: #005375;
}

a:link {
	color: #1BB5F1; text-decoration: underline;
}
a:visited {
	color: #1BB5F1; text-decoration: underline;
}
a:link:active, a:visited:active {
	color: #1BB5F1; text-decoration: none;
}
a:link:hover, a:visited:hover {
	color: #1BB5F1; text-decoration: none;
}

a.inv:link, a.inv:visited {
	text-decoration: none;
}
a.inv:link:hover, a.inv:visited:hover {
	text-decoration: underline;
}

/* common.css */
* { margin: 0; padding: 0; }
/* font */
html { font-size: 100%; }
body { font-size: 0.75em; }
table, input, select, textarea { font-size: 100%; }

/* layout - general */
a:link, a:visited { cursor/**/: /**/pointer; }
img { border: none; }

li, dd, blockquote { margin-left: 20px; }
select > option { padding: 0 5px 0 3px; }
acronym { cursor: help; }

.clear { clear: both; line-height: 0px; }
.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }
.ctr { text-align: center; }
.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.hide { display: none; }
.hide2 { visibility: hidden; }
.ir { position: relative; overflow: hidden; }
.ir em { position: absolute; width: 100%; height: 100%; }

/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */

/* base.css */


/* forms */
.TextBox, .FileBox, textarea {
	padding: 2px 3px;
}
.TextBox, textarea, select {
	border-width: 1px;
}
.submit {
	cursor: pointer;
	border-width: 1px;
}


/* layout - specific */

body {
	position: relative;
	text-align: center;
}
.page {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#top {
	height: 70px;
	position: relative;
}

#colWrap {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}
#colMain {
	float: left;
	width: 76%;
	padding: 0;
}
#colSide1 {
	float: right;
	width: 23.5%;
	margin: 0;
}
#colSide2 {
	float: right;
	width: 19.5%;
	margin: 0;
}


.content {
	margin: 5px 0;
}
.content h2 {
	font-size: 120%;
}
.content h3 {
	font-size: 110%;
}
.content p {
	margin: 1em 0px 2em 0px;
}
.content ul {
	padding-left: 3em;
}


.note {
	padding: 10px;
}

/* swfupload.css */

.swfbtn:link, .swfbtn:visited {
	display: block;
	width: 110px;
	padding: 0 0 0 0;
	line-height: 22px;
	height: 22px;
	background: #C6DA2D;
	background: #a8cc4f url(/_pub/img/but-upload.jpg) no-repeat 0 0;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.swfbtn:link:hover, .swfbtn:visited:hover {
	color: #FFFFFF;
	font-size: 110%;
}

.browsebtn { 
}
.uploadbtn { 
	display: none;
}
.SWFUploadFileItem {
	display: block;
	width: 230px;
	height: 70px;
	float: left;
	background: #eaefea;
	margin: 0 10px 10px 0;
	padding: 5px;

}

.fileUploading { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }

.uploadCompleted .cancelbtn, 
.uploadCancelled .cancelbtn {
	display: none;
}

.progressBar {
	width: 94%;
	display: block;
	font-size: 10px;
	border: solid 1px #999999;
	margin-top: 2px;
	margin-bottom: 6px;
	line-height: 6px;
	height: 6px;
}
	.progressBar span {
		display: block;
		height: 6px;
		line-height: 6px;
		background: #1EB7F1;
	}

/* Products.css */
.contentItemProds li {
	float: left;
	margin: 0 1em 1em 0;
}
.contentItemProds dl dt, .contentItemProds dl dd {
	margin: 0;
}
.contentItemProds dl dt {
	font-weight: bold;
	margin: 0 0 .3em 0;
}
/* Form.css */

fieldset {
	border: none;
	margin: 0;
}
fieldset legend {
	display: none;
}
fieldset ul, .content fieldset ul {
	list-style: none;
	padding: 0;
}
fieldset li {
	display: block;
	overflow: hidden;
	padding: .3em 0;
	margin: 0;
}
#ie6 fieldset li {
	display: inline-block;
}
fieldset li.but {
	width: auto;
	padding-left: 9.5em;
}
fieldset li.but input {
	margin-top: .5em;
	margin-right: .5em;
	padding: .15em .75em;
}
fieldset li.but input.image {
	padding: 0;
}
fieldset label {
	float: left;
	display: block;
	width: 9em;
	margin-right: .5em;
}
fieldset .error {
	background: #FFEEEE;
	border: solid 1px #FF9999;
}
fieldset .error p {
	font-weight: bold;
	color: #FF3333;
	margin-top: 1px;
	margin-bottom: 5px;
}
#page fieldset ul.items {
	margin-left: 9.5em;
	padding: 0;
}
fieldset ul.items li {
	margin: .1em 0;
	padding: 0;
}
fieldset ul.items li label {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}
#ie7 #page fieldset ul.File, 
#ie6 #page fieldset ul.File {
	margin-left: 0px;
}

fieldset .TextareaHTMLSimple {
	width: 99%;
	clear: left;
}

fieldset p.header {
	font-weight: bold;
	font-size: 110%;
}
/* Logo.css */

#logo {
	width: 250px;
}
#logo a:link, #logo a:visited {
	display: block;
	width: 100%;
	height: 100%;
}
/* Menus.css */

.menuExpand {
	font-size: 100%;
}
.menuExpand ul li {
	margin: 1px 0;
	padding: 2px 0;
}
.menuExpand ul li ul {
	margin-left: 15px;
}

.menuTop ul {
	width: 100%;
	overflow: hidden;
}
.menuTop li {
	display: block;
	float: left;
}
.menuTop li a:link, .menuTop li a:visited {
	display: block;
	float: left;
}
.menuTop li a:link span, .menuTop li a:visited span {
	display: block;
	float: left;
}

/* Items.css */

.contentItemArt {
	margin-bottom: 1.5em;
}

.contentItemCat {
	font-size: 110%;
}


/* Bottom_links.css */

/* Bottom_copyright.css */
#copyright {
	margin: .5em 0 .3em 0;
}
/* custom.css */
.TextBox, .Textarea, .Select, .FileBox {
	border: solid 1px #005375;
	border-color: #002E41 #B2CBD5 #B2CBD5 #002E41;
}
.TextBox, .Textarea, .FileBox {
	background: #FFFFFF url(/_pub/img/input-m.gif) no-repeat 0 0;
}
.TextBox:hover, .TextBox:focus, .Textarea:hover, .Textarea:focus, .FileBox:hover, .FileBox:focus {
	padding: 1px 2px;
	border: solid 2px #A6CE39;
	background-position: -1px -1px;
}
.Select option {
	background: #FFFFFF;
}
.submit {
	background: #87C540;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}
.submit:hover {
	background: #A8CE3A;
}


/* Layout */

body {
	background: #f0f8fc url(/_pub/img/page-m.png) repeat-y 50% 0;
}
#b1 {
	background: url(/_pub/img/page-t.jpg) repeat-x 0 0;
	width: 100%;
}
#b2 {
	background: url(/_pub/img/page-t2.jpg) no-repeat 50% 8px;
	width: 100%;
}

a.skip {
	display: block;
	width: 99.99%;
	line-height: 2;
	text-align: center;
	background: #005375;
	color: #FFFFFF;
	position: absolute;
	top: -1000em;
	left: 0;
	z-index: 1000;
}
	a.skip:focus {
		top: 0;
	}

#page {
	border-top: solid 8px #005375;
	background: #FFFFFF;
	padding: 0 0 5px 0;
	width: 960px;
}
#page2 {
	margin: 0 5px;
}

#top {
	background: #6ECEF6 url(/_pub/img/header.jpg) no-repeat 0 0;
	height: 238px;
}

#logo {
	float: left;
	width: 340px;
	height: 130px;
}
	#logo a:link, #logo a:visited {
		color: #FFFFFF;
	}
	#logo em {
		background: url(/_pub/img/header.jpg) no-repeat 0 0;
	}

#colWrap {
	margin: 0 0 10px 0;
}
	#colMain {
		width: 550px;
		background: #FFFFFF url(/_pub/img/content-t.png) repeat-x 0 33px;
	}
	#colSide1 {
		width: 400px;
	}

.menuTop {
	position: relative;
	top: -10px;
	height: 53px;
	overflow: visible;
	margin: 0 0 5px 0;
	z-index: 10;
}
.menuTop ul {
}
	.menuTop ul li {
		height: 53px;
	}
		.menuTop a:link, .menuTop a:visited {
			color: #005375;
			font-weight: bold;
			margin: 10px 0 0 0;
			font-size: 110%;
			text-decoration: none;
			background: url(/_pub/img/menu-sep.gif) no-repeat 100% 50%;
		}
			.menuTop a:link span, .menuTop a:visited span {
				height: 33px;
				line-height: 33px;
				padding: 0 5px 0 15px;
				margin-right: 10px;
			}
		.menuTop a.active:link, .menuTop a.active:visited {
			font-size: 150%;
			letter-spacing: -1px;
			font-weight: normal;
		}
		.menuTop a.active:link, .menuTop a.active:visited,
		.menuTop a:link:hover, .menuTop a:visited:hover {
			margin: 0;
			background: url(/_pub/img/but-r.png) no-repeat 100% 0;
		}
			.menuTop a.active:link span, .menuTop a.active:visited span,
			.menuTop a:link:hover span, .menuTop a:visited:hover span {
				height: 53px;
				line-height: 53px;
				background: url(/_pub/img/but-l.png) no-repeat 0 0;
				color: #B4D333;
			}

h1.title {
	color: #A6CE39;
	font-size: 175%;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 10px .5em 10px;
}

#content {
	margin: 0 10px 0 10px;
}
	#content h2 {
		font-size: 150%;
		font-weight: normal;
		color: #1BB5F1;
	}
	#content p {
		margin: .5em 0 1em 0;
		line-height: 1.45em;
	}
	#content ul {
		padding-left: 1.5em;
	}
		#content li {
			line-height: 1.5em;
		}


#bot {
	background: #E8F0F3 url(/_pub/img/bot.png) no-repeat 0 0;
	height: 66px;
	padding: 1px 0 0 0;
	color: #94A0A6;
}
	#bot a:link, #bot a:visited {
		color: #365064;
	}
	#bot .botLinks {
		margin: 15px 0 0 2em;
	}
	#bot #copyright {
		margin: 8px 0 0 2em;
	}


.box {
	background: url(/_pub/img/box-m.gif) repeat-y 0 0;
	margin-bottom: 15px;
}
	.boxB {
		min-height: 100px;
		padding-bottom: 10px;
		background: url(/_pub/img/box-b.gif) no-repeat 0 100%;
	}
		.boxT {
			padding-top: 10px;
			background: url(/_pub/img/box-t.gif) no-repeat 0 0;
		}

.box2 {
	background: #f0f8fc url(/_pub/img/box2-m.gif) repeat-y 0 0;
}
	.box2 .boxB {
		background: url(/_pub/img/box2-b.gif) no-repeat 0 100%;
	}
		.box2 .boxT {
			background: url(/_pub/img/box2-t.gif) no-repeat 0 0;
		}

#page .break {
	color: #FAA61A;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 2em;
}


#gtalkChat {
	float: right;
}


/*-------
// Order form
//-----*/

#orderWrap {
	padding: 1px 0 0 0;
}
	#orderWrap .break {
		text-align: center;
		padding: 1.5em 0 0;
		margin: 0 0 -40px;
		color: #FAA61A;
	}
#orderNow {
	height: 33px;
	margin: 0 0 0px 0;
	position: absolute;
	z-index: 10;
	line-height: 60px;
	font-weight: bold;
	color: #FAA61A;
	font-size: 125%;
	letter-spacing: -1px;
}
	#orderNow span {
		float: left;
		display: block;
		width: 295px;
		height: 111px;
		top: -37px;
		left: 30px;
		margin-bottom: -37px;
	}
		#orderNow span em {
			background: url(/_pub/img/order-now.png) no-repeat 0 0;
			text-indent: -1000em;
		}

#orderForm {
	z-index: 20;
	margin: 70px 0 0;
	clear: left;
	font-size: 108.33%;
}
	#orderForm fieldset {
		margin: 0 10px;
	}
		#orderForm li.row {
			padding: .5em 0;
			width: 100%;
			position: relative;
		}
			#orderForm label {
				width: 110px;
				margin-right: 5px;
				font-size: 100%;
				line-height: 1.4;
				padding: 3px 0 0;
			}
			#orderForm input, #orderForm select, #orderForm textarea {
				font-size: 107.69%;
			}
			#orderForm .TextBox {
				width: 255px;
			}
			#orderForm .Select {
				width: 262px;
			}
			#orderForm .Textarea {
				width: 252px;
			}
			#orderForm .FileBox {
				font-size: 110%;
				width: 250px;
			}
			#page #orderForm .items {
				margin-left: 115px;
			}
			#orderForm .small {
				font-size: 84.62%;
			}
			#orderForm .req {
				left: 0;
				top: 0;
				position: absolute;
				visibility: hidden;
				color: #CC0000;
			}
		#orderForm .but {
			padding-left: 115px;
		}
			#orderForm .submit {
				width: 178px;
				height: 28px;
				color: #FFFFFF;
				font-size: 135%;
				font-weight: bold;
				border: none;
				background: #fcb018 url(/_pub/img/but-order.jpg) no-repeat 0% 0%;
			}
	#orderPrice {
		color: #1bb5f1;
		font-size: 116%;
		line-height: 1.5;
		position: relative;
		font-weight: bold;
	}
		#orderPrice span {
			position: absolute;
			left: 115px;
			font-weight: bold;
			font-size: 128%;
			line-height: 1.1;
		}
	#orderForm p.info {
		margin: 15px 10px 0;
		font-size: 84.61%;
		color: #5094AF;
	}
		#orderForm p.info a:link, #orderForm p.info a:visited {
			color: #5094AF;
		}


#files {
}
	#files li {
		line-height: 1.5em;
		padding: .25em 0;
		color: #5C6E75;
	}
	#files li.latest {
		color: #005375;
	}


.paymentForm {
}
	#page .paymentForm ul {
		padding: 0;
	}
		.paymentForm li.but {
			padding: 0;
			text-align: center;
		}

/*-------
// FAQ
//-----*/

.item-hp .faq {
}
#page .faq ul.ul {
	width: 100%;
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 0;
}
	.faq ul.ul li {
		float: left;
		padding: 0 1.5em 0 0;
	}
		.faq h2 {
			font-size: 150%;
		}
		.faq dl {
			margin: 0 0 1em 0;
		}
			.faq dt {
				margin: 0 0 .35em 0;
				font-weight: bold;
				background: url(/_pub/img/icons/pen.gif) no-repeat 0 40%;
				padding: 0 0 0 17px;
			}
			.faq dd {
				margin: 0 0 1.25em 0;
				line-height: 1.45em;
			}
				.faq dl dl {
					width: 8em;
					margin: .5em 0 .7em 14em;
					overflow: hidden;
				}
					.faq dl dl dt, .faq dl dl dd {
						float: left;
						margin: 0;
						padding: 0;
						line-height: 25px;
						height: 25px;
						background: url(/_pub/img/line-h.gif) repeat-x 0 100%;
					}
					.faq dl dl dt {
						clear: left;
						width: 50%;
						font-weight: normal;
					}
					.faq dl dl dd {
						width: 49%;
						text-align: right;
						font-size: 120%;
						font-weight: bold;
					}
	.faq p {
		margin: .3em 0;
	}
.item-1 .contentItemArt p.alR {
	margin-bottom: 2em;
}



/*-------
// Testimonials
//-----*/

#page.item-2 .contentItemCat ul {
	padding: 0;
	margin: 2em 0 0 0;
}
	.item-2 .contentItemCat li {
		margin: 1em 0 1em 1em;
		padding: 0 0 1em 0;
		background: url(/_pub/img/line-h.gif) repeat-x 0 100%;
	}
		.item-2 .contentItemCat p.who {
			margin: 0 0 .3em 0;
			font-weight: bold;
		}
		.item-2 .contentItemCat blockquote {
			margin: 0;
			position: relative;
			padding: 0 30px 0 35px;
		}
			.item-2 .q {
				font-family: "Times New Roman", serif;
				font-size: 500%;
				position: absolute;
				height: 35px;
				line-height: 1;
			}
			.item-2 .q1 {
				left: 0;
				top: -10px;
			}
			.item-2 .q2 {
				right: 5px;
				bottom: 0;
			}

#testimonials .boxB {
	padding-left: 10px;
	padding-right: 10px;
}
#testimonials .h2 {
	font-size: 120%;
	font-weight: bold;
	color: #1bb5f1;
	position: relative;
}
	#testimonials .h2 a:link, #testimonials .h2 a:visited {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 80%;
	}
#testimonials ul {
	padding: 0;
	margin: 1em 0 0 0;
}
	#testimonials li {
		margin: .5em 0;
		padding: 0 0 .5em 0;
	}
		#testimonials p.who {
			margin: .3em 0 .3em 0px;
			font-weight: bold;
		}
		#testimonials blockquote {
			margin: 0;
			position: relative;
			padding: 0;
		}
			#testimonials blockquote p {
				position: relative;
				z-index: 100;
				line-height: 1.4;
			}
			#testimonials .q {
				font-family: "Times New Roman", serif;
				font-size: 1000%;
				position: absolute;
				height: 35px;
				color: #c2e0f4;
				z-index: 10;
			}
			#testimonials .q1 {
				left: 0;
				top: -20px;
			}
			#testimonials .q2 {
				right: 0px;
				bottom: 10px;
			}



/*-------
// Portfolio
//-----*/

#page .contentItemProds ul {
	padding: 0;
	width: 100%;
	overflow: hidden;
}
	.contentItemProds ul li {
		position: relative;
		min-height: 115px;
		float: left;
		width: 49.9%;
		margin: 0 0 3em;
	}
		.contentItemProds ul li dt, .contentItemProds ul li dd {
			margin: 0 0 .2em 5px;
		}
		.contentItemProds ul li dt {
			padding: 120px 0 0 0;
		}
		.contentItemProds ul li dd.url a:link, .contentItemProds ul li dd.url a:visited {
			color: #106E8F;
		}
		.contentItemProds ul li .img {
			position: absolute;
			left: 0;
			top: 0;
			margin: 0;
			background: url(/_pub/img/thumb-m.png) no-repeat 0 0;
			width: 152px;
			height: 116px;
		}
			.contentItemProds ul li .img img {
				position: relative;
				top: 4px;
				left: 4px;
			}



/*-------
// Homepage
//-----*/

#about {
	background: url(/_pub/img/line-h.gif) repeat-x 0 100%;
	padding: 0 0 1.25em 0;
	margin: 0 0 1.25em 0;
	font-size: 116%;
}
	#about p {
		margin: 0;
	}

#page #icons {
	background: url(/_pub/img/line-h.gif) repeat-x 0 100%;
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 0;
	width: 100%;
	overflow: hidden;
}
	#icons li {
		float: left;
		width: 140px;
		margin: 0 35px 0 0;
		text-align: center;
	}
	#icons li a:link, #icons li a:visited {
		font-weight: bold;
		font-size: 130%;
		display: block;
		padding: 40px 0 0 0;
		letter-spacing: -1px;
	}
		#icons li.port a:link, #icons li.port a:visited {
			background: url(/_pub/img/icon1.gif) no-repeat 50% 0%;
			color: #a6ce39;
		}
		#icons li.faq a:link, #icons li.faq a:visited {
			background: url(/_pub/img/icon2.gif) no-repeat 50% 0%;
			color: #1BB5F1;
		}
		#icons li.contact a:link, #icons li.contact a:visited {
			background: url(/_pub/img/icon3.gif) no-repeat 50% 0%;
			color: #FAA61A;
		}

.item-hp #content h2 {
	font-weight: bold;
	margin: 0 0 .5em;
	font-size: 133.33%;
}

.note {
	background: #7DD2F7;
	padding: 10px;
	font-weight: bold;
}


#benefits {
	background: url(/_pub/img/line-h.gif) repeat-x 0 0;
	padding: 1.5em 0 2em;
	margin: 1.5em 0 0;
}
	#benefits h2 {
	}
	#benefits ul {
		padding: 0;
	}
		#benefits ul li {
			padding: .4em 0 .4em 20px;
			background: url(/_pub/img/icons/bullet3.gif) no-repeat 0 .4em;
			font-size: 116%;
		}





#noticeTop {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 150%;
	color: #333333;
	background: #FFFFFF;
	text-align: center;
	border-bottom: solid 2px #555555;
}
	#noticeTop a:link, #noticeTop a:visited {
		color: #0097DC;
		text-decoration: none;
	}
	#noticeTop a:link:hover, #noticeTop a:visited:hover {
		text-decoration: underline;
	}
	#noticeTop .redirect {
		font-style: italic;
		font-size: 77.77%;
		padding: 0 0 0 1em;
	}


#noticeModal {
	position: absolute;
	z-index: 1100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 133.33%;
}
	#noticeModal .back {
		position: absolute;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #EEEEEE;
		-moz-opacity: 0.6;
		-webkit-opacity: 0.6;
		opacity: 0.6;
	}
	#noticeModal .content {
		position: absolute;
		z-index: 10;
		left: 50%;
		top: 150px;
		width: 550px;
		overflow: hidden;
		padding: 20px 20px;
		border: solid 1px #1DB6F0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px #1DB6F0;
		-webkit-box-shadow: 0 0 10px #1DB6F0;
		box-shadow: 0 0 10px #1DB6F0;
		margin: 0 0 0 -300px;
		background: #FFFFFF;
		color: #333333;
		text-align: left;
	}
		#noticeModal .close {
			position: absolute;
			right: 10px;
			top: 5px;
			font-size: 80%;
		}
			#noticeModal .close a:link, #noticeModal .close a:visited {
				color: #AAAAAA;
			}
		#noticeModal .logos {
			vertical-align: middle;
			line-height: 52px;
			padding: 5px 0 25px;
			text-align: center;
		}
			#noticeModal .logos img {
				vertical-align: middle;
				padding: 0 .25em;
			}
			#noticeModal .logos span {
				font-size: 200%;
			}
		#noticeModal .title {
			text-align: center;
			font-size: 112.5%;
			margin: 0 0 1em;
		}
		#noticeModal p {
			margin: 0 0 .5em;
		}
		#noticeModal a:link, #noticeModal a:visited {
			color: #0097DC;
			text-decoration: none;
		}
		#noticeModal a:link:hover, #noticeModal a:visited:hover {
			text-decoration: underline;
		}
		#noticeModal .redirect {
			font-size: 87.5%;
			font-style: italic;
			margin-top: 1.5em;
		}