/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:#f0f0f0;
	color:#999999;
	font:10px/14px Tahoma, sans-serif;
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}

ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{
	font:10px/14px Tahoma, sans-serif;
	color:#006699;
	text-decoration:underline;
}
p a:hover{
	color:#006699;
	text-decoration:none;
}

p span.headline{
	font:12px/14px Arial, sans-serif;
	color:#006699;
	font-weight:bold
}

#container{width:715px; margin:0 auto; background:#fff; padding:0 20px; position:relative}

/* TOP */

#top{width:715px; height:98px; position:relative; border-top:#e4edf6 4px solid}
#logo{position:absolute; top:4px; left:0}

#top ul.ico{position:absolute; top:35px; left:505px; width:200px}
#top ul.ico li{float:left; height:30px; margin-right:12px; padding-left:14px;}
#top ul.ico li a{display:block; font:10px/14px Trebuchet MS, sans-serif; color:#454b55; text-decoration:none; padding-top:10px;}
#top ul.ico li a:hover{text-decoration:underline;}

#top ul.ico li.home{background:url(../images/ico_1.gif) 0 14px no-repeat}
#top ul.ico li.news{background:url(../images/ico_2.gif) 0 14px no-repeat}
#top ul.ico li.contact{background:url(../images/ico_3.gif) 0 14px no-repeat; margin-right:0}

#top ul.ico li.icoline{float:left; height:30px; width:1px; background: url(../images/b_lineico.gif) 0 0 repeat-y; padding-left:0}

/* MENU */

#menuPan{width:715px; height:40px; position:relative; background:url(../images/header.gif) 0 0 no-repeat;}

#menuPan ul.menu{position:absolute; top:6px; left:46px; width:665px}
#menuPan ul.menu li{float:left; height:21px; margin-right:26px;}
#menuPan ul.menu li a{height:21px; display:block; text-indent:-20000px; }
#menuPan ul.menu li a:hover{height:21px;}

#menuPan ul.menu li.home a{width:66px; background:url(../images/Button_1.gif) 0 8px no-repeat; padding-top:8px }
#menuPan ul.menu li.home a:hover{width:66px; background:url(../images/Button_1_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.about a{width:59px; background:url(../images/Button_2.gif) 0 8px no-repeat; }
#menuPan ul.menu li.about a:hover{width:59px; background:url(../images/Button_2_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.products a{width:61px; background:url(../images/Button_3.gif) 0 8px no-repeat; }
#menuPan ul.menu li.products a:hover{width:61px; background:url(../images/Button_3_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.services a{width:56px; background:url(../images/Button_4.gif) 0 8px no-repeat; }
#menuPan ul.menu li.services a:hover{width:56px; background:url(../images/Button_4_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.clients a{width:56px; background:url(../images/Button_5.gif) 0 8px no-repeat; }
#menuPan ul.menu li.clients a:hover{width:56px; background:url(../images/Button_5_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.contacts {margin-right:0}
#menuPan ul.menu li.contacts a{width:52px; background:url(../images/Button_6.gif) 0 8px no-repeat; }
#menuPan ul.menu li.contacts a:hover{width:52px; background:url(../images/Button_6_over.gif) 0 8px no-repeat;}

#menuPan ul.menu li.line {width:2px; background:url(../images/line_m.gif) 0 0 no-repeat}

/* HEADER */

#header{width:715px; height:215px; position:relative; background:url(../images/background.jpg) 0 0 no-repeat; margin-bottom:8px}
#slogan{position:absolute; top:49px; left:313px}
#btn_buy{position:absolute; top:26px; left:211px}

ul.topics{position:absolute; top:134px; left:348px; width:263px}
ul.topics li{height:18px; margin-bottom:2px;}
ul.topics li {height:18px; display:block; text-indent:-20000px; }

ul.topics li.t01 {background:url(../images/header_topic_1.gif) 0 0 no-repeat; }
ul.topics li.t02 {background:url(../images/header_topic_2.gif) 0 0 no-repeat; }
ul.topics li.t03 {background:url(../images/header_topic_3.gif) 0 0 no-repeat; }

/* CONTENT */

#leftPan{width:195px; margin:0 19px 0 0; float:left; display:inline}
#rightPan{width:475px; float:left; position:relative}

#leftPanAbout{width:195px; margin: 0 19px 0 0; float:right; display:inline}
#rightPanAbout{width:475px; float:right; position:relative}

#news{width:162px; padding:11px 16px 15px 15px; border:#e7edf2 1px solid; margin-bottom:10px}
#news h2{height:23px; position:relative; background:url(../images/News_Events.gif) 0 0 no-repeat; margin-bottom:14px}
#news p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px}
#news p span{
	height:14px;
	background:url(../images/icon_news.gif) 0 2px no-repeat;
	padding-left:22px;
	display:block;
	margin-bottom:8px;
	font:12px/14px Arial, sans-serif;
	color:#006699;
	font-weight:bold;
}
#news p a{
	font:10px/14px Tahoma, sans-serif;
	color:#999999;
	text-decoration:underline;
}
#news p a:hover{
	color:#006699;
	text-decoration:none;
}
#news #btn_news{margin-left:70px}

#featured{width:193px; border:#e7edf2 1px solid; background:#fff url(../images/b_featured.gif) 0 0 repeat-x; padding-bottom:10px}
#featured h2{height:27px; position:relative; background:url(../images/Feature_Product.gif) 15px 4px no-repeat; margin-bottom:5px}
#featured #feat_img{margin-left:15px;}
#featured #description{width:193px; text-align:center; }
#featured #description p span.name{
	font:12px/14px Arial, sans-serif;
	color:#006699;
	font-weight:normal;
	display:block;
	margin-bottom:4px
}
#featured #description p span.price{
	font:12px/14px Arial, sans-serif;
	color:#006699;
	font-weight:bold
}

