/*

Theme Name: venDesign - Stainless

Theme URI: http://wordpress.org/

Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

Version: v1

Author: ven

Author URI: http://www.venblog.com

Tags: blue, custom header, fixed width, two columns, widgets



*/







/******************** Begin Structure ********************/





body {

	background: #2d2d2d repeat;

	color: #7d7d7d;

}



#page {

	margin: 30px auto;

	width: 900px;

	background: #ffffff;

	border: #ffffff solid 13px;

}



#header {

	width: 900px;

	height: 328px;

}



#nav {

	width: 900px;

	background: #999999;

	height: 36px;

}



#content {

	width: 888px;

	background: #ffffff;

	overflow: hidden;

	border-right: #2d2d2d solid 12px;

}



#main-content {

	width: 618px;

	background: #ffffff;

	float: left;

	border-right: #2d2d2d solid 12px;

	padding-bottom: 15px;

	min-height: 598px;

}



/* Setting for IE6 */

* html #main-content {

	width: 618px;

	background: #ffffff;

	float: left;

	border-right: #2d2d2d solid 12px;

	padding-bottom: 15px;

	height: 598px;

}

/* End Setting */



#sidebar {

	width: 257px;

	background: #e5e4e4;

	float: left;

	padding-bottom: 100000px;

	margin-bottom: -100000px;

}



#search-page {

	width: 603px;

	background: #ffffff;

	float: left;

	border-right: #2d2d2d solid 12px;

	padding-bottom: 15px;

	min-height: 598px;

	padding-left: 10px;

	padding-right: 5px;

}



#footer {

	width: 900px;

	height: 71px;

	background: url("images/footer-bg.png") repeat-x;

	clear: both; 

}



hr {

	color: #bebebe;

	width: 590px;

}



/******************** End Structure ********************/



/******************** Begin Nav ********************/



#nav {

	background: url("images/nav-bg.jpg");

}



#home {

	width: 154px;

	height: 36px;

	background: url("images/home-btn.gif");

	float: left;

}



#home img {

	border: none;

}



#home a:visited {

	background: url("images/home-btn.gif");

	float: left;

}



#home a:hover {

	background: url("images/home-btn-hover.png");

	float: left;

}



#about-us {

	width: 179px;

	height: 36px;

	background: url("images/about_us-btn.gif");

	float: left;

}



#about-us img {

	border: none;

}



#about-us a:visited {

	background: url("images/about_us-btn.gif");

	float: left;

}



#about-us a:hover {

	background: url("images/about_us-btn-hover.png");

	float: left;

}



#products {

	width: 195px;

	height: 36px;

	background: url("images/products-btn.gif");

	float: left;

}



#products img {

	border: none;

}



#products a:visited {

	background: url("images/products-btn.gif");

	float: left;

}



#products a:hover {

	background: url("images/products-btn-hover.png");

	float: left;

}



#services {

	width: 190px;

	height: 36px;

	background: url("images/services-btn.gif");

	float: left;

}



#services img {

	border: none;

}



#services a:visited {

	background: url("images/services-btn.gif");

	float: left;

}



#services a:hover {

	background: url("images/services-btn-hover.png");

	float: left;

}



#contact-us {

	width: 179px;

	height: 36px;

	background: url("images/contact_us-btn.gif");

	float: left;

}



#contact-us img {

	border: none;

}



#contact-us a:visited {

	background: url("images/contact_us-btn.gif");

	float: left;

}



#contact-us a:hover {

	background: url("images/contact_us-btn-hover.png");

	float: left;

}

.content-p {
	color: #727171;
}

/******************** End Nav ********************/



/******************** Begin Typography and setting ********************/



body {

	color: #3a3939;

	font-family: "Times New Roman", Times, serif;

	font-size: 1em;

}



ul {

	list-style-image: url(images/li-arrow.png);

}



/* Setting for IE6 */

* html ul {

	list-style-type: none;

	padding: 0;	

}

/* End Setting */



/* Setting for IE6 */

* htm li {

	background: url("images/li-arrow.png") no-repeat;

	padding-left: 18px;

}

/* End Setting */





h2 {

	color: #207b0a;

	font-family: Arial , "Times New Roman";

	font-size: 1.1em;

	font-weight: bold;

	margin-top: 20px;

	margin-left: 10px;

}



