@charset "UTF-8";



body {
	/*background-color:#fff;*/
	background: #fff url(../images/bgPageNew.jpg) repeat-x;
	color:#6e6a6a;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:14px;
	margin:0;
}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#444141;
	letter-spacing: -1px;
	font-weight: 400;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#525252;
	letter-spacing: -1px;
	font-weight: 400;
}

#splash_left h1{
	color:#525252;
}

#splash_right h2{
	color:#6D6D6D;	
	font-size:16px;
	text-align:left;
	letter-spacing: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#3a3a3a;
	letter-spacing: -1px;
	font-weight: 200;
	margin:10px 0;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3a3a3a;
	letter-spacing: -1px;
	font-weight: 200;
}


a {
	text-decoration:none;
	color:#6d6d6d;
}

a:hover {
	text-decoration:none;
	color:#444141;
}

a img { 
	border: none;
}

.small_type {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align: left;
}

.small_type a {
	text-decoration:underline;
	color:#222222;
}

.small_type a:hover {
	text-decoration:underline;
	color:#84b73a;
}


.intro_text {
	color:#444141;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:14px;
}

.page a {
	text-decoration:underline;
	color:#84b73a;
}

.page a:hover {
	text-decoration:underline;
	color:#222222;
}

.intro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-style:italic;
}


#centerColumn {
	width:960px;
	text-align:center;
	margin:0 auto; border:0px solid #000;
}

#bold_text {
	float: left;
	color:#3a3a3a;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	min-width: 70px;
	line-height: 24px;
	text-align: left;
	padding-left: 20px;
	padding-top: 20px;
}
	
#strong_text {
	float: right;
	color:#6d6d6d;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 24px;
	text-align: left;
	width: 170px;
	padding-top: 20px;
}
	
#strong_text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	color: #6d6d6d;
}
	
#strong_text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	color: #333333;
}

#specifications {
	line-height: 30px;
	margin-left: 20px;
}

#specifications a {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	color: #6d6d6d;
	background: url("../img/get_file.png") no-repeat left top;
	height: 30px;
	padding:0 0 0 24px;
}

#specifications a:hover {
	text-decoration:underline;
	color: #333333;
}


#header {
	margin:16px 0 0px 0;
	padding:0;
	width:960px;
	/*height:10px;*/
	float:left; border:0px solid #000;
}

#logo {
	margin:30px 0 0 10px;
	padding:0;
	width:199px;
	height:34px;
	background:url(../img/logo.png) no-repeat top left;
	float:left;
}

#splash {
	width:960px; float:left;
	clear:both;
	margin:33px 0 0 0;
}

#splash h1,h2,p{ margin:0; padding:0; }


#splash_left {	
	text-align: left;
	padding-top: 10px; 
	border:0px solid #000;
}

#splash_left img {
	margin: -10px 0 0 10px;
}

#splash_right {	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6D6D6D;
	padding-top: 10px;
	border:0px solid #000;
}

#inner_content_left {
	width:610px;
	float:left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	padding-bottom: 20px;
}

#inner_content_left a {
	font-family: Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-size: 12px;
	text-decoration: underline;
}

#inner_content_left a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	text-decoration: underline;
}

#inner_content_right {
	width:272px;
	float:right;
	text-align: left;
	padding-top: 10px;
}

#contact_box {
	width:275px;
	float:right;
	text-align: right;
	background-image: url(../img/contact_box_bground.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	clear: right;
}

#contact_box_content {
	width:90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 10px;
	text-align: left;
}

#contact_box2 {
	width:275px;
	float:right;
	text-align: right;
	background-image: url(../img/contact_box_bground.jpg);
	background-repeat: repeat-y;
	margin-top: 30px;
	clear: right;
}

#contact_box_content2 {
	width:90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 10px;
	text-align: left;
}

#privacy	{
	width:920px;
	text-align: left;
	padding-left: 20px;
}

#press	{
	float: left;
	width:580px;
	text-align: left;
	padding-left: 20px;
}


#content_area {
	width:960px;
	text-align: center;
	min-height: 200px;
	padding:20px 0 0 0;
	float:left;
	clear: both; border:0px solid #000;
}

#content_area p{ margin:10px 0;}