#welcome{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#welcome h2{height:58px; position:relative; background:url(../images/welcome_header.gif) 12px 21px no-repeat; margin-bottom:11px}
#welcome #leftWel{margin:0 14px; float:left; display:inline}
#welcome #rightWel{width:350px; float:left;}
#welcome #rightWel p{ margin-bottom:10px; padding-top:3px;}
#welcome #rightWel p span{display:block; margin-bottom:5px}
#welcome #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}


#welcome #aboutWel{width:465px; float:left;}

#page_about{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_about h2{height:58px; position:relative; background:url(../headers/our_history.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_about #leftWel{margin:0 14px; float:left; display:inline}
#page_about #rightWel{width:350px; float:left;}
#page_about #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_about #rightWel p span{display:block; margin-bottom:5px}
#page_about #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}
#page_about ul.test {
	margin: 0;
	padding: 0;
	list-style: circle;

}

#page_home{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_home h2{height:58px; position:relative; background:url(../images/welcome_header.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_home #leftWel{margin:0 14px; float:left; display:inline}
#page_home #rightWel{width:350px; float:left;}
#page_home #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_home #rightWel p span{display:block; margin-bottom:5px}
#page_home #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}
#page_home ul.test {
	margin: 0;
	padding: 0;
	list-style: circle;

}

#page_demo{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_demo h2{height:58px; position:relative; background:url(../headers/our_products.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_demo #leftWel{margin:0 14px; float:left; display:inline}
#page_demo #rightWel{width:445px; float:left;}
#page_demo #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_demo #rightWel p span{display:block; margin-bottom:5px}
#page_demo #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}
#page_demo ul.test {
	margin: 0;
	padding: 0;
	list-style: circle;

}

#page_news{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_news h2{height:58px; position:relative; background:url(../headers/our_news.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_news #leftWel{margin:0 14px; float:left; display:inline}
#page_news #rightWel{width:350px; float:left;}
#page_news #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_news #rightWel p span{display:block; margin-bottom:5px}
#page_news #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}
#page_news ul.test {
	margin: 0;
	padding: 0;
	list-style: circle;

}

#page_contacts{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_contacts h2{height:58px; position:relative; background:url(../headers/our_contacts.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_contacts #leftWel{margin:0 14px; float:left; display:inline}
#page_contacts #rightWel{width:465px; float:left;}
#page_contacts #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_contacts #rightWel p span{display:block; margin-bottom:5px}
#page_contacts #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}

#page_products{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_products h2{height:58px; position:relative; background:url(../headers/our_products.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_products #leftWel{margin:0 14px; float:left; display:inline}
#page_products #rightWel{width:465px; float:left;}
#page_products #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_products #rightWel p span{display:block; margin-bottom:5px}
#page_products #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}

#page_services{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_services h2{height:58px; position:relative; background:url(../headers/our_services.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_services #leftWel{margin:0 14px; float:left; display:inline}
#page_services #rightWel{width:350px; float:left;}
#page_services #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_services #rightWel p span{display:block; margin-bottom:5px}
#page_services #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}


#page_clients{width:465px; background:url(../images/welcome_header.jpg) left bottom repeat-x; position:relative; margin-bottom:21px}
#page_clients h2{height:58px; position:relative; background:url(../headers/our_clients.gif) 12px 21px no-repeat; margin-bottom:11px}
#page_clients #leftWel{margin:0 14px; float:left; display:inline}
#page_clients #rightWel{width:465px; float:left;}
#page_clients #rightWel p{ margin-bottom:10px; padding-top:3px;}
#page_clients #rightWel p span{display:block; margin-bottom:5px}
#page_clients #rightWel a{
	margin-bottom:10px;
	padding-top:3px;
	color:#006699;
	text-decoration:none;
}
#page_clients #rightWel a:hover{
	margin-bottom:10px;
	padding-top:3px;
	color:#006699;
	text-decoration:underline;
	
}

#page_clients #rightWel .btn_more{float:left; margin-left:270px; margin-bottom:16px}






#reviews{width:240px; position:relative;margin-right:17px; margin-left:11px;  float:left; display:inline }
#reviews h2{height:30px; position:relative; background:url(../images/New_Products.gif) 0 0 no-repeat; margin-bottom:18px}
#reviews .item{margin-left:3px}
#reviews .item .leftItem{float:left; margin-right:12px; margin-bottom:15px}
#reviews .item .rightItem{float:left;  margin-bottom:15px; width:143px}
#reviews .item .rightItem p{margin-bottom:8px; line-height:12px}
#reviews .item .rightItem img{margin-right:8px}

#services{width:205px; position:relative; float:left; }
#services h2{height:30px; position:relative; background:url(../images/Our_Services.gif) 6px 0 no-repeat; margin-bottom:18px}
.services_topic{margin-bottom:15px}
#services img{float:left; margin-right:5px}
#services p{float:left; width:145px; line-height:12px;}
#services p span{display:block; margin-bottom:3px}

/* FOOTER */

#footer{height:85px; width:715px; margin-top:18px; background:url(../images/b_footer.gif) 0 0 repeat-x}
#footer p{padding: 25px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#869496;}
#footer p span{font:10px/16px Trebuchet MS, sans-serif;}
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#869496; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#869496; color:#fff}


blockquote {
	padding-left: 0px;
	
}

