/********************* Global Styles
                                    *******************/
* {
	margin : 0;
	padding : 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family : arial, 'trebuchet ms', 'bookman old style';
	color : #666;
	background : transparent;
}

h1 {
	font-size : 180%;
}

h2 {
	font-size : 160%;
}

h3 {
	font-size : 150%;
}

h4 {
	font-size : 140%;
}

h5 {
	font-size : 130%;
}

h6 {
	font-size : 120%;
}

p {
	font : normal 0.8em/1.5em verdana, arial;
}

a, a:link, a:active, a:visited {
	color : #00008B;
	font: normal 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

a:hover, a:focus {
	color : #aaa;
	font: normal 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

form {
	margin : 10px;
}


fieldset
{
	border: 1px solid #F7E903;
	width: 40em;
	margin : 30px 20px;
}

legend
{
	color: #000;
	background: #F7E903;
	border: 1px solid #999;
	padding: 2px 6px;
	font : bold 1em arial,verdana;
}

label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}


label.special {
	width: 20em;
	text-align: left;
	display: block;
	margin-bottom : 0.5em;
}


.submit input
{
	margin-left: 10.5em;
}

input, textarea
{
	color: #333;
	background: #fff;
	border: 1px solid #999
}



/***********************
                      Layout Styles **********************/
#mastercontainer {
	width : 100%;
	text-align : center;
	background : #94A6BE url(../images/master_bg.gif);
}

#wrapper {
	width : 778px;
	background : #fff url(../images/body_bg.jpg) bottom center no-repeat;
	border-right : #ccc solid 2px;
	border-left : #ccc solid 2px;
	text-align : left;
	margin : 0 auto;
}

#header {
	width : 100%;
	position : relative;
	background : #fff;
	border-bottom : #ccc solid 5px;
	height : 143px;
}

#header #logo {
	float : left;
	width : 250px;
	text-align : center;
	background : #fff;
}

#logo img {
	padding-top : 10px;
	border : 0;
}


#logo p.moto {
	font : bold 1em/1.5em 'trebuchet ms', arial,verdana;
	color : #5A5B5B;
	background : transparent;
}

#header #mainnav {
	float : right;
	width : 500px;
	height : 139px;
	border-top : #F7E903 solid 4px;
	border-bottom : #ccc solid 0px;
	border-left : #ccc solid 1px;
}

#mainnav ul {
	list-style : none;
	width : 100%;
	font: bold 0.7em arial, Georgia,verdana,sans-serif;
}

#mainnav ul li {
	float : left;
	width : 98px;
	border-right : #666 solid 2px;
	text-align : center;
	color : #F7E903;
	background : #333;
	display : block;
	height : 139px;
}

#mainnav ul li.selected {
	float : left;
	width : 98px;
	border-right : #666 solid 2px;
	text-align : center;
	color : #F7E903;
	background : #333 url(../images/btn_selected.gif) top center no-repeat;
	display : block;
	height : 139px;
	line-height : 130px;
}

#mainnav ul li.last {
	float : left;
	width : 100px;
	border-right : #eee solid 0px;
	text-align : center;
	color : #F7E903;
	background : #333;
	display : block;
	height : 139px;
}


#mainnav a, #mainnav a:link,#mainnav a:active,#mainnav a:visited {
	color : #fff;
	font: bold 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
	height : 29px;
	display : block;
	padding-top : 110px;
	background : url(../images/btn_bg.jpg) left top repeat-x;
}

#mainnav a:hover,#mainnav a:focus {
	color : #F7E903;
	font: bold 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
	height : 79px;
	display : block;
	padding-top : 60px;
	background : url(../images/btn_selected.gif) top center no-repeat;
}

