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

body
{
margin:0px;
padding:0px;
background: url(../images/semanticlp-body-bg.jpg) left top repeat-x #FFF;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#warper
{
width:100%;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlp-body-bottom-bg.jpg) left bottom repeat-x;
padding-bottom:38px;
}
#main-container
{
width:100%;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlp-container-bg.jpg) center top no-repeat;
}
#container
{
width:1000px;
height:auto;
margin:0px auto;
text-align:center;
}
#header
{
width:1000px;
height:90px;
float:left;
text-align:left;
}

.logo
{
margin-top:10px;
margin-left:340px;
}

#body-main
{
width:1000px;
height:auto;
float:left;
text-align:left;
padding-top:17px;
}
.welcome-box
{
width:590px;
height:242px;
float:left;
text-align:left;
background:url(../images/semanticlp-welcome-bg.jpg) left top no-repeat;
padding:16px 390px 0px 20px;
font: normal 13px/20px Arial, Helvetica, sans-serif;
color: #FFF;
}
.inner-box
{
width:960px;
height:112px;
float:left;
text-align:left;
background: url(../images/semanticlp-buynow-bg.jpg) left top no-repeat;
padding:16px 20px 0px 20px;
font: normal 13px/20px Arial, Helvetica, sans-serif;
color: #FFF;
}
.service-box
{
width:1000px;
height:auto;
float:left;
text-align:left;
}
.service-title-box
{
width:885px;
height:136px;
float:left;
text-align:left;
background:url(../images/semanticlp-service-title-bg.jpg) left top no-repeat;
padding-left:115px;
}
/* sub-navigation */
.service
{
width:1000px;
height:auto;
float:left;
text-align:center;
padding-bottom:20px;
}
.service ul
{
margin:0;
padding:0;
list-style-type:none;
}
.service ul li
{
width:235px;
height: auto;
float:left;
list-style-type:none;
display:block;
margin-right:20px;
margin-bottom:20px;
text-align:left;
font:normal 13px/18px Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
color:#666666;
}
.service-text-box
{
width:225px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
}
.buy-now-box
{
width:235px;
height:30px;
float:left;
text-align:center;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #00a0dc;
}
.buy-now-box:hover
{
width:235px;
height:30px;
float:left;
list-style-type:none;
text-align:center;
background-color: #7aaf10;
}
.service-th
{
padding:4px;
border:1px solid #a8d7ea;
background-color: #FFF;
}
.service-th:hover
{
padding:4px;
border:1px solid #9fc120;
background-color: #FFF;
}
.contact-box
{
width:1000px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlp-contact-left-bg.jpg) left top no-repeat;
padding-top:22px;
}
.contact-title-box
{
width:850px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
padding-left:150px;
}
.contact-inside-box
{
width:942px;
height:auto;
float:left;
text-align:left;
padding:5px 24px 0px 34px;
}
.contact-inside-left
{
width:942px;
height:auto;
float:left;
text-align:left;
}
.contact-left-top-box
{
width:902px;
height:254px;
float:left;
text-align:left;
background:url(../images/semanticlp-contact-box-bg.jpg) left top no-repeat;
padding:14px 20px 0px 20px;
font:bold 12px/22px Arial, Helvetica, sans-serif;
color: #666666;
}
.contact-left-top-box p
{
margin:12px 0px;
}
.contact-top-left
{
width:255px;
height:auto;
float:left;
text-align:left;
}
.contact-top-left p
{
margin:7px 0px;
}
.contact-top-right
{
width:355px;
height:auto;
float:right;
text-align:left;
margin-right:250px;
}
.input
{
width:248px;
height:26px;
text-align:left;
padding-left:3px;
padding-top:4px;
color: #333333;
border:1px solid #7094b7;
background-color: #FFF;
font: normal 12px/26px Arial, Helvetica, sans-serif;
}
.massage
{
width:348px;
height:168px;
text-align:left;
padding-left:2px;
padding-top:2px;
color: #333333;
border:1px solid #7094b7;
background-color: #FFF;
font: normal 12px/20px Arial, Helvetica, sans-serif;
}
.contact-left-bottom-box
{
width:587px;
height:auto;
float:left;
text-align:left;
padding-top:4px;
padding-left:95px;
}

.input-box
{
width:188px;
height:22px;
text-align:left;
padding-left:3px;
padding-top:4px;
color: #333333;
border:1px solid #7094b7;
background-color: #FFF;
font: normal 12px/22px Arial, Helvetica, sans-serif;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
background: url(../images/semanticflow-footer-bg.jpg) left top repeat-x #041529;
font: normal 12px/22px Arial, Helvetica, sans-serif;
color: #888888;
}
.footer-main
{
width:960px;
height:auto;
text-align:center;
margin:0px auto;
clear:both;
}
.footer-container
{
width:960px;
height:auto;
float:left;
text-align:left;
}
.footer-top
{
width:960px;
height:auto;
float:left;
text-align:left;
}
.footer-top-left
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-top:12px;
padding-bottom:20px;
}
/* sub-navigation */
.footer-service
{
width:960px;
height:auto;
float:left;
text-align:left;
padding-top:5px;
}
.footer-service ul
{
margin:0;
padding:0;
}
.footer-service ul li
{
width:192px;
float:left;
list-style-type:none;
height:24px;
display:block;
}
.footer-service ul li a
{
width:192px;
float:left;
font:normal 12px/24px Arial, Helvetica, sans-serif;
height:24px;
color: #FFF;
text-decoration:none;
}
.footer-service ul li a:hover
{
text-decoration: none;
color: #00ccff;
font:normal 12px/24px Arial, Helvetica, sans-serif;
}
.footer-service ul li.active a
{
text-decoration: none;
color: #00ccff;
font:normal 12px/24px Arial, Helvetica, sans-serif;
}
.footer-bottom
{
width:960px;
height:auto;
float:left;
text-align:center;
background:url(../images/semanticflow-footer-bottom-bg.jpg) left top no-repeat;
padding-top:20px;
padding-bottom:20px;
color: #FFF;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.footer-bottom a
{
text-decoration: none;
color: #FFF;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
.footer-bottom a:hover
{
text-decoration: underline;
color: #00ccff;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#3333cc;
text-decoration: none;
font-weight:bold;
}
body a:hover
{
color:#ff9900;
text-decoration: underline;
font-weight:bold;
}
h1 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-style: italic;
	line-height: 46px;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
}
h2 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: italic;
	line-height: 36px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
h3 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	line-height: 32px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
h3 a {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: italic;
	line-height: 32px;
	font-weight: bold;
	font-variant: normal;
	color: #ff9900;
	text-decoration: none;
}
h3 a:hover {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-style: italic;
	line-height: 32px;
	font-weight: bold;
	font-variant: normal;
	color: #ff9900;
	text-decoration: underline;
}
.preview-link
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
}
.preview-link:hover
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #e8ffba;
text-decoration: underline;
}