h3 {

	color: #20bf02;

	font-size: 1em;

	font-family: Arial , "Times New Roman";

	font-weight: bold;

}



h3 a {

	color: #FF9900;

}



.font-style1 {

	color: #2bae12;

}



/******************** End Typography and setting ********************/



/******************** Begin sidebar ********************/

#sidebar a {

	color: #3a3939;

	font-family: "Times New Roman", Times, serif;

	dont-size: 1em;
	
	text-decoration: none;
}

#sidebar a:hover {

	color: #25be05;

}

#sidebar-content1 {

	width: 229px;

	margin: 15px 10px 15px 13px;

	background: #d7d7d7;

	padding-bottom: 10px;
}

#sidebar-content1 p{

	padding-right: 10px;

        padding-left: 10px;

}



#sidebar-content2 {

	width: 229px;

	margin: 15px 10px 15px 13px;

	background: #d7d7d7;

	padding-bottom: 10px;

}



#search-form {

	width: 229px;

	margin-left: 18px;

	color: #686767;

	font-family: "Microsoft Sans Serif";

	font-size: 0.9em;

	padding-bottom: 8px;

	padding-top: 8px;

}



/******************** End Sidebar ********************/



/******************** Begin Home Page ********************/



.main-products {

	width: 184px;

	height: 235px;

	background: #eae9e9;

	margin: 15px 8px 15px 7px;

	padding: 3px 0 10px 2px;

	float: left;

	font-family: Microsoft Sans Serif;

	font-size: 0.8em;

	font-weight: bold;

}



.main-products ul {

	list-style-image: url(images/arrow.jpg);

}



.main-products a {

	text-decoration: none;

	color: #3a3939;	

}



.main-products a:visited {

	color: #3a3939;	

}



.main-products a:hover {

	color: #1aaa05;

}



.main-products img {

	margin: 8px 5px 7px 12px;

}

.main-products a img {

	border: #424242 2px solid;

}

.main-products a img:hover {

	border: #21d903 2px solid;

}




/******************** End Home Page ********************/



/******************** Begin Products ********************/



.products-img-biggersize {

	margin: 20px;

	margin-top: 0;

}

p.products-information {
	margin:0;
	padding:0;
	padding-left: 10px;	
}



/** products table **/



.products-table {

	margin: 0 0 10px 20px;



}



#drakrow {

	    text-align: center;

		font-family:"Times New Roman", Times, serif;

		font-size: 12px;

		background-color: #DAD8D9;

}

		

#lightrow {

	    text-align: center;

		font-family:"Times New Roman", Times, serif;

		font-size: 12px;

}

	

#title {

	    text-align:center;

		font-family:"Times New Roman", Times, serif;

		font-size:12px;

		background-color:#999999;

		color: #ffffff;

}



/** End products table **/



/** Begin Products Menu **/

.Accordion {

	border-left: #9e9e9e solid 2px;

	border-right: #9e9e9e solid 2px;

	border-bottom: #9e9e9e solid 2px;

	width: 600px;

	overflow: hidden;

}



.AccordionPanel {

	margin: 0px;

	padding: 0px;

}



.AccordionPanelTab {

	background-color: #ffffff;

	border-bottom: #9e9e9e solid 2px;

	border-top: #9e9e9e solid 2px;

	margin: 0px;

	padding: 2px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

	color: #6d6d6d;

	font-weight: bold;

}



.AccordionPanelContent {

	overflow: auto;

	margin: 0px;

	padding: 0 28px 0 28px;



}



.AccordionPanelContent2 {

	overflow: auto;

	margin: 0px;



}



/* apparance setting when the menu is no functional by user */

.AccordionPanelOpen .AccordionPanelTab {

	background-color: #ffffff;

}



/* setting for panel title hover */

.AccordionPanelTabHover {

	color: #2c2c2c;

	background-color: #d7d7d7;

}



.AccordionPanelOpen .AccordionPanelTabHover {

	color: #000000;

	background-color: #d7d7d7;

}

/* End setting for panel title hover */



/* setting for closed panel */

.AccordionFocused .AccordionPanelTab {

	background-color: #ffffff;

}



.AccordionFocused .AccordionPanelTabHover {

	background-color: #d7d7d7;

	color: #000000;

}