#footer {
	width:100%;
	/*min-height: 250px;*/
	margin: 0 auto;
	clear: both;
	text-align: center;
	background-color: #ebebeb;
	padding: 20px 0;
	background-image: url(../img/footer.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#959595;
	text-align: left;
	display: block;
	padding-left: 70px;
	padding-top: 20px;
}

.copyright a {
	text-decoration:none;
	color:#52553d;
}

.copyright a:hover {
	text-decoration:underline;
	color:#959595;
}


/* Styling for the social bar that contains the twitter feed etc */
.social {
	width:960px;
	height:152px;
	clear: both;
	background-image: url(../img/social_bground.png);
	background-repeat: no-repeat;
}
	
.socialleft {
	float: left;
	width:450px;
	height:40px;
	text-align:left;
	padding-left: 135px;
	margin-top: 48px;
}
	
.socialright {
	float: right;
	width:300px;
	height:50px;
	margin-top: 48px;
	text-align: right;
}

	
/* Inside the footer container areas for menu, list of friends andcontact info */
#nav_container1 {
	float: left;
	width:275px;
	height:41px;
	background-image: url(../img/around_site.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 45px;
}

#nav_container2 {
	float: left;
	width:275px;
	text-align: left;
	background-image: url(../img/our_friends.jpg);
	background-repeat: no-repeat;
	padding-right: 45px;
	padding-top: 40px;
}

#nav_container3 {
	float: right;
	width:320px;
	text-align: right;
}
	


/* Bottom Navigation bar menu styling */
#bottom_nav {
	width:960px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#444444;
	text-align: left;
}

#bottom_nav h3 {
	font-weight: normal;
	font-size: 17px;
 	color: #444444;
 	margin-bottom: 10px;
}

#bottom_nav h2 {
	font-weight: normal;
	font-size: 20px;
 	color: #c74f00;
 	line-height: 24px;
 	margin: 0 0 10px 0;
}

#bottom_nav a {
	font-weight: bold;
	color: #70a6f8;
	font-size: 12px;
	display: block;
	line-height: 18px;
}

#bottom_nav a:hover {
	font-weight: bold;
	color: #70a6f8;
	font-size: 12px;
	display: block;
	line-height: 18px;
	text-decoration:underline;
}

#live_chat {
	margin-top: 10px;
	height: 25px;
	width: 90px;
 	background:url(../img/chat.png) no-repeat top right;
 	padding-top:10px;
}

#pdf {
	margin-top: 10px;
	height: 35px;
	width: 130px;
 	background:url(../img/pdf.png) no-repeat top right;
 	padding-top:17px;
 	border-bottom: 1px dotted;
}

.bold1{
	font-weight: bold !important;
	color: #444444 !important;
}

.footer_block {
	float: left;
	width: 140px;
	margin: 0 10px 0 10px;
}

#footer_block_left {
	width: 150px;
	margin-left: 0px;
}

#footer_block_right {
	width: 150px;
	margin-right: 0px;
}

#copyright{
	margin-top: 50px;
}

	
	
	
#bottom_nav ul {
	margin:0;
	padding: 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#bottom_nav li {
	border-top: 0px solid #d4d4d4;
	padding: 0 10px 0 0px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*background: url(../img/arrow.gif) no-repeat 0 50%;*/
	/*line-height: 30px;*/
	display:inline;
}


#bottom_nav li a{
	margin:0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #969696;
}

#bottom_nav li a:hover {
	color:#3f3f3f;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#bottom_nav li a.active {

	color:#3f3f3f;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}


	

/* Top Navigation bar menu styling */
#nav {margin-top:0px; padding:0; float:right;  }
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:14px Arial, Helvetica, sans-serif;
	line-height:30px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px;
	color:#3f3f3f; 
}

#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#3f3f3f;
}

#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#3f3f3f;
}


#nav .lavaLamp li.back {
	background: url(../img/lava.gif) no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}

#nav .lavaLamp li.back .left {
	background: url(../img/lava.gif) no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

#nav a:link{
	color:#3f3f3f; 
	text-decoration:none;
}

#nav a:hover{
	color:#3f3f3f; 
	text-decoration:none;
}

#nav a:active{
	color:#3f3f3f; 
	text-decoration:none;
}

ul#topnav {
	font-family: Arial, Helvetica;
	margin: 0 0 0 15px; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	color:#ffffff;
	text-decoration:none;
}