#banner {
	clear : both;
	background : url(../images/banner1.jpg) top left no-repeat;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#banneraboutus {
	clear : both;
	background : url(../images/company_profile_banner_bg.jpg) top left no-repeat;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#bannerproduction{
	clear : both;
	background : url(../images/production_banner_bg.jpg) top left no-repeat;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#bannerquality{
	clear : both;
	background : url(../images/quality_banner_bg1.jpg) top left no-repeat;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#bannerquality div{
	position : relative;
	top : -140px;
	left : 580px;
	width : 160px;
	height : 122px;
	margin : 20px;
	background : #ccc;
	text-align : center;
}

#bannerquality div a, #bannerquality div a:link,#bannerquality div a:active,#bannerquality div a:visited {
	text-decoration : none;
	background : url(../images/ISOQAR.gif) bottom center no-repeat;
	width : 158px;
	height : 120px;
	display : block;
	font : bold 0.8em arial,verdana;
	color : #000;
}

#bannerquality div a:hover,#bannerquality div a:focus {
	text-decoration : none;
	background : url(../images/ISOQAR_over.gif) bottom center no-repeat;
	width : 158px;
	height : 120px;
	display : block;	
	font : bold 0.8em arial,verdana;
	color : #666;
}


#bannerproducts{
	clear : both;
	background : url(../images/products_banner_bg1.jpg) top left no-repeat;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#bannercontact{
	clear : both;
	background : url(../images/contact_banner_bg.jpg) top left no-repeat;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#bannerhome {
	clear : both;
	width : 778px;
	height : 195px;
	margin : 0;
	padding : 0;
	border : 0;
}

#banner h2 {
	color : #fff;
	text-align : right;
	margin : 0;
	padding : 0;
	padding-top : 90px;
	padding-right : 15px;
	font : normal 1.8em 'trebuchet ms', arial, 'bookman old style';
}

#banneraboutus h1, #bannerproduction h1, #bannerquality h1, #bannercontact h1, #bannerproducts h1 {
	color : #fff;
	margin : 0;
	padding : 0;
	padding-top : 110px;
	padding-left : 30px;
	font : normal 1.8em 'trebuchet ms', arial, 'bookman old style';
}

#bannerquality h1 {
	color : #000;
}

#contentwrapper {
	width : 778px;
	margin : 10px auto;
	overflow : hidden;
	clear : both;
}

#content {
	margin : 10px 35px;
}

#content p, #content h1, #content h2 {
	margin : 10px;
}

#content p, #content ul, #content ol {
	font : normal 0.7em verdana, arial;
}

#content ul, #content ol {
	margin : 5px 30px;	
}

#contentwrapper #leftsection {
	float : left;
	width : 30%;
	border-right : #ccc solid 2px;
	margin : 10px 20px 10px 10px;
}

#contentwrapper #rightsection {
	float : right;
	width : 61%;
	margin : 10px 25px 10px 0;
}

#contentsub {
	width : 59%;
	float : left;
	margin : 10px 10px 10px 25px;
}

#contentsub p, #contentsub h1, #contentsub h2 {
	margin : 20px 10px;
}

#contentsub p, #contentsub ul, #contentsub ol {
	font : normal 0.7em/1.5em verdana, arial;
	text-align : justify;
}

#contentsub ul, #contentsub ol {
	margin : 5px 30px;	
}

#pictures {
	width : 27%;
	margin : 10px 30px 10px 10px;
	float : right;
	text-align : right;
	border-left : #ccc dotted 2px;
}

#pictures img {
	margin : 10px;
}

#pictures a, #pictures a:link,#pictures a:active,#pictures a:visited {
	color : #00008B;
	font: normal 0.7em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
	margin-right : 30px;
}

#pictures a:hover,#pictures a:focus {
	color : #999;
	font: normal 0.7em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
	margin-right : 30px;
}

#leftsection p {
	font-size : 0.7em;
	text-align : justify;
	color : #333;
	margin : 0;
	padding : 0;
}

#rightsection p {
	font-size : 0.7em;
	text-align : justify;
	color : #333;
	margin-top : 10px;
	padding-left : 10px;
	padding : 0;	
}

