@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:7px 0px;
text-align:justify;
}
strong
{
font-weight:bold;
color: #00b2ff;
}
.clear
{
clear:both;
height:0px;
}
#silica-quartz-crystal-container
{
width:100%;
height:auto;
text-align:center;
float:left;
}
#silica-header
{
width:100%;
height:349px;
float:left;
text-align:left;
background:url(../images/header-top-bg.jpg) center top no-repeat;
}
.silica-minerals-header-main
{
width:930px;
height:349px;
margin:0px auto;
text-align:center;
}
.silicate-header-top
{
width:930px;
height:305px;
float:left;
text-align:left;
}
.logo
{
margin-top:111px;
margin-left:45px;
}
/* CSS Menu */
.navcontainer {
		width:930px;
        height:43px;
		float:left;
		text-align:left;
		padding-top:1px;
		}

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

.navcontainer ul li {
        width:116px;
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:43px;
		background: url(../images/menu-bar-bg.jpg) right center no-repeat;
		}

.navcontainer ul li a {
        width: 116px;
        height: 43px;
        margin: 0px;
		padding:0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 16px/43px Arial, Helvetica, sans-serif;
		float: left;
	}

.navcontainer ul li a:hover {
        color: #FFF;
        font: normal 16px/43px Arial, Helvetica, sans-serif;
		text-decoration:none;
		background: url(../images/menu-hover-bg.jpg) left top repeat-x;
		}
