@charset "utf-8";
/* CSS Document */

p {font-size:12px;}

/******* common ******/
.floatL{ float:left;}
.floatR{ float:right;}
.padR{ padding-right:15px;}

#floatdiv{
	position:absolute;
    width:70px;
    height:50px;
    left:200px;
    top:800px;
    padding:10px;
	}

a:link, a:visited{color:#224343; text-decoration:none;}
a:hover, a:active{color:#43a0de; text-decoration:none;}

.clearfix {content:".";clear:both;visibility:hidden;}
.clearfix{display:block;}

.slogan{ font-family:"Times New Roman", Times, serif; font-style:italic; font-size:20px;}

.container{ 
	background:#fff;
	width:950px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:1.5em;
}

/*.container p {margin-bottom:1.5em;}*/
ul.controller { position:relative; padding:0; height:3.5em; list-style-type:none; }
		ul.controller li { position:absolute; right:0; top:0; }
			ul.controller li a { font-size:1.2em; padding:.4em 1em; display:block; float:left; }
			
			ul.controller li.read-more a { color:black; background:#e5e5e5; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; }
			ul.controller li.read-more a:hover { background:#0066CC; border-color:#327400; color:white; text-decoration: none; }
.container ul {list-style:outside disc;}
.container ul li {margin-bottom:1em;}

.boxGet{ width:220px;}
.boxGetSkyB{ width:200px; background:#cfecf9; padding:10px; height:150px;}
.box200{ width:200px;}
.boxGraySide{ width:210px; background:#e9edf4; padding:20px;}
.box240{ width:200px; padding:20px}
.box280{ width:280px; padding:20px 10px;}
.box420{ width:395px; padding:20px; text-align:left;}
.boxColumn{ width:355px; padding:20px 40px; text-align:left;}
.boxMedium{ width:600px; padding:20px; text-align:left;}


.borderTB{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:15px 0;}
.borderDot{ border-left:dotted 1px #999;}

/***** Header   ******/

	.header{
		background:url(../images/bg-header.gif) repeat-x;
		padding:15px 20px 0 20px;}
	
	.logo{ width:210px;}
	
	.boxnavi{ width:640px;}
	.topNavi{ height:60px; padding-top:10px;}
	.infoPhone{ padding-top:10px; padding:10 5 5 8}
	.boxNavi{ height:70px;}

/***** body home ******/

	.bodyHome{ padding:0 20px 20px 20px;}
	.bodyPage{ padding:30px 20px;}
	.bodyPageLand{ padding:30px 30px;}
	.bodyPageFull{ padding:20px 0px; text-align: left;}
	.bodyPageCerfified{ padding:20px 35px; text-align:center;}
	.news{ background:url(../images/bg-news.jpg) no-repeat; width:254px; padding:85px 25px 25px 25px; height:152px;}
	.carousel{ background:url(../images/carousel_border.jpg) no-repeat; width:590px; padding:1px 1px 1px 1px; height:240;}
	.textHome{ width:570px; padding:30px 15px 0 15px;}
	.boxpage{ width:620px; font-size:12px; text-align:justify;}
	.boxpageIntermec{ width:640px; font-size:12px; text-align:justify;}

	.footer{ 
	color:#6d6e71;
	font-size:9px;
	width:950px;
	margin:20px auto;}
	
	.fontsmall{ font-size:9px; font-style:italic;}
/*** load products ****/
.divProducSub{ padding:20px 5px; background:#fafafa; margin-top:20px; text-align:center;}

/*** FAQ *****/

.boxBorder{ border: 1px solid #CCC; padding: 10px 15px; margin-bottom:20px;}
	/****** menu *****/
	
	.boxnav{ width:640px;}
	
    #nav-top {
    background:url("../images/menu.gif") no-repeat;
    width:640px;
    height:39px;
    margin:0;
    padding:0;
    }

    #nav-top span {
    display: none;
    }

    #nav-top li, #nav-top a {
    height:39px;
    display:block;
    }

    #nav-top li {
    float:left;
    list-style:none;
    display:inline;
    }

    #nav-top-01 {width: 131px;}
    #nav-top-02 {width: 110px;}
    #nav-top-03 {width: 116px;}
    #nav-top-04 {width: 91px;}
	#nav-top-05 {width: 93px;}
	#nav-top-06 {width: 99px;}

   	#nav-top-01 a:hover {background:url("../images/menu.gif")    0px -39px no-repeat; }
    #nav-top-02 a:hover {background:url("../images/menu.gif")  -131px -39px no-repeat; }
    #nav-top-03 a:hover {background:url("../images/menu.gif") -241px -39px no-repeat; }
    #nav-top-04 a:hover {background:url("../images/menu.gif") -357px -39px no-repeat; }
	#nav-top-05 a:hover {background:url("../images/menu.gif") -448px -39px no-repeat; }
	#nav-top-06 a:hover {background:url("../images/menu.gif") -541px -39px no-repeat; }
	
	#nav-top-01 a:active, #nav-top-01 a.selected {background:url("../images/menu.gif")    0px -39px no-repeat;}
	#nav-top-02 a:active, #nav-top-02 a.selected {background:url("../images/menu.gif")  -131px -39px no-repeat; }
	#nav-top-03 a:active, #nav-top-03 a.selected {background:url("../images/menu.gif") -241px -39px no-repeat; }
	#nav-top-04 a:active, #nav-top-04 a.selected {background:url("../images/menu.gif") -357px -39px no-repeat; }
	#nav-top-05 a:active, #nav-top-05 a.selected {background:url("../images/menu.gif") -448px -39px no-repeat; }
	#nav-top-06 a:active, #nav-top-06 a.selected {background:url("../images/menu.gif") -541px -39px no-repeat; }
	

	#nav-top-01 .active {background:url("../images/menu.gif")    0px -39px no-repeat;}
	#nav-top-02 .active {background:url("../images/menu.gif")  -131px -39px no-repeat; }
	#nav-top-03 .active {background:url("../images/menu.gif") -241px -39px no-repeat; }
	#nav-top-04 .active {background:url("../images/menu.gif") -357px -39px no-repeat; }
	#nav-top-05 .active {background:url("../images/menu.gif") -448px -39px no-repeat; }
	#nav-top-06 .active {background:url("../images/menu.gif") -541px -39px no-repeat; }
	
	/***** menu page ******/
	
	.boxMenu{ width:255px;}
	.imagePage{ border-bottom:5px solid #F90;}
	
		/* PRODUCTS */
	.icon-module {padding:0; zoom:1}
	.icon-module li {float:left; width:100%; list-style:none}
	.icon-module img {float:left}
	.icon-module dl.smallIcon {margin-left:70px}
	.icon-module dl.mediumIcon {margin-left:95px}
	.icon-module dl.largeIcon {margin-left:165px}
	
	 #infoBoxPrimary.expanded {background:none; width:100%; float:none; margin:0}
	 #infoBoxPrimary .icon-module {margin-top:1.5em; display:block}
	 #infoBoxPrimary .icon-module li {margin-bottom:0; padding-bottom:1.5em}
	 #infoBoxPrimary .icon-module dd {margin-right:1em}
	/******* news *****/
	
	.newsImage{ width:90px; float:left;}
	.borderImage{padding:5px ; float:left; border: 1px solid #CCC; margin:0 20px 10px 0;}
	.borderImageClean{padding:5px ;border: 1px solid #CCC; margin:0 20px 10px 0;}
	.resumeStaff{ padding:10px 0; clear:both;}
	
	
	
	
	#scrollup {
	position: relative;
	overflow: hidden;
	height: 160px;
	width: 250px;
	left: 20px;

}
.headline {

  position: absolute;
  top: 210px;
  left: 1px;
  height: 195px;
  width:235px;
}

.tituNews{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; font-weight:bold; color:#fba001;}



/********************** feedback ********************/

#oo_feedback_float {
	font: 12px arial;
	text-align: center;
	width:120px;
	height:50px;
	padding: 0 15px 15px 0;
	visibility: hidden;
}
#fbText {
	color: black;
	display: block;
	padding: 3px;
}
#olOver {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 10px;
}


/****************************************     **************/

#boxxf {
	position: absolute;
	bottom: 0;
	color: #000;
	width: 80%; /* See note below */
	text-align: right;
	padding: 2% 0;
}
/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#boxxf {
    \width: 100%;
    w\idth: 100%;
	text-align:right;
}
.boxxfeedbac{  text-align:center; float:right}

ul.controller {list-style:none;}

ul {font-size:12px;}