ul#topnav li a:hover {
	text-decoration:underline;
}


ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 29px; left: 0px;
	z-index: 99999;
	background: #FFFFFF url("../images/sub_bg.png") 6% top no-repeat; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	border:1px solid #cccccc;	
	
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	border:none;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff; border:none;
	text-align: left;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	border:none;
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(../images/arrow.gif) no-repeat left center;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #81669d;
	border:none;
	margin: 0px !important;
	font:12px Arial, Helvetica, sans-serif; 
}
ul#topnav .sub ul li a:hover {
	color: #be1e2d;
	
}	


/* Styling the contact form */
form{margin:0; padding:0;}
	
#contact_form {
	float:left;
	width:460px;
	text-align: left;
	padding-left: 25px;
	margin-top: 40px;
}
	
.contactform {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	width:300px;
	text-align: left;
}

.contactform input {
	display: block;
	margin-bottom: 25px;
	margin-top: 5px;
}

.contactform textarea {
	display: block;
	margin-bottom: 25px;
	margin-top: 5px;
}


textarea {
	padding:5px;
	border:1px solid #d2d1cf;
	width:500px;
	height:150px;
	font-size:18px;
	color:#6d6d6d;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
}

.contactform label {
	min-width: 100px;
	float: left;
	padding: 5px;
	padding-left: 0px;
	margin-left: 25px;
}

.input-submit {
	margin:5px 0 0 217px !important;
	padding-top:20px;
	background-image: url(../img/submit.jpg);
	width: 185px;
	height: 44px;
	background-repeat:no-repeat;
	border: none;
	cursor: pointer;
	background-color: transparent;
}

.input-submit1 {
	margin:5px 0 0 217px !important;
	padding-top:20px;
	background-image: url(../img/submit.jpg);
	width: 185px;
	height: 44px;
	background-repeat:no-repeat;
	border: none;
	cursor: pointer;
	background-color: transparent;
}


.input-textarea {
	padding:5px;
	border:1px solid #d2d1cf;
	width:400px;
	height:35px;
	font-size:18px;
	color:#6d6d6d;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
}

.small_contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6d6d6d;
}	

.large_contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3a3a3a;
	text-transform:uppercase;	
}

/* Styling the front page 3 tab product / services area */
#services_left {
	float:left;
	width: 320px;
	background-image: url(../img/left_service.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 20px;
}


#services_middle {
	float:left;
	width: 320px;
	background-image: url(../img/middle_service.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 20px;
}


#services_right {
	float:right;
	width: 320px;
	background-image: url(../img/right_service.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 20px;
}

#services_box_content_left {
	width:70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	text-align: left;
	margin-top: 100px;
	padding-left: 25px;
}	


#services_box_content_middle {
	width:70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	text-align: left;
	margin-top: 100px;
	padding-left: 55px;
}


#services_box_content_right {
	width:70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 12px;
	text-align: left;
	margin-top: 100px;
	padding-left: 75px;
}


/* Styling an unordered list in the content area on a page */
#content_area ul {
	margin:0;
	padding: 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-size:12px;
}

#content_area li {
	padding: 0 0 0 20px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../img/arrow2.gif) no-repeat 0 50%;
	line-height: 30px;
}

#content_area li a{
	margin:0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3a3a3a;
}

#content_area li a:hover {
	color:#3a3a3a;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Styling the contact buttons on the services page */
#interested_button {
	display:block;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 15px;
}

#interested_button2 {
	display:block;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 45px;
}

#interested_button3 {
	display:block;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 65px;
}


/* Styling the work and subsequent pages for the thumbnails etc */
#portfolio_area {
	width:960px;
	text-align: center;
	min-height: 200px;
	margin-top: 170px;
	clear: both;
	padding-left: 20px;
}

.portfolio_thumb {
	float: left;
	height: 142px;
	width:298px;
	padding-right: 13px;
}

#portfolio_sections {
	float: left;
	height: 60px;
	width:620px;
	padding-left: 300px;
	background-image:url(../img/portfolio_sections.jpg);
	background-repeat:no-repeat;
	text-align: left;
	padding-top: 20px;
	margin-top: 20px;
}

#portfolio_sections ul, #portfolio_sections li{
	margin:0;
	padding: 0;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:18px;
}

#portfolio_sections li a{
	font-family:Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:18px;
}

#portfolio_sections li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #525252;
	font-size:18px;
	text-decoration:none;
}