.navcontainer li.active a {
        color: #FFF;
        font: normal 16px/43px Arial, Helvetica, sans-serif;
		text-decoration:none;
		background: url(../images/menu-hover-bg.jpg) left top repeat-x;
}
#silicon-dioxide-body-main
{
width:100%;
height:auto;
float:left;
text-align:left;
padding-bottom:26px;
}
.silicate-body-top
{
width:100%;
height:auto;
float:left;
text-align:left;
padding:10px 0px 15px 0px;
}
.body-main-box
{
width:930px;
height:auto;
margin:0px auto;
text-align:center;
}
.silica-quartz-crystal-welcome-box
{
width:930px;
height:auto;
float:left;
text-align:left;
}
.welcome-left-box
{
width:544px;
height:auto;
float:left;
text-align:left;
}
.natural-quartz-crystal-silica
{
	width:544px;
	height:53px;
	float:left;
	text-align:center;
	background:url(../images/welcome-title-bg.jpg) left top no-repeat;
	font: normal 32px/53px Arial, Helvetica, sans-serif;
	color: #6a6a6a;
}
.welcome-inside-box
{
width:544px;
height:auto;
float:left;
text-align:left;
padding-top:10px;
}
.welcome-inside-left
{
	width:268px;
	height:379px;
	float:left;
	text-align:left;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: left top;
}
.welcome-th
{
margin-left:7px;
margin-top:8px;
}
.welcome-inside-right
{
width:272px;
height:auto;
float:right;
text-align:left;
}
.welcome-right-box
{
width:324px;
height:auto;
float:right;
text-align:left;
background:url(../images/gray-bar-bg.jpg) left top no-repeat;
padding-left:32px;
}
.we-do-title-box
{
	width:308px;
	height:53px;
	float:left;
	text-align:center;
	background:url(../images/we-do-title-bg.jpg) left top no-repeat;
	font: normal 32px/53px Arial, Helvetica, sans-serif;
	color: #0f91fe;
	padding-left:16px;
}
.we-do-inside-box
{
	width:330px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:10px;
}
.subnav
{
	width:324px;
	height:auto;
	float:left;
	text-align:left;
	padding-top:8px;
	border: thin dashed #00CC00;
	padding-bottom: 8px;
}
.subnav ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.subnav ul li
{
width:162px;
height:25px;
float:left;
text-align:left;
display:block;
font: normal 14px/25px Arial, Helvetica, sans-serif;
color: #008fcd;
}
.subnav ul li a
{
font: normal 14px/25px Arial, Helvetica, sans-serif;
color: #008fcd;
text-decoration:none;
}
.subnav ul li a:hover
{
font: normal 14px/25px Arial, Helvetica, sans-serif;
color: #ff9900;
text-decoration: underline;
}
.popular-box
{
width:100%;
height:auto;
float:left;
text-align:left;
background:url(../images/popular-box-bg.jpg) left top repeat-x;
}
.popular-top-box
{
width:930px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
}
.gallery-box
{
width:544px;
height:auto;
float:left;
text-align:left;
}
.gallery-title-box
{
width:544px;
height:61px;
float:left;
text-align:left;
background:url(../images/gallery-title-bg.jpg) left top no-repeat;
font: normal 32px/61px Arial, Helvetica, sans-serif;
color:#6a6a6a;
margin-bottom:15px;
}
.gallery-inside-box
{
width:526px;
height:auto;
float:left;
text-align:left;
background-color: #f4f4f4;
border:1px solid #d7d7d7;
padding:7px;
}
.gallery
{
width:526px;
height:auto;
float:left;
text-align:left;
border-bottom:1px solid #d0d0d0;
}
.gallery ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.gallery ul li
{
width:171px;
height:114px;
float:left;
text-align:left;
margin-right:6px;
margin-bottom:6px;
display:block;
background:url(../images/gallery-inside-bg.jpg) left top no-repeat;
}
.gallery-th
{
margin-left:4px;
margin-top:4px;
}
.gallery-bottom-box
{
width:516px;
height:auto;
float:left;
text-align:right;
padding-right:10px;
}
.vedio-box
{
width:324px;
height:auto;
float:right;
text-align:left;
background:url(../images/vedio-bar-bg.jpg) left top no-repeat;
padding-left:32px;
}
.vedio-title-box
{
width:306px;
height:61px;
float:left;
text-align:left;
background: url(../images/vedio-title-bg.jpg) left top no-repeat;
font: normal 32px/61px Arial, Helvetica, sans-serif;
color:#6a6a6a;
padding-left:18px;
}
.vedio-inside-box
{
width:324px;
height:auto;
float:left;
text-align:right;
padding-top:5px;
}
.about-us-box
{
width:930px;
height:auto;
float:left;
text-align:left;
}
.about-us-title-box
{
width:900px;
height:52px;
float:left;
text-align:left;
background:url(../images/about-us-title-bg.jpg) left top no-repeat;
padding-left:30px;
font: normal 32px/52px Arial, Helvetica, sans-serif;
color: #6a6a6a;
}
.about-us-inside-box
{
width:896px;
height:auto;
float:left;
text-align:left;
background-color: #f4f4f4;
border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
padding:10px 16px 0px 16px;
}
.about-us-inside-left
{
width:348px;
height:177px;
float:left;
text-align:left;
background: url(../images/about-inside-left-bg.jpg) left top no-repeat;
}
.about-th
{
margin-left:6px;
margin-top:6px;
}
.about-inside-right
{
width:536px;
height:auto;
float:right;
text-align:left;
}
.about-us-round-bottom
{
width:930px;
height:15px;
float:left;
text-align:left;
}
#footer
{
width:100%;
height: auto;
float:left;
text-align:center;
background: url(../images/footer-bg.jpg) left top repeat-x #112a71;
padding:16px 0px;
color: #FFF;
font: normal 12px/20px  Arial, Helvetica, sans-serif;
}
#footer a
{
text-decoration: none;
color: #FFF;
font: normal 12px/20px  Arial, Helvetica, sans-serif;
}
#footer a:hover
{
text-decoration: underline;
color: #aaeeff;
font: normal 12px/20px  Arial, Helvetica, sans-serif;
}
.footer-main
{
width:930px;
height:auto;
margin:0px auto;
text-align:center;
}


/* 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: #ff1400;
text-decoration: underline;
font-size:14px;
}
body a:hover
{
color: #0081de;
text-decoration: underline;
font-size:14px;
}