/* CSS Document */

.body{
		background-color:#C3C1B2;
		margin:0px 0px 0px 8px;
		}
		
.top-bg{
		background-image:url(images/top-bg.jpg);
		height:103px;
}

.top-button{
		background-image:url(images/button-bg.gif);
		height:26px;
}

.onover{
		background-image:url(images/link-bg.gif);
		height:26px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
}

.topnav{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		background-image:url(images/button-bg.gif)
}

.topnav A{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		
}

.topnav A:hover{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:underline;
		
		
}

.active{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		background-image:url(images/active.jpg);
}

.active A{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		
}

.active A:hover{
		text-decoration:underline;
}
.phone{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666666;
		padding-right:5px;
		font-weight:bold;
}

.top-text{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#434442;
		text-align:justify;
		padding-right:10px;
}

.top-text B{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#434442;
		font-weight:bold;
		padding-right:10px;
}

.our-services{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		background-color:#B7B5A9;
		padding-left:20px;
		padding-top:10px;
}

.our-services B{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		background-color:#B7B5A9;
		padding-left:5px;
		padding-top:10px;
}

.link{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		padding-left:10px;
		padding-top:10px;
		
}

.link B{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		
		padding-top:10px;
}

.home-about{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		padding-left:10px;
		padding-right:10px;
		text-align:justify;
		padding-top:10px;
}

.bottom-link{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		
}
.bottom-link A{
		color:#000000;
		text-decoration:none;
}

.bottom-link A:Hover{
		text-decoration:underline;
}

.marque{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		padding-bottom:10px;
		padding-top:10px;
		padding-left:15px;
}

.support{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;
		font-weight:bold;
		padding-right:10px;
}

.form{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11PX;
		color:#333333;
		padding-left:5px;
}


a.button{
background:url(img/button.html);
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}

.web{
background:url(img/add.html) no-repeat 10px 8px;
text-indent:30px;
display:block;
}


#tp_services {
	clear: both;
	width: 940px;
	height: 175px;
		margin:0 auto;
}

#tp_services img {
float:left; padding-right:5px;}

.tp_services_box { 
	float: left; 
	width: 260px; 
	height: 35px; 
	padding: 20px; 
	margin-right: 20px; 
	background: url(images/tp_service_bg.html) right center no-repeat; 
	color: #fff; 
	font-size: 16px; 
	text-decoration: none; 
}

.tp_services_box .fps_title { margin-bottom: 10px; }

.tp_services_box .fps_title a { 
	color: #fff; 
	font-size: 20px; 
	font-weight: 700; 
	text-decoration: none;
}
.tp_services_box .fps_title a:hover { color: #333; text-shadow: 1px 1px 1px #9adacf }


.IndexbtnRed
{
	color: white;
	background-color: #CF3438;
	padding: 5px 10px 5px 15px;
	max-width: 180px;
	text-align: center;
	border-radius: 5px;
	margin: 0px 0px 0px 0px;
	position: relative;
	font-family: ZurichCnBT
	font-size:16px;
}

.IndexbtnRed a
{
	color: white;
	text-decoration:none;
}

.IndexbtnRed a:hover
{
	text-decoration:underline;
}



.IndexbtnY
{
	color: white;
	background-color: #F78312;
	padding: 5px 10px 5px 15px;
	max-width: 180px;
	text-align: center;
	border-radius: 5px;
	margin: 0px 0px 0px 0px;
	position: relative;
	font-family: ZurichCnBT
	font-size:16px;
}

.IndexbtnY a
{
	color: white;
	text-decoration:none;
}

.IndexbtnY a:hover
{
	text-decoration:underline;
}

.IndexbtnB
{
	color: white;
	background-color: #6CAC3C;
	padding: 5px 10px 5px 15px;
	max-width: 180px;
	text-align: center;
	border-radius: 5px;
	margin: 0px 0px 0px 0px;
	position: relative;
	font-family: ZurichCnBT
	font-size:16px;
}

.IndexbtnB a
{
	color: white;
	text-decoration:none;
}

.IndexbtnB a:hover
{
	text-decoration:underline;
}


.list-gen
{
	margin-left: 10px;
	padding: 0;
	list-style: none;
	font-size:14px;
}

.list-gen ul
{
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}


.list-gen li {
	background-image:url(images/button-bg.gif);
	padding:3px 7px;
	padding-left:15px;
	line-height: 18px;
	list-style: none;
	padding-bottom: 7px;
	float:left;
	border:1px solid #778;
	padding-right:15px;
	margin-right:75px;
}

.list-gen li a
{
	color: #fff;
	text-decoration:none;
}

.list-gen li a:hover
{
	text-decoration:underline;
}



#searchsp
{
	margin-left: 10px;
	padding: 0;
	list-style: none;
	font-size:16px;
}

#searchsp ul
{
	list-style:none;
}

#searchsp ul li
{
	float:left;
}

#portfolio
{
	font-size:13px;
	color:#fff;
	background-color:#404040;
	border:5px solid #fff;
}



.menu {padding:0 0 0 0; margin:0; list-style:none; height:26px; background:#fff url(images/button-bg.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li.topred {display:block; float:left; background-image:url(images/active.jpg); padding-left:15px;}
.menu li a.top_link {display:block; float:left; height:26px; line-height:20px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:2px 18px 0 9px; height:26px;}
.menu li a.top_link span.down {float:left; display:block; padding:2px 18px 0 9px; height:26px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:28px; right:2px; background:#333; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}

/*
.menu {padding:0 0 0 0px; margin:0; list-style:none; height:26px; background:#fff url(images/button-bg.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:26px; line-height:18px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:2px 12px 0 12px; cursor:pointer;}

.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:26px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:26px; background:url(images/down.gif) no-repeat right top;}

.menu li a.top_link:hover {color:#000; background:url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}


.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}

.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu li.topred {display:block; float:left; background-image:url(images/active.jpg); padding-left:15px;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:25px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:175px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:175px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:170px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 


.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}

*/