html{
	height:100%;
}
body{
	margin:0;
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	background:#ebeff7;
	height:100%;
	min-width:799px;
}
img{border-style:none;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.container{
	width:100%;
	min-height:100%;
}
* html .container{
	height:100%;
}
.page{
	width:799px;
	margin:0 auto;
	min-height:100%;
	position:relative;
	padding:23px 0 42px;
}
.header-holder{
	background:url(../images/bg-header.jpg) repeat-x 50% 0;
	width:100%;
}
#header{
	width:799px;
	margin:0 auto;
	height:101px;
	overflow:hidden;
	position:relative;
}
.logo{
	margin:0;
	position:absolute;
	top:8px;
	left:15px;
	z-index:500;
	width:347px;
	height:88px;
}
.logo a{
	display:block;
	background:url(../images/logo.gif) no-repeat;
	height:88px;
	overflow:hidden;
	text-indent:-9999px;
}
.slogan{
	width:633px;
	height:72px;
	display:block;
	margin:0 0 0 131px;
	padding:25px 0 0;
	background:url(../images/slogan.gif) no-repeat 0 25px;
	overflow:hidden;
	text-indent:-9999px;
}
.navigation{
	width:100%;
	height:23px;
	background:url(../images/bg-navigation.gif) repeat-x;
	position:absolute;
	z-index:100;
	top:101px;
	left:0;
}
#menu{
	width:799px;
	height:23px;
	padding:0;
	margin:0 auto;
	list-style:none;
	background:url(../images/bg-navigation.gif) repeat-x;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
}
#menu li{
	float:left;
	padding:0 12px 0 25px;
}
#menu li:hover,
#menu li.hover{
	position:relative;
}
#menu li:hover .sub,
#menu li.hover .sub{
	display:block;
}
#menu li a{
	float:left;
	height:23px;
	color:#fff;
}
#menu li:hover a,
#menu li.hover a,
#menu li a:hover{
	color:#000;
	text-decoration:none;
}
#menu .sub{
	width:225px;
	position:absolute;
	top:23px;
	left:24px;
	overflow:hidden;
	display:none;
	z-index:101;
}
#menu .sub .top{
	height:14px;
	background:url(../images/bg-sub-top.png) no-repeat;
	overflow:hidden;
}
#menu .sub .btm{
	height:19px;
	background:url(../images/bg-sub-btm.png) no-repeat;
	overflow:hidden;
}
#menu .sub .middle{
	background:url(../images/bg-sub-middle.png) repeat-y;
	overflow:hidden;
	width:100%;
}
#menu ul{
	margin:0;
	padding:0 10px 0 16px;
	list-style:none;
	width:205px;
	height:auto;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
}
#menu ul li{
	width:100%;
	padding:0;
}
#menu li:hover ul a,
#menu li.hover ul a,
#menu ul a{
	color:#000;
}
#menu li:hover ul a:hover,
#menu li.hover ul a:hover,
#menu ul a:hover{
	text-decoration:underline;
}
#content-home{
	width:100%;
	position:relative;
	padding:77px 0 88px;
}
#content-home:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
.quadrant{
	width:725px;
	height:665px;
	overflow:hidden;
	margin:0 0 0 33px;
}
.quadrant .blue-q{
	background:url(../images/bg-blue-q.png) no-repeat;
	width:280px;
	height:280px;
	padding:53px 18px 0 61px;
	float:left;
	text-align:right;
	cursor:pointer;
}
.quadrant .blue-q:hover{
	text-decoration:none;
}
.quadrant .blue-q .feature{
	display:block;
	height:51px;
}
.quadrant .green-q .feature:after,
.quadrant .yellow-q .feature:after,
.quadrant .red-q .feature:after,
.quadrant .blue-q .feature:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.quadrant .blue-q .feature strong{
	float:right;
	height:51px;
	background:url(../images/bg-feature-blue.gif) no-repeat 76% 0;
	padding:0 74px 0 0;
	text-transform:uppercase;
	line-height:64px;
	position:relative;
	margin:0 -18px 0 0;
	overflow:hidden;
}
.quadrant .blue-q .paragraf{
	display:block;
	padding:0 8px 0 0;
	line-height:14px;
	letter-spacing:1px;
}
.quadrant .blue-q .more{
	color:#172e45;
	font-size:14px;
	padding:10px 8px 0 0;
	display:block;
}
.quadrant .red-q{
	background:url(../images/bg-red-q.png) no-repeat;
	width:254px;
	height:281px;
	padding:52px 96px 0 16px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}
