/* -------------THE CLEAR GROUP ------------- */
#clearboth {
	clear:both;
	height:5px;
}
#justclear {
	clear:both;
}
#clearboth10 {
	clear:both;
	height:10px;
}
#clearboth15px {
	clear:both;
	height:15px;
}
#clearboth20px {
	clear:both;
	height:20px;
}
#clearbothlinks {
	clear:both;
	height:10px;
}
/* -------------THE CLEAR GROUP ------------- */
body {
	background-image:url(../images/bg.jpg);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}
body a {
	text-decoration:none;
	color:#000;
}
body a:hover {
	text-decoration:none;
	color:#d40000;
}
#bodycontainer {
	margin:0 auto;
	width:900px;
	height:auto;
}
#header {
	width:900px;
	height:112px;
}
#readmore {
	margin-top:10px;
}
#titles {
	font-size:24px;
	font-family: Verdana, Geneva, sans-serif;
	margin:5px 0px 0px 0px;
}
#titles2 {
	font-size:20px;
	font-family: Verdana, Geneva, sans-serif;
	margin:5px 0px 0px 0px;
	border-bottom:1px #555 dotted;
	padding-bottom:5px;
}
#titles2below {
	font-size:14px;
	font-family: Tahoma, Geneva, sans-serif;
	margin:0px;
	padding-top:10px;
	border-bottom:1px #777 dotted;
	height:20px;
}
#titles2below a {
	text-decoration:none;
	color:#000;
}
#titles2below a:hover {
	text-decoration:none;
	color:#d40000;
}
/* -------------THE RIGHT PANEL CSS -MENU- & -NAVLINKS- ------------- */
#logomuya {
	float:left;
	width:260px;
	height:87px;
}
#rightfromlogo {
	float:left;
	width:620px;
	height:87px;
	margin:20px 0px 0px 20px;
}
#nav {	/* remove the list style */
	margin:0px 0px;
	padding:0px 0px;
	list-style:none;
}
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
#nav li {
	float:left;
	display:block;
	width:auto;
	position:relative;
	padding:0px 0px 0px 0px;
	z-index:500;
	margin:0px 5px 20px 5px;
	background:url(../images/bodyback.png);

}
/* this is the parent menu */
#nav li a {
	display:block;
	padding:8px 5px 0 5px;
	font-weight:normal;
	height:23px;
	text-decoration:none;
	color:#fff;
	background:url(../images/menubelow.png);
	text-align:center;
	color:#333;
}
#nav li a:hover {
	color:#D40000;
	background:url(../images/menubelowhover.png);
}
/* you can make a different style for default selected value */
#nav a.selected {
	color:#f00;
}
/* submenu, it's hidden by default */
#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
	text-align:left;
}
#nav ul li {
	width:150px;
	float:left;
	border-top:1px solid #fff;
	margin:0px;
	background-color:#000;
}
/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;
	height:15px;
	padding: 8px 5px;
	color:#666;
}
#nav ul a:hover {
	text-decoration:underline;
	color:#D40000;
	background:url(../images/menubelowhover.png);
}
/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) 
		*html #nav ul {
	margin:0 0 0 -2px;
}*/
/* -------------THE CLEAR CSS------------- */

