/*



Theme Name: WilkofIndustrial

Author: Ricky Kamil 

Version: 1

.

Copyright by WilkofIndustrial

.

[Table Of Contents] 

	0- Reset

	1- Global

	2- Links

	3- Headings

	4- Header 

	5- Navigation

	6- Middle 

	7- Forms

	8- Extras

	9- Footer 

*/

/* =0 Reset

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*@import url('reset.css');*/



/* =1 Global

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body {

	background:url(../images/back_grey.jpg) #fff; 

	line-height: 1;

	margin:0;

	margin-bottom:40px;

	vertical-align: top;

	padding:0;

	color: #000;

}

#container {

	margin:auto;

	margin-top:0px;

	width:980px;

	position:relative;

}

.front_left {

	background:url(../images/background.jpg) repeat-x top right;

}

.front_right {

	background:url(../images/background.jpg) repeat-x top left;

}

.front_mid {

	background:url(../images/background.jpg) repeat-x top left;

}

#topheader {

	background:url(../images/back_top_header.jpg) top no-repeat;

	position:relative;

	width:894px;

	height:145px;

}

#topheader_inner {

	background:url(../images/back_top_header.jpg) top no-repeat;

	position:relative;

	width:894px;

	height:168px;

}

#logo {

	width:255px;

	height:125px;

	position:absolute;

	top:0px;

	left:20px;

}



#sloganarea1{

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

	font-size:14px;

	font-weight:bold;

	color:#fff;

	line-height:18px;

	left:580px;

	top:10px;

	position:absolute;

	text-align:right;

	width:300px;

}



#sloganarea2{

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

	font-size:12px;

	font-weight:bold;

	color:#fff;

	line-height:15px;

	left:580px;

	top:28px;

	text-align:right;

	position:absolute;

	width:300px;



}



#navmenu{

	left:286px;

	top:99px;

	position:absolute;

}

#navmenu a:link{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}



#navmenu a:hover{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}

#navmenu a:visited{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}







#submenu_products{

	left:84px;

	top:135px;

	position:absolute;

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

}



#submenu_products a:link{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}



#submenu_products a:hover{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}

#submenu_products a:visited{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}





#submenu_store{

	left:373px;

	top:135px;

	position:absolute;

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

}



#submenu_store a:link{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}



#submenu_store a:hover{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}

#submenu_store a:visited{

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}









#side_left {

	width:4px;

	background:url(../images/left.gif) top right;

}

#side_right {

	width:4px;

	background:url(../images/right.gif) top left;

}

#container_mid {

	background:url(../images/back_mid.gif) repeat-x #e3e7e9;

	margin-bottom:-10px;

}

.right {

	float: right;

}

.left {

	float: left;

}

.align-left {

	text-align: left;

}

.align-right {

	text-align: right;

}

.align-center {

	text-align:center;

}

.justify {

	text-align:justify;

}

.hide {

	display: none;

}

.clear {

	clear: both;

}

.bold {

	font-weight:bold;

}

.italic {

	font-style:italic;

}



.underline {

	border-bottom:1px solid;

}

.highlight {

	background:#ffc;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft {

	float:left;

	margin:4px 10px 4px 0;

}

img.alignright {

	float:right;

	margin:4px 0 4px 10px;

}

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.clearfix {

	display: block;

}

html[xmlns] .clearfix {

	display: block;

}

* html .clearfix {

	height: 1%;

}

/* =2 Links



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a:link, a:visited {

	color: #333;

}

a:hover {

	color: #111;

}

a:active {

	color: #111;

}



/* =3 Headings



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h1 {

	font: bold 2em "Times New Roman", Times, serif;

}

h2 {

	font: bold 1.5em "Times New Roman", Times, serif;

}

h3 {

	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;

}

h4 {

	font: bold 1em Arial, Geneva, Helvetica, sans-serif;

}

h5 {

	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;

}



.text_black {

	font: normal 12px Arial, Helvetica, sans-serif;

	color:#000;

}



.text_black_big {

	font: normal 14px Arial, Helvetica, sans-serif;

	color:#000;

}



.text_black_big2 {

	font: normal 18px Arial, Helvetica, sans-serif;

	color:#000;

	font-weight:bold;

	padding-bottom:4px;

}

.borderbottomblack {

	border-bottom:2px #666666 solid;

}





.text_black_small {

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#000;

}

.text_red_big {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:14px;

	color:#b42b33;

}

.text_red_big2 {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:13px;

	color:#b42b33;

}

.text_red_big3 {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:18px;

	color:#b42b33;



}



p {



	font-size:12px;



	color:#464646;



}



.xtitle {



	/*line-height:30px;*/



	padding-top:10px;



	padding-bottom:10px;



}



.text_blue {



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



	font-size:18px;



	color:#0f9fc3;



}



.text_blue_big {



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



	font-size:20px;



	color:#0f9fc3;



}



.text_front_grey {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:18px;

}



.text_front_grey a:link{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:18px;

	text-decoration:none;

}

.text_front_grey a:active{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:18px;

	text-decoration:none;

}

.text_front_grey a:visited{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:18px;

	text-decoration:none;

}

.text_front_grey a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	line-height:18px;

	text-decoration:underline;

}



