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


body
{
margin:0px;
padding:0px;
background:url(../images/body-bg.jpg) left top repeat-x #FFF;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:9px 0px;
text-align:justify;
}
strong
{
font-weight:bold;
color: #18144a;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:100%;
height:auto;
text-align:center;
float:left;
}
.warper
{
width:900px;
height:auto;
margin:0px auto;
text-align:center;
}
#header
{
width:900px;
height:101px;
float:left;
text-align:left;
padding-bottom:2px;
}
.logo-box
{
width:260px;
height:101px;
float:left;
text-align:left;
}
/* CSS Menu */
.navcontainer {
		width:628px;
        margin:0px;
        height:40px;
		float:right;
		text-align:left;
		padding-top:61px;
		}

.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
		height:40px;
}

.navcontainer li {
        width:90px;
        display:block;
        float: left;
        text-align: center;
        padding: 0px;
		margin-right:5px;
		height:40px;
		}
.navcontainer li a {
width:90px;
float:left;
display: block;
text-decoration: none;
color:#FFF;
height:40px;
text-align:center;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
background: url(../images/menu-normal-bg.jpg) left top no-repeat;
}
.navcontainer li a:hover{
text-decoration:none;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
color:#FFF;
height:40px;
background:url(../images/menu-hover-bg.jpg) left top no-repeat;
}
.navcontainer li.active a{
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
height:40px;
background:url(../images/menu-hover-bg.jpg) left top no-repeat;
}
.navcontainer li.big
{
width:205px;
background: url(../images/workshop-normal-bg.jpg) left top no-repeat;
text-align:center;
color: #FFF;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
height:40px;
margin-right:5px;
}
.navcontainer li.big a
{
width:205px;
background: url(../images/workshop-normal-bg.jpg) left top no-repeat;
text-align:center;
color: #FFF;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
height:40px;
}
.navcontainer li.big a:hover
{
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
color:#FFF;
background:url(../images/workshop-hover-bg.jpg) left top no-repeat;
width:205px;
}
.navcontainer li.workship a
{
width:205px;
background:url(../images/workshop-hover-bg.jpg) left top no-repeat;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
}
.navcontainer li.medium
{
width:130px;
background: url(../images/delta-normal-bg.jpg) left top no-repeat;
text-align:center;
color: #FFF;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
height:40px;
margin-right:5px;
}
.navcontainer li.medium a
{
width:130px;
background: url(../images/delta-normal-bg.jpg) left top no-repeat;
text-align:center;
color: #FFF;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
height:40px;
}
.navcontainer li.medium a:hover
{
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
color:#FFF;
background: url(../images/delta-hover-bg.jpg) left top no-repeat;
width:130px;
}
.navcontainer li.delta a
{
width:130px;
background: url(../images/delta-hover-bg.jpg) left top no-repeat;
font: bold 14px/40px MyriadPro, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
}
#body-main
{
width:900px;
height:auto;
float:left;
text-align:left;
}
.welcome-box
{
width:900px;
height:188px;
float:left;
text-align:left;
background:url(../images/welcome-box-bg.jpg) left top no-repeat;
padding-top:32px;
color: #FFF;
}
.body-middle
{
width:900px;
height:auto;
float:left;
text-align:left;
padding:26px 0px 20px 0px;
}
.middle-left
{
width:550px;
height:auto;
float:left;
text-align:left;
}
.middle-right
{
width:330px;
height:auto;
float:right;
text-align:center;
background:url(../images/middle-right-box-bg.jpg) left top no-repeat;
}
.product-th
{
margin:5px 0px 6px 0px;
}
.body-bottom
{
width:900px;
height:auto;
float:left;
text-align:left;
padding-bottom:22px;
}
.bottom-round-box
{
width:900px;
height:20px;
float:left;
text-align:left;
}
.bottom-inside-box
{
width:866px;
height:auto;
float:left;
text-align:left;
background:url(../images/bottom-inside-bg.jpg) left bottom repeat-x #FFF;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
padding:0px 16px;
font-weight:bold;
}
.contact-body-box
{
background:url(../images/contact-body-bg.jpg) left top repeat-x;
}
.contact-text-box
{
width:550px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
}
.contact-box
{
width:290px;
height:424px;
float:left;
text-align:left;
background:url(../images/contact-box-bg.jpg) left top no-repeat;
padding:36px 130px 0px 130px;
font-size:18px;
color: #333333;
}
.input-box
{
width:275px;
height:18px;
border:1px solid #7f9db9;
font:bold 14px/18px Arial, Helvetica, sans-serif;
color:#333333;
padding-left:3px;
padding-top:2px;
background-color: #FFF;
}
.middle-right-bottom
{
width:330px;
height:auto;
float:left;
text-align:left;
padding-top:6px;
}
#footer
{
width:100%;
height: auto;
float:left;
text-align:center;
padding-top:28px;
padding-bottom:15px;
color: #666666;
font: normal 11px/22px Arial, Helvetica, sans-serif;
background:url(../images/footer-bg.jpg) left top repeat-x;
}
#footer a
{
color: #0066cc;
font: normal 11px/22px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#footer a:hover
{
color: #ff9900;
font: normal 11px/22px  Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.footer-main
{
width:900px;
height:auto;
margin:0px auto;
text-align:center;
}
/* CSS Text Document */
body{
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 30px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
body a
{
color:#ff9933;
text-decoration: none;
font-weight:bold;
}
body a:hover
{
color:#38599d;
text-decoration: underline;
font-weight:bold;
}
h1
{
    font-family:MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	font-variant: normal;
	color: #000066;
	text-decoration: none;
}
.blue-text
{
color: #000066;
font-size:30px;
font-weight:bold;
line-height:34px;
}
.orange-text
{
color: #ff9933;
font-size:30px;
font-weight:bold;
line-height:34px;
}