/*ACCORDION SLIDER -----------------------------------------------------------*/
#contentwrap {
	position:relative;
	width:960px;
	height:500px;
	clear: both;
	padding-left:0px;
}
#headwrap {
	width:100%;
	clear: both;
	float: left;
	float: none;
	position: relative;
	z-index: 6;
}
#featured, .featured, .fadeout, .newsselect {
	height:400px;
}
#feature_wrap {
	width:960px;
	position: relative;
}
#featured {
	position: relative;
	width:900px;
	overflow:hidden;
}
.featured {
	width:330px;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	display:none;
}
.featured img {
	display:block;
	position: relative;
	z-index: 1;
}
#top .fadeout {
	position:absolute;
	width:300px;
	display:block;
	right:0px;
	z-index: 3;
}
#top .sliderheading {
	display:block;
	font-size: 1.6em;
}
#top .slidercontent {
	font-size: 1.2em;
}
#top .heading_clone {
	position: absolute;
	z-index: 4;
	display:block;
	font-size: 4.0em;
	height: 50px;
	margin-bottom:60px;
}
.featured a, .featured a img, .featured img {
	text-decoration: none;
	border:none;
}
#featured {
	border:none;
}
.featured {
	border-left:1px solid #595959;
	background:#000 url(../images/preload.gif) no-repeat scroll 50% 50%;
}
#top .preloading_background {
	background:#191919 url(../images/preload.gif) no-repeat scroll 50% 50%;
}
#top .fadeout {
	background: transparent url(../images/overlay.png) repeat-y right top;
}
#top #featured a {
	color:#000;
	font-family:sans-serif;
}
/*3 Boxs below accordion slider------------------------------------ */
#boxmain {
	width:900px;
	height:50px;
}
#standnd {
	float:left;
	width:290px;
	height:50px;
	margin-right:15px;
}
#standnd2 {
	float:left;
	width:290px;
	height:50px;
}
/*3 sections below accordion slider------------------------------------ */
#section3main {
	width:900px;
	height:340px;
}
#stbox {
	float:left;
	width:290px;
	height:340px;
	margin-right:15px;
}
#ndbox {
	float:left;
	width:290px;
	height:340px;
	margin-right:15px;
}
#rdbox {
	float:left;
	width:290px;
	height:340px;
}
#indexboxbody a {
	background-image:url(../images/bgbox.jpg);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#000;
}
/*links section ------------------------------------ */
#seperator {
	width:900px;
	height:8px;
	background:url(../images/lineseperator.png) no-repeat;
}
/*links section ------------------------------------ */
#linksmain {
	width:900px;
	height:300px;
}
#linksproducts {
	float:left;
	width:225px;
	height:auto;
	margin-right:15px;
}
#linksothers {
	float:left;
	width:225px;
	height:auto;
	margin-right:15px;
}
#linksgallery {
	float:left;
	width:205px;
	height:auto;
	margin-right:15px;
}
#linksaddress {
	float:left;
	width:200px;
	height:auto;
}
/*Footer ------------------------------------ */
#footer {
	width:900px;
	height:40px;
	padding-top:3px;
	line-height:18px;
	background:url(../images/footerbg.png) repeat;
}
#navlinksfoot {
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-size:12px;
}
#navlinksfoot li {
	display: inline;
	padding-right:6px;
	margin-right: 4px;
	border-right: 1px solid #000;
}
#navlinksfoot a {
	color: #000;
	text-decoration:none;
}
#navlinksfoot a:hover {
	color:#D40000;
	text-decoration:none;
}
#navlinksfoot li.lastfoot {
	padding-right:0px;
	margin-right: 0px;
	border-right: 0;
}
#navlinksfoot li.firstfoot {
	padding-left:0px;
	margin-left: 0px;
}
/* ------------------------------------- Inside pages ---------------------------------------------------- */
#insidepage_body {
	width:900px;
	height:50px;
	background:url(../images/footerbg.png) repeat;
}
/*Gallery CSS ------------------------------------ */
div#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width:0px;
}
div#container {
	padding: 10px;
	background:url(../images/footerbg.png) repeat;
}
#gallery_otherlinks {
	width:900px;
	height:50px;
	background:url(../images/footerbg.png) repeat;
}
#gallery_othergallery {
	width:900px;
	height:30px;
	background:url(../images/footerbg.png) repeat;
}
/*BODY 2 FACES ------------------------------------ */
#bodycont2nd {
	float:left;
	width:615px;
	height:auto;
	margin-right:15px;
	padding:20px 10px 0px 10px;
	font-size:14px;
	background:url(../images/bodyback.png);
}
#titlecont2nd {
	margin:0px 0px 20px 0px;
}
#titlebelow2nd {
	margin:0px 0px 10px 20px;
}
#imgbelowcont_2nd {
	margin:10px 0px;
}
#box2nd_205x392px {
	float:left;
	width:205px;
	height:392px;
}
#box2nd_205px {
	float:left;
	width:205px;
	height:200px;
}
#seemoreimg {
	margin:0px auto;
	width:200px;
}
#left_2nd {
	float:left;
	width:250px;
	height:auto;
}
#left2nd_250px {
	width:250px;
	height:60px;
	margin:0px 0px 15px 0px;
}
/*BODY 2 FACES --- CONTACT US PAGE ------------------------------------ */


#formsleft {
	float:left;
	width:400px;
	height:auto;
}
#formsright {
	float:left;
}
#box2nd_615px {
	width:615px;
	height:auto;
}
#bodycont2nd {
}
#bodycont2nd {
}