/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; background:url(images/bg.gif) repeat-x top #0098ca }
body {font-size:100%; line-height:1em;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#333333;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#018eb9; text-decoration:underline} 
a:hover{text-decoration:none}

#content .row1 .link1{color:#333333; font-weight:normal }

#content .row2 .link{color:#fff; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:underline; float:right }
#content .row2 .link:hover{text-decoration:none}

#content .row2 .link2{color:#fff; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:underline;}

#content .row1 ul{margin:0; padding:0; list-style:none;}
#content .row1 ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:31px; }
#content .row1 ul li a{color:#333333; text-decoration: underline; line-height:2.307em; font-weight:normal} 
#content .row1 ul li a:hover { text-decoration:none; }

#content .row1 ol{margin:0; padding:0; list-style-position:inside; font-weight:bold}
#content .row1 ol li{background:none; margin:0; padding:0 0 15px 0; }
#content .row1 ol li a{color:#333333; text-decoration:none; font-weight:normal} 
#content .row1 ol li a:hover { text-decoration:underline; }

#content .row2 ol{margin:0; padding:0; list-style-position:inside; font-weight:bold}
#content .row2 ol li{background:none; margin:0; padding:0 0 15px 0; }
#content .row2 ol li a{color:#fff; text-decoration:none; font-weight:normal} 
#content .row2 ol li a:hover { text-decoration:underline; }

#content .row2 ul{margin:0; padding:0; list-style:none;}
#content .row2 ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:31px; }
#content .row2 ul li a{color:#fff; text-decoration: underline; line-height:2.307em; font-weight:normal} 
#content .row2 ul li a:hover { text-decoration:none; }

#content .row2 .ul li{background:none; margin:0; padding-left:0; }
#content .row2 .ul li a{color:#fff; text-decoration: underline; line-height:2.307em; font-weight:bold} 
#content .row2 .ul li a:hover { text-decoration:none; }


#content .row1 .link-1 { display:block; float:right; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
#content .row1 .link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
#content .row1 .link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:5px 17px 7px 21px; font-style:normal;}
#content .row1 .link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.8125em; color:#FFFFFF }
#header .logo{ margin:50px 0 13px 0 }
#header .slogan{ margin:0 0 19px 0 }
#header .block{ width:881px; height:316px; background:url(images/img.jpg); text-align:right }
#header .indent-block{padding:66px 32px 0 0}
#header .button
{
    background-position: left top;
    color: #fff;
    background: url(images/button.gif) top left no-repeat;
    line-height: 20px;
    padding: 6px 20px 6px 11px;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}
#header .button:hover{text-decoration:none; color:#4d4f50 }
#header .tel{ position:absolute; margin:78px 0 0 694px}
#header .indent{padding:9px 30px 0 18px; line-height:1.07em}
#header .img-left{ float:left; margin:0 20px 0 0}
#header p{ margin:0 0 3px 0}
#header .indent a{color:#fff; text-decoration:underline; margin-top:5px; display:block} 
#header .indent a:hover{text-decoration:none}

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}

#content .row1{ color:#333333}
#content .row1 a{ color:#5ea600; text-decoration:underline; font-weight:bold}
#content .row1 a:hover{text-decoration:none}
#content .row1 .title{  margin-bottom:24px}
#content .row1 .title1{  margin-bottom:16px}
#content .row1 .img-left{ float:left; margin:0 20px 16px 0}
#content .row1 .img-left1{ float:left; margin:0 12px 53px 0}
#content .row1 .img-left2{ float:left; margin:0 12px 33px 0}
#content .row1 .img-left3{ float:left; margin:0 7px 33px 0}
#content .row1 .img-indent{ margin:0 0 16px 0}
#content .row1 p{ margin:0 0 17px 0}
#content .row1 .p{ margin:0 0 7px 0}
#content .row1 .p1{ margin:0 0 27px 0}
#content .row1 .p2{ margin:0 0 17px 0}
#content .row1 h4{color:#333333; font-size:1em; margin-bottom:9px;  }
#content .row1 .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .row2{ color:#fff}
#content .row2 a{ color:#fff; text-decoration:underline; font-weight:bold}
#content .row2 a:hover{text-decoration:none}
#content .row2 .block-contact1 a{ font-weight:normal}
#content .row2 .title{  margin-bottom:38px}
#content .row2 .title1{  margin-bottom:31px}
#content .row2 .img-left{ float:left; margin:0 14px 10px 0}
#content .row2 .img-left1{ float:left; margin:0 14px 30px 0}
#content .row2 .img-indent{ margin:0 0 16px 0}
#content .row2 p{ margin:0 0 17px 0}
#content .row2 .p{ margin:0 0 7px 0}
#content .row2 .p1{ margin:0 0 17px 0}
#content .row2 h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content .row2 .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .indent{padding:58px 0 0 0}
#content .indent1{margin:43px 0 0 0}

/*box*/
.box{ background:#fafeff; width:100%; margin-bottom:5px}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:49px 20px 45px 33px; }
/*box1*/
.box1{ width:100%;}
.box1 .border-top {background:url(images/border_top.gif) repeat-x top;}
.box1 .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top; width:100%;}
.box1 .indent-box{ padding:42px 23px 69px 33px; }
/*box2*/
.box2{ background:#ffffff; width:100%; margin-bottom:5px}
.box2 .border-bottom {background:url(images/border_bottom2.gif) repeat-x bottom;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left2.gif) no-repeat left bottom;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right2.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box{ padding:49px 20px 45px 33px; }


/*footer*/
#footer
{
    color: #9ae0f9;
    font-size: 0.8125em;
    background: url(images/bot.gif) repeat-x top;
    text-align: center;
}
#footer .indent-footer{ padding:15px 0 0 0;}
#footer span {color:#ffffff; font-weight:bold; }  
#footer a {color:#9ae0f9; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.h{ height:26px}
.block-contact span{ float:right; margin-right:40px}
.block-contact1 span{ float:right; margin-right:60px}
input{
   	border:1px solid #fff; 
	background:#67bddc;
	color:#FFFFFF;
	font-size:11px;
	width:207px; height:18px;
	padding-top:2px;
	padding-left:5px;
}
textarea{
   	border:1px solid #fff; 
	background:#67bddc;
	font-size:11px;
	color:#FFFFFF;
	width:207px; height:111px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
#Examples tr td{
     border-bottom-style: dotted; 
     border-bottom-width: thin; 
     border-bottom-color: #5D4A4A}
   
#header .block {
	position:relative;
}
#header .hwwbox {
	position:absolute;
	font-size:11px;
	top: 20px;
	left: 20px;
	width: 800px;
	height:270px;
	text-align:left;
	display:none;
}
#header .hwwclose {
	position:absolute;
	right:20px;
	bottom:20px;
	color:#FFF;
	font-weight:bold;
	display:none;
}
#header .hwwbox p {
	margin: 10px 0px;
}