/* =4 Header



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/







#header {



	background:url(../images/header.gif) no-repeat;



	width:972px;



	height:151px;



}







#mid_div {



	background:url(../images/mid_div.gif) no-repeat;



	width:972px;



	height:8px;



}











/* =5 Navigation



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/







#navigation {



	background:url(../images/menu_back.gif) no-repeat;



	width:950px;



	height:49px;



	margin:auto;



}







#frontflash{



	position:relative;



}





#flashmovie{



	position:absolute;



	top:0px;



	left:0px;

	

	z-index:90;



}





#cover{



	position:absolute;



	top:0px;



	left:0px;



	z-index:99;



}



/* =6 Middle



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



# content_mid {

	height:100px;

}

.front_bottom {

	background: #f7921c;

	border-top:#fff solid 6px;

	border-bottom:#fff solid 6px;

	height:200px;

}



.front_bottom_inner {

	background:url(../images/back_brownstrip.gif) top repeat-x #fff;

	border-top:#fff solid 6px;

	border-bottom:#fff solid 6px;

	min-height:400px;

}



#sheavepage {

	position:relative;

}

#sheavepagepic {

	position:absolute;

	top:119px;

	left:645px;

}



#slingpage {

	position:relative;

}

#slingpagepic {

	position:absolute;

	top:104px;

	left:624px;

}



#wireropepagepic {

	position:absolute;

	top:276px;

	left:639px;

}





#content_fallprotection {

	position:relative;



}

#pic_fall1 {

	position:absolute;

	z-index:10;

	top:3px;

	left:545px;

}



#pic_fall2 {

	position:absolute;

	z-index:10;

	top:94px;

	left:556px;

}



#pic_fall3 {

	position:absolute;

	z-index:10;

	top:254px;

	left:557px;

}



#pic_fall4 {

	position:absolute;

	z-index:10;

	top:429px;

	left:568px;

}



#pic_fall5 {

	position:absolute;

	z-index:10;

	top:541px;

	left:630px;

}



#pic_fall6 {

	position:absolute;

	z-index:10;

	top:686px;

	left:539px;

}





/* =7 Form



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



.myform{



	width:400px;



	padding:14px;



	padding-left:0px;



}



#stylized{



}



#stylized h1 {



	font-size:14px;



	font-weight:bold;



	margin-bottom:8px;



}



#stylized p{



	font-size:11px;



	color:#666666;



	margin-bottom:20px;



	border-bottom:solid 1px #b7ddf2;



	padding-bottom:10px;



}



#stylized label{



	color:#444444;



	font:Arial, Helvetica, sans-serif;



	font-size:11px;



	display:block;



	font-weight:bold;



	text-align:left;



	width:130px;



	float:left;



	padding-top:5px;



}



#stylized .small{



	color:#666666;



	display:block;



	font-size:10px;



	font-weight:bold;



	text-align:right;



	width:140px;



}



#stylized input{



	float:left;



	font-size:12px;



	padding:4px 2px;



	border:solid 1px #cccccc;



	width:250px;



	margin:2px 0 10px 10px;



}







#stylized select{



	float:left;



	font-size:12px;



	padding:4px 2px;



	border:solid 1px #cccccc;



	width:250px;



	margin:2px 0 10px 10px;



}











#stylized button{



	clear:both;



	width:125px;



	height:31px;



	background:#5b6e7b;



	text-align:center;



	line-height:20px;



	color:#FFFFFF;



	font-size:12px;



	font-weight:bold;



	margin-top:-2px;



}



.mytextarea {



	clear:both;



	width:400px;



	margin-top:10px;



	margin-bottom:10px;



	border:solid 1px #cccccc;



} 











/* =8 Extra



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



/* =9 Footer



–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



.footer_left {

}

.footer_mid {

	height:30px;

	color:#fff;

	text-decoration:none;

	font: normal 12px Arial, Helvetica, sans-serif;

}

.footer_mid a:link{

	height:30px;

	color:#fff;

	text-decoration:none;

	font: normal 12px Arial, Helvetica, sans-serif;

}

.footer_mid a:hover{

	height:30px;

	color:#fff;

	text-decoration:none;

	font: normal 12px Arial, Helvetica, sans-serif;

}

.footer_mid a:active{

	height:30px;

	color:#fff;

	text-decoration:none;

	font: normal 12px Arial, Helvetica, sans-serif;

}

.footer_mid a:visited{

	height:30px;

	color:#fff;

	text-decoration:none;

	font: normal 12px Arial, Helvetica, sans-serif;

}

.footer_right {

}



.footer_inner_left{

	background:url(../images/back_footer_inner.jpg) top right repeat-x;

	height:43px;

}

.footer_inner_mid{

	background:url(../images/back_footer_inner.jpg) top left repeat-x;

	height:43px;

}

.footer_inner_right{

	background:url(../images/back_footer_inner.jpg) top left repeat-x;

	height:43px;

}





#footer {



	padding-top:10px;



	padding-left:10px;



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



	font-size:12px;



	color:#333333;



	line-height:18px;



	color:#fff;



	padding-right:20px;



	/*text-transform: uppercase; */



}







#footer a{

	font: normal 12px Arial, Helvetica, sans-serif;

	color:#fff;

	text-decoration:none;



}

.tetnavhorz {

	font:Arial, Helvetica, sans-serif;

	font-size:12px;

	padding-bottom:10px;

}

.tetnavhorztxt {

	font:Arial, Helvetica, sans-serif;

	font-size:12px;

}