/* setting for opened panel */

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

	background-color: #d7d7d7;

	color: #000000;

}

/** End Products Menu **/



p.products-name1 {

	width: 120px;

	margin-right: 5px;

	padding: 3px 0 5px 0;

	float: left;

	color: #157104;

	font-size: 0.8em;

	text-align: center;

}



.products-img1 img {

	border: none;

	margin-top: 10px;

	margin-right: 10px;

	float: left;	

}



p.products-name2 {

	width: 190px;

	height: 70px;

	padding: 3px 0 10px 0;

	float: left;

	color: #157104;

	font-size: 0.8em;

	text-align: center;

}



.products-img2 img {

	border: none;

	margin-top: 15px;

	margin-left: 35px;

	margin-right: 40px;

	float: left;	

}



.products-img3 img {

	border: none;

	margin-top: 15px;

	margin-left: 28px;

	float: left;	

}

.breadcrumb {
	font-size: 0.9em;
	color: #666666;
	margin: 0px;
	margin-left: 10px;	
}



/* Begin Products Sidebar */



#sidebar-products {

	

}



#sidebar-products img {

	padding:0;

	margin:0;

	margin-left: 13px;

	margin-top: 10px;

}



#sidebar-products p {

	border-bottom: #b7b5b5 solid 1px;

	padding: 0;

	margin: 0;

	padding-top: 15px;

	padding-left: 30px;
	
	padding-right: 5px;

}



#sidebar-products a {

	text-decoration: none;

	color: #686767;

	font-family: "Microsoft Sans Serif";

	font-size: 0.9em;
	

}



#sidebar-products a:hover {

	color: #23ba05;

	background: url("images/arrow.jpg") no-repeat;

	padding-left: 25px;

}



/* End Products Sidebar */





/******************** End Products ********************/



/******************** Begin Contact Us ********************/


.company-name {

		margin-left: 10px;
		padding-left: 0px;
		margin-btm: 15px;
		margin-top: 10px;
		padding-btm: 0px;
		
}


#address {

	width: 70px;

	float: left;

	margin-left: 10px;

	padding: 5px 0 10px 0;


}



address {

	width: 480px;

	float: left;

	padding: 5px 0 10px 0;
	
	font-family: "Times New Roman", Times, serif;
	
	font-style: normal;
	
	font-size: 14px;

}

.address2 {

	width: 480px;

	float: left;

	padding: 5px 0 10px 0;
	
	font-family:Arial, Helvetica, sans-serif;

}



html>body #tel {

	width: 450px;

	float: left;

	margin-left: 45px;

	padding: 5px 0 10px 0;

}



html>body #email {

	width: 450px;

	float: left;

	margin-left: 29px;

	padding: 5px 0 10px 0;

}



/* Start setting for IE6 */

* html #tel {

	width: 450px;

	float: left;

	margin-left: 30px;

	padding: 5px 0 10px 0;

}



* html #email {

	width: 450px;

	float: left;

	margin-left: 19px;

	padding: 5px 0 10px 0;

}

/* End Setting for IE6 */



#enquiry-form-btn {

	width: 500px;

	height: 25px;

	float: left;

	margin-top: 30px;

	margin-left: 8px;

}



#enquiry-form {

	width: 580px;

	margin-left: 8px;

	float: left;

	background: #ebe9ea;

	min-height: 300px;

	padding-top: 50px;

	padding-bottom: 35px;  

}



.form-subject {

	padding-right: 10px;

	color: #838182;



}



/** Setting for IE6 **/

* html #form {

	width: 600px;

}

/** End setting **/



html>body #form {

	width: 664px;

}





/******************** End Contact Us ********************/



/******************** Begin Footer ********************/



#copyright {

	color: #8edb77;

	font-size: 0.8em;

	margin: 0 0 0 220px;

	padding-top: 30px;

}



/******************** End Footer ********************/

.links {
	color: #727171;
	text-decoration: none;
}


h1.home {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-align: right;
}

#home-content {
	color:white;
	font-size:11px;
	margin:auto;
	padding:30px;
	position:absolute;
	top:1200px;
	width:840px;
}

#the-content {
	color:white;
	position:absolute;
	text-align:justify;
	top:1600px;
	width:900px;
}