#portfolio_sections li a.active {
	font-family:Arial, Helvetica, sans-serif;
	color: #525252;
	font-size:18px;
	text-decoration:none;
}


/*product page*/

#productDetailHolder{ width:960px; float:left; text-align:left; border:0px  solid #000; }

	.productDetailLeft{ width:150px; float:left; border:0px solid #000 }
	
	.productDetailRight{ width:770px; float:left; border-left:1px solid #ccc; margin:0 0 0 7px; min-height:250px; height:auto !important; height:250px; padding:0 15px; }

	
	
	.productBreadChrumb{ padding:5px 0; border-bottom:1px solid #ccc; font-weight:bold;  float:left; width:100%; }
		.productBreadChrumb a{ color:#f85c25; text-decoration:none; }
		.productBreadChrumb a:hover{ color:#575755; }
	
	.productBreadChrumb2{ clear:both; padding:5px 0; border-bottom:1px dotted #ccc; font-weight:bold; margin:5px 0; float:left; width:100%; }
		.productBreadChrumb2 a{ color:#f85c25; text-decoration:none; }
		.productBreadChrumb2 a:hover{ color:#575755; }
	
	.technicalDrawing{ clear:both; padding:5px 0; border-bottom:0px dotted #ccc; font-weight:bold; margin:5px 0; float:left; width:100%; }
		.technicalDrawing a{ color:#f85c25; text-decoration:none; }
		.technicalDrawing a:hover{ color:#575755; }
		
	
	.leftDetail{ width:450px; float:left; border:0px solid #000; }
	.rightDetail{ width:250px; margin:0 0 0 50px; float:left; border:0px solid #000; font-weight:normal; }
	

.logoPaypal{ width:960px; margin:5px 0 0 0; border:0px solid #000; }
	.logoPaypalKiri{ width:263px; float:left; }
	.logoPaypalKanan{ float:right; }
	
.error {
	width: 800px !important;
}

#err_menu {
	width: 890px;
	height: 140px;
	margin: 25px auto;
	background: url(../img/err_menu_bg.gif) repeat-x top left;
}

.err_menu_item {
	width: 286px;
	height: 140px;
	float: left;report-area 5px 0 5px;
}

#err_menu_border {
	width: 1px;
	height: 140px;
	background: url(../img/err_menu_border.gif) no-repeat top left;
	float: left;
}

.err_selected {
	background: url(../img/err_menu_selected.gif) no-repeat bottom center;
}

.err_menu_item img {
	float: left;
	margin: 45px 0 0 10px;
}

.err_menu_item h2 {
	float: left;
	text-align: left;
	margin: 55px 0 0 10px;
}

.link {
	cursor: pointer;	
}

.link:hover {
	text-decoration: underline;
}

#err_content {
	margin-top: 20px;
	margin-bottom: 40px;
}

#srch_field {
	border: none;
	width: 500px;
	height: 31px;
	background: url(../img/srch_bg.gif) repeat-x;
	border-left: 1px solid #d3d3d3 !important;
	border-right: 1px solid #d3d3d3 !important;
	padding: 5px;
	color: #343434;
	font-size: 24px;
}

#srch_submit {
	border: none;
	margin-left: -40px;
	height: 41px;
	width: 30px;
	background: url(../img/srch_btn.png) no-repeat center center;
	cursor: pointer;
}

#sitemap-area h4 {
	margin: 0 0 10px;
	color: #C74F00;
	font-size: 20px;
}

#sitemap-area li a{
	color: #70A6F8;
	font-weight: bold;
	font-size: 12px;
}

#sitemap-area li a:hover{
	text-decoration: underline;
}

#sitemap-area ul {
	float: left;
	width: 180px;
}

#sitemap-area li{
	background: none;
}

#report-area {
	text-align: left;
	margin-left: 55px;
}

#report-area input {
	display: block;
	margin-bottom: 25px;
	margin-top: 5px;
}

#report-area textarea {
	display: block;
	margin-bottom: 25px;
	margin-top: 5px;
}


#err_header {
	float: left;
}

#submit_block {
	float: left;
	padding-top: 3px;
}

.box_chart{ clear:both; text-align:right; padding:0 0 15px 0; margin-top:10px; width:100%; }
	.box_chart span{ color:#1a8bd7}

#online_chat {
	float: left;
	margin: 0 20px 0 0;
}