#rightsection p.alignright {
	text-align : right;	
}

#rightsection p.aligncenter {
	text-align : center;	
}

#rightsection img {
	border : 0;
}

#leftsection h2 {
	color : #f30;
	font-size : 1em;
	padding-left : 10px;
}

#leftsection ul {
	width : 93%;
	list-style: none;	
}

#leftsection ul span {
	width : 46px;
	height : 46px;
	display : block;
	background : url(../images/blt_bg.gif);
	color : #F7E903;
	float : left;
	font : bold 1.3em 'trebuchet ms', arial, tahoma;
	text-align : center;
	margin-left : 5px;
	padding-left : 0;
}

#leftsection ul p {
	float : right;
	width : 150px;
	padding-right : 5px;
	margin : 0;

}

#leftsection p {
	margin : 1em;
}

#leftsection p.aligncenter {
	text-align : center;	
}

#leftsection p.alignright {
	text-align : right;	
}

#leftsection hr {
	color : #333;
	background-color : #333;
	width : 97%;
	margin : 1em auto;
	height : 1px;
	border : 0;
}

#leftsection ul li {
	margin-top : 10px;
	clear : both;
}

#leftsection ul a, #leftsection ul a:link,#leftsection ul a:active,#leftsection ul a:visited {
	color : #0D4CA3;
	font: bold 1.5em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

#leftsection ul a:hover,#leftsection ul a:focus {
	color : #999;
	font: bold 1.5em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

#leftsection ul a.smalllink, #leftsection ul a.smalllink:link,#leftsection ul a.smalllink:active,#leftsection ul a.smalllink:visited {
	color : #0D4CA3;
	font: normal 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

#leftsection ul a.smalllink:hover,#leftsection ul a.smalllink:focus {
	color : #999;
	font: normal 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

#footer {
	clear : both;
	width : 778px;
	border-top : #ccc solid 2px;
	border-bottom : #ccc solid 2px;
	margin-top : 20px;
	background : #333;
}

#footer p {
	font-size : 0.7em;
	color : #F7E903;
	margin : 5px 10px 10px 10px;
	text-align : center;
}

#footer a, #footer a:link,#footer a:active,#footer a:visited {
	color : #fff;
	font: normal 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

#footer a:hover,#footer a:focus {
	color : #999;
	font: normal 1em arial, Georgia,verdana,sans-serif,arial;
	text-decoration : none;
}

/************* 0D4CA3 **************/

/******************** General Style 
                               ***********************/
                               
#pbtns {
	width : 97%;
	margin : 20px 5px;
	list-style : none;
}

#pbtns li {
	float : left;
	width : 230px;
	height : 80px;
	background : url(../images/products_btn_bg.gif) center no-repeat;
	text-align : center;
	color : #fff;
}

#pbtns li.second {
	float : left;
	width : 230px;
	height : 80px;
	background : url(../images/products_btn_bg2.gif) center no-repeat;
	text-align : center;
	color : #fff;
}


#pbtns a, #pbtns a:link,#pbtns a:active,#pbtns a:visited {
	font : bold 0.9em arial,verdana, sans-serif;
	color : #fff;
	text-align : left;
	margin : 13px 10px 13px 30px;
	text-decoration : none;
	display : block;
}

#pbtns a:hover,#pbtns a:focus {
	font : bold 0.9em arial,verdana, sans-serif;
	color : #fff;
	text-align : left;
	margin : 13px 10px 13px 30px;
	text-decoration : underline;
	display : block;
}


#leftarea {
	width : 48%;
	float : left;
}

#rightarea {
	width : 48%;
	float : right;
}

.btn {
	padding : 2px 5px;
	background : #F7E903;
	color : #333;
	font : bold 1em arial, verdana;
}

.clearboth {
	clear : both;
}

.aligncenter {
	text-align : center;
}

.alignright {
	text-align : right;
}

.redtext {
	color : red;
}

.cert {
	text-align : center;
	margin : 10px auto;
}