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

body
{
margin:0px;
padding:0px;
background: url(../images/semanticlayout-body-bg.jpg) center top repeat-y;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:6px 0px;
text-align:justify;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:1000px;
height:auto;
text-align:center;
margin:0px auto;
}
.container-main
{
width:1000px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlayout-container-bg.jpg) left top repeat-y;
}
#body-main
{
width:1000px;
height:auto;
float:left;
text-align:left;
}
.body-left
{
width:210px;
float:left;
text-align:left;
}
.logo-box
{
width:210px;
height:auto;
float:left;
text-align:left;
}
.menu
{
width:207px;
height:auto;
float:left;
text-align:left;
padding:12px 3px 16px 0px;
}
.menu ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.menu ul li
{
width:207px;
height:44px;
float:left;
text-align:left;
display:block;
margin-bottom:6px;
}
.menu ul li a
{
width:195px;
height:36px;
float:left;
text-align:left;
display:block;
font: bold 16px/36px Myriad Pro, Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
background:url(../images/semanticlayout-menu-blue-no.jpg) left top no-repeat;
padding:8px 0px 0px 12px;
}
.menu ul li a:hover
{
font: bold 16px/36px Myriad Pro, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
.contact-box
{
width:207px;
height:auto;
float:left;
text-align:left;
padding-bottom:24px;
padding-right:3px;
}
.contact-title-box
{
width:201px;
height:35px;
float:left;
text-align:left;
background: url(../images/semanticlayout-contact-title-bg.jpg) left top no-repeat;
padding:9px 0px 0px 6px;
font: bold 20px/35px Myriad Pro, Arial, Helvetica, sans-serif;
color: #FFF;
}
.contact-title-th
{
margin-right:6px;
margin-top:6px;
float:left;
}
.icon-th
{
float:left;
margin-right:3px;
margin-top:5px;
}
.contact-inside-box
{
width:207px;
height:auto;
float:left;
text-align:left;
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #a0a3a9;
padding-top:8px;
}
.contact-inside-box a
{
color: #a0a3a9;
text-decoration:none;
}
.contact-inside-box a:hover
{
color: #FFF;
text-decoration:underline;
}
.input-box
{
width:174px;
height:20px;
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#FFF;
padding-left:10px;
padding-top:4px;
padding-bottom:2px;
border:1px solid #4c525d;
background: url(../images/semanticlayout-input-th.jpg) left top repeat-x;
}
.comment
{
width:176px;
height:118px;
float:left;
text-align:left;
background:url(../images/semanticlayout-commnet-th.jpg) left top repeat-x;
border:1px solid #4c525d;
padding:4px;
color: #FFF;
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
.follow-box
{
width:210px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlayout-left-bar-bg.jpg) left bottom no-repeat;
padding-bottom:26px;
}
.follow-icon
{
margin-right:5px;
margin-top:4px;
}
#footer
{
width:210px;
height:auto;
float:left;
text-align:left;
padding-top:12px;
font: normal 11px/20px Arial, Helvetica, sans-serif;
color: #f6f6f6;
}
#footer a
{
font: normal 11px/20px Arial, Helvetica, sans-serif;
color: #f6f6f6;
text-decoration:none;
}
#footer a:hover
{
font: normal 11px/20px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.body-right
{
width:790px;
height:auto;
float:right;
text-align:left;
}
.right-top-box
{
width:750px;
height:30px;
float:left;
text-align:right;
background:url(../images/semanticlayout-right-top-bg.jpg) left top no-repeat;
font: normal 13px/30px Arial, Helvetica, sans-serif;
color: #e7e7e7;
padding-right:40px;
}
.right-top-box a
{
font: normal 13px/30px Arial, Helvetica, sans-serif;
color: #e7e7e7;
text-decoration:none;
}
.right-top-box a:hover
{
font: normal 13px/30px Arial, Helvetica, sans-serif;
color: #9ed900;
text-decoration: underline;
}
.right-banner-box
{
width:760px;
height:auto;
float:left;
text-align:left;
padding-left:30px;
}
.right-inside-box
{
width:760px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlayout-banner-shado.jpg) left top no-repeat;
padding-top:30px;
padding-left:30px;
}
.subcribe-box
{
width:728px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlayout-subcribe-bg.jpg) left top repeat-x;
border:1px dashed #c1c3c7;
padding:8px 16px 6px 14px;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #e7e7e7;
background-color:#121929;
}
.subcribe-box-left
{
width:450px;
height:auto;
float:left;
}
.subscribe-box-right
{
width:268px;
height:auto;
float:right;
text-align:left;
}
.input
{
width:174px;
height:20px;
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#FFF;
padding-left:10px;
padding-top:4px;
padding-bottom:2px;
border:1px solid #6f737c;
background: url(../images/semanticlayout-input-bg.jpg) left top repeat-x;
}
.footer-top
{
	width:760px;
	height:auto;
	float:left;
	text-align:left;
	padding:34px 0px 0px 0px;
}
.footer-top ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-top ul li
{
	width:230px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:0px 17px;
}
.footer-top h2
{
	font: bold 18px/28px Arial, Helvetica, sans-serif;
	color: #000;
}
.menu1
{
	width:230px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:8px;
	padding-bottom:12px;
}
.menu1 ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.menu1 ul li
{
	width:230px;
	height:auto;
	float:left;
	text-align:left;
	display:block;
	padding:0px;
	border:none;
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #000;
}
.menu1 ul li a
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration:none;
}
.menu1 ul li a:hover
{
	font: normal 12px/24px Arial, Helvetica, sans-serif;
	color: #33ccff;
	text-decoration: none;
}
.service
{
width:760px;
height:auto;
float:left;
text-align:left;
padding-top:26px;
padding-bottom:26px;
}
.service ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.service ul li
{
width:230px;
height:auto;
float:left;
text-align:left;
display:block;
margin-right:35px;
}
.service-th
{
border:1px solid #cccccc;
margin-top:4px;
}
.subnav
{
width:230px;
height:auto;
float:left;
text-align:left;
display:block;
padding-bottom:14px;
}
.subnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.subnav ul li
{
width:207px;
height:24px;
float:left;
text-align:left;
display:block;
background:url(../images/semanticlayout-right-arrow.jpg) left center no-repeat;
padding-left:23px;
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #333333;
margin-right:0px;
}
.sitemap
{
width:745px;
height:auto;
float:left;
text-align:left;
display:block;
padding-bottom:14px;
}
.sitemap ul
{
margin:0px;
padding:0px;
list-style-type:none;
width:745px;
}
.sitemap ul li
{
width:720px;
height:24px;
float:left;
text-align:left;
display:block;
background:url(../images/semanticlayout-right-arrow.jpg) left center no-repeat;
padding-left:25px;
font: normal 12px/24px Arial, Helvetica, sans-serif;
color: #333333;
margin-right:0px;
}
.service-bottom-box
{
width:230px;
height:auto;
float:left;
text-align:left;
background-color:#333;
}
.service-bottom-box:hover
{
width:230px;
height:auto;
float:left;
text-align:left;
background-color:#000;
}
.buy-now-box
{
width:730px;
height:auto;
float:left;
text-align:left;
padding:22px 0px 13px 60px;
}
.buy-title-th
{
float:left;
margin-right:10px;
}
.inner-middle
{
width:790px;
height:auto;
float:left;
text-align:left;
padding-bottom:30px;
}
.inner-service1
{
width:745px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlayout-service-shad.jpg) left top no-repeat;
padding:26px 0px 22px 45px;
}
.inner-service
{
width:745px;
height:auto;
float:left;
text-align:left;
background:url(../images/semanticlayout-service-shad.jpg) left top no-repeat;
padding:26px 0px 22px 45px;
}
.inner-service ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.inner-service ul li
{
width:302px;
height:382px;
float:left;
text-align:left;
display:block;
margin-right:42px;
margin-bottom:30px;
padding:14px;
background:url(../images/semanticlayout-service-insi.jpg) left top no-repeat;
}
.preview-link
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #111;
text-decoration:none;
}
.preview-link:hover
{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color: #336699;
text-decoration:underline;
}
.service-th1
{
border:1px solid #d1d1d1;
}
.service-top
{
width:302px;
height:auto;
float:left;
text-align:left;
}
.service-bottom
{
width:278px;
height:auto;
float:left;
text-align:left;
padding:10px 12px 0px 12px;
}
.service-bottom1
{
width:278px;
height:auto;
float:left;
text-align: center;
padding:26px 12px 0px 12px;
}
.view-th
{
float:right;
margin-top:10px;
}
.service-buy-now-box
{
width:790px;
height:auto;
float:left;
text-align:center;
}
.banner-box
{
width:760px;
height:auto;
float:left;
text-align:left;
padding-left:30px;
padding-bottom:40px;
}
.banner-box ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.banner-box ul li
{
width:180px;
height:auto;
float:left;
text-align:left;
display:block;
margin-right:13px;
}
.banner-box1
{
width:760px;
height:auto;
float:left;
text-align:left;
padding-bottom:40px;
}
.banner-box1 ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.banner-box1 ul li
{
width:180px;
height:auto;
float:left;
text-align:left;
display:block;
margin-right:13px;
}
.feq-inside-top
{
width:745px;
height:auto;
float:left;
text-align:left;
padding:0px;
}
.feq-inside-top-left
{
width:380px;
height:auto;
float:left;
text-align:left;
margin-right:20px;
border-top:1px dashed #666666;
padding-bottom:20px;
}
.feq-inside-top-right
{
width:335px;
height:auto;
float:left;
text-align:left;
}
#faq
{
width:745px;
float:left;
text-align:left;
color:#333;
}
#faq a
{
color:#0066cc;
text-decoration:underline;
cursor:pointer;
}
#faq a:hover
{
color: #FF9900;
text-decoration:underline;
cursor:pointer;
}
#faq h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	margin-top:15px;
	cursor:pointer;
}
.tag-inside-box
{
width:730px;
height: auto;
float:left;
text-align:left;
background:url(../images/semantictemplates-tag-insid.jpg) left -80px no-repeat;
padding:30px 30px 0px 0px;
}
.gray
{
color:#646464;
font-size:12px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.gray:hover
{
color:#646464;
text-decoration: underline;
font-weight:bold;
}
.cyne
{
color:#33ccff;
font-size:14px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.cyne:hover
{
color:#33ccff;
text-decoration: underline;
font-weight:bold;
}
.green
{
color:#99cc33;
font-size:16px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.green:hover
{
color:#99cc33;
text-decoration: underline;
font-weight:bold;
}
.orange
{
color:#ff9900;
font-size:18px;
text-decoration: none;
font-weight:bold;
line-height:30px;
}
.orange:hover
{
color:#ff9900;
text-decoration: underline;
font-weight:bold;
}
.tag-inside-box h2
{
	color:#111;
	font-size:24px;
	font-weight:bold;
	border-bottom:1px dashed #bdbdbd;
	line-height:36px;
}

/* 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: #333333;
	text-decoration: none;
}
body a
{
color:#0033cc;
text-decoration: underline;
}
body a:hover
{
color:#e121e1;
text-decoration: underline;
}
h1 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height:36px;
	font-weight: bold;
	font-variant: normal;
	color: #111a28;
	text-decoration: none;
}
h2 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	line-height:38px;
	font-weight: bold;
	font-variant: normal;
	color: #121a29;
	text-decoration: none;
}