.quadrant .red-q:hover{
	text-decoration:none;
}
.quadrant .red-q .feature{
	display:block;
	height:51px;
}
.quadrant .red-q .feature strong{
	float:left;
	height:51px;
	background:url(../images/bg-feature-red.gif) no-repeat 16px 0;
	padding:0 0 0 70px;
	text-transform:uppercase;
	line-height:64px;
	position:relative;
	margin:0 0 0 -16px;
	overflow:hidden;
}
.quadrant .red-q .paragraf{
	display:block;
	padding:3px 0 0 5px;
	line-height:14px;
	letter-spacing:1px;
	margin:0 0 9px
}
.quadrant .red-q .more{
	color:#680101;
	font-size:14px;
	padding:0 0 0 5px;
	display:block;
}
.quadrant .green-q{
	background:url(../images/bg-green-q.png) no-repeat;
	height:312px;
	width:280px;
	padding:20px 18px 0 61px;
	float:left;
	overflow:hidden;
	text-align:right;
	cursor:pointer;
}
.quadrant .green-q:hover{
	text-decoration:none;
}
.quadrant .green-q .feature{
	display:block;
	height:51px;
}
.quadrant .green-q .feature strong{
	float:right;
	height:51px;
	background:url(../images/bg-feature-green.gif) no-repeat 76% 0;
	padding:0 74px 0 0;
	text-transform:uppercase;
	line-height:34px;
	position:relative;
	margin:0 -18px 0 0;
	overflow:hidden;
}
.quadrant .green-q .paragraf{
	display:block;
	padding:0 8px 0 0;
	line-height:14px;
	letter-spacing:1px;
	margin:0 0 19px
}
.quadrant .green-q .more{
	color:#164701;
	font-size:14px;
	padding:0 8px 9px 0;
	display:block;
}
.quadrant .yellow-q{
	background:url(../images/bg-yellow.png) no-repeat;
	width:266px;
	height:318px;
	padding:14px 88px 0 12px;
	float:left;
	overflow:hidden;
	cursor:pointer;
}
.quadrant .yellow-q:hover{
	text-decoration:none;
}
.quadrant .yellow-q .feature{
	display:block;
	height:51px;
}
.quadrant .yellow-q .feature strong{
	float:left;
	height:51px;
	background:url(../images/bg-feature-yellow.gif) no-repeat 16px 0;
	padding:0 0 0 70px;
	text-transform:uppercase;
	line-height:34px;
	position:relative;
	overflow:hidden;
	margin:0 0 0 -16px;
}
.quadrant .yellow-q .paragraf{
	display:block;
	padding:3px 0 0 5px;
	line-height:14px;
	letter-spacing:1px;
	margin:0 0 16px;
}
.quadrant .yellow-q .more{
	color:#5a4801;
	font-size:14px;
	padding:0 0 0 5px;
	display:block;
}
/*pop-up*/
.pop-up-blue{
	position:absolute;
	width:388px;
	position:absolute;
	top:114px;
	left:390px;
	z-index:21;
	display:none;
}
.pop-up-blue .bg{
	width:328px;
	height:214px;
	padding:30px 25px 25px 35px;
	background:url(../images/bg-pop-up-blue.png) no-repeat;
}
.pop-up-blue p{
	margin:0;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
.pop-up-red{
	position:absolute;
	width:388px;
	position:absolute;
	top:114px;
	left:10px;
	z-index:22;
	display:none;
}
.pop-up-red .bg{
	width:328px;
	height:214px;
	padding:30px 25px 25px 35px;
	background:url(../images/bg-pop-up-red.png) no-repeat;
}
.pop-up-red p{
	margin:0;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
.pop-up-green{
	position:absolute;
	width:388px;
	position:absolute;
	top:428px;
	left:390px;
	z-index:23;
	display:none;
}
.pop-up-green .bg{
	width:328px;
	height:214px;
	padding:30px 25px 25px 35px;
	background:url(../images/bg-pop-up-green.png) no-repeat;
}
.pop-up-green p{
	margin:0;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
.pop-up-yellow{
	position:absolute;
	width:388px;
	position:absolute;
	top:428px;
	left:10px;
	z-index:24;
	display:none;
}
.pop-up-yellow .bg{
	width:328px;
	height:214px;
	padding:30px 25px 25px 35px;
	background:url(../images/bg-pop-up-yellow.png) no-repeat;
}
.pop-up-yellow p{
	margin:0;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
/*links*/
.art{
	position:absolute;
	top:15px;
	left:11px;
	cursor:pointer;
	width:188px;
	height:155px;
	z-index:11;
}
.artbanner{
	width:164px;
	height:91px;
	position:absolute;
	z-index:99;
	cursor:pointer;
	top:0px;
	left:225px;
}
.art span{
	display:block;
	height:155px;
	background:url(../images/art.gif) no-repeat;
}
.viztriz{
	width:250px;
	height:98px;
	position:absolute;
	z-index:12;
	cursor:pointer;
	top:702px;
	left:25px;
}
.viztriz span{
	display:block;
	height:98px;
	background:url(../images/viztriz.gif) no-repeat;
}
.wow{
	width:191px;
	height:182px;
	position:absolute;
	z-index:13;
	cursor:pointer;
	top:13px;
	left:599px;
}
.wowbanner{
	width:164px;
	height:91px;
	position:absolute;
	z-index:99;
	cursor:pointer;
	top:0px;
	left:388px;
}


.wow span{
	display:block;
	height:182px;
	background:url(../images/wow.gif) no-repeat;
}
.cartoon{
	width:223px;
	height:201px;
	position:absolute;
	z-index:14;
	cursor:pointer;
	bottom:-10px;
	left:567px;
}
.cartoon span{
	display:block;
	height:201px;
	background:url(../images/cartoon.png) no-repeat;
}
.footer-holder{
	width:100%;
	position:relative;
	z-index:8;
	margin-top:-42px;
	background:url(../images/bg-footer.gif) repeat-x 0 100%;
}
#footer{
	width:799px;
	margin:0 auto;
	height:42px;
	overflow:hidden;
}
#footer p{
	color:#5c5c5c;
	margin:0 0 0 34px;
	height:18px;
	line-height:18px;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	height:24px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 27px;
}
#footer ul a{
	color:#fff;
}
#footer ul a:hover{
	color:#000;
	text-decoration:none;
}
/*inner page*/
#inner{
	background:#fff;
}
#content{
	width:100%;
	overflow:hidden;
}
.products,
.services{
	width:100%;
	overflow:hidden;
	padding:0 0 50px;
}
.section-title{
	height:46px;
	padding:0 28px;
}
.section-title h2{
	line-height:46px;
	font-size:24px;
	margin:0;
	letter-spacing:1px;
}
.products .section-title{
	background:url(../images/bg-products-title.jpg) no-repeat;
	margin:0 0 25px;
}
.services .section-title{
	background:url(../images/bg-services-title.jpg) no-repeat;
	margin:0 0 15px;
}
.services table,
.products table{
	width:743px;
	margin:0 auto;
	border-collapse:collapse;
}
.services table td,
.products table td{
	padding:0 0 18px;
	vertical-align:top;
	text-align:left;
}
.services table td.image,
.products table td.image{
	width:200px;
	text-align:center;
}
.services table td.image img,
.products table td.image img{
	vertical-align:top;
}
.services table td.btn,
.products table td.btn{
	width:141px;
}
.services table td.btn .price,
.products table td.btn .price{
	font-size:18px;
	font-weight:bold;
	display:block;
	margin:0 0 7px;
}
.services table td.btn .btn-details,
.products table td.btn .btn-details{
	display:block;
	width:125px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-details.gif) no-repeat;
}

.products table td.btn .btn-add{
	width:96px;
	height:21px;
	display:block;
	overflow:hidden;
	background:url(../images/btn-add.gif) no-repeat;
	text-indent:-9999px;
}
.services table td.btn .btn-add{
	width:96px;
	height:21px;
	display:block;
	overflow:hidden;
	background:url(../images/btn-add.gif) no-repeat;
	text-indent:-9999px;
}
.services table td div,
.products table td div{
	padding:0 44px 0 12px;
}
.services table h3,
.products table h3{
	font-size:18px;
	margin:0;
}
.services table h3 em,
.products table h3 em{
	color:#dd0303;
	font-style:normal;
}
.services table h4,
.products table h4{
	font-size:16px;
	margin:0;
}
.services table .sub-header3,
.products table .sub-header3{
	display:block;
	font-size:14px;
	font-weight:bold;
}
.services table p,
.products table p{
	line-height:14px;
	margin:0;
}

	#sample_form p                      { margin-bottom: 9px; }
	#sample_form label                  { color: #4d6066; display: block; font: bold 1.1em Arial; margin-bottom: 7px; }