/*
Theme Name: Protech Extreme SEO
Theme URI: http://taustyle.ru/
Description: All about code
Version: 1.0
Author: Alexandr Vasilevsky
Author URI: http://tau-design.net/
*/

#images_footer{
float:left;
overflow:hidden;
width:100%;
text-align:center; background:white;
}
#images_footer img{

}

   /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background-color: #dafeef;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */

	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;


    }
	a {
    	color:#000;
	}
	a img{border:none;}
	a:hover {
		color:#313131;
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0; font-weight:normal;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }

	/* Header styles */
    #header {
		position:absolute; top:0;left:0; 
		heifght: 270px;
		background:url(/wp-content/themes/protech/images/top_tan.jpg) repeat-x;
		width:100%;float:left; 
		overffffflow:hidden;
    }
#header1{
	background:url(/wp-content/themes/protech/images/top_right.jpg) no-repeat 100% 0;
}
#header2{
	background:url(/wp-content/themes/protech/images/top_logo.jpg) no-repeat 0 0; height:238px;
}
#header3{
	background:url(/wp-content/themes/protech/images/top2_kom.jpg) no-repeat 0 100%;
	height:280px;
}
#h_box{
position:absolute;
}
#h_box a{
display:block;width:300px; height:200px; text-indent:-444em;
}
#b2{
	background:url(/wp-content/themes/protech/images/b2.jpg) no-repeat 0 0;
	padding:80px 0 20px 20px;
}

#b2 a{
display:block; width:235px; height:60px; text-indent:-444em;
}
#b3{
background:url(/wp-content/themes/protech/images/left_objects.jpg) no-repeat 0 0;
padding:40px 20px 50px;

}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		
		/* add tau */
		margin-top:328px;
	}
	/* 2 column left menu settings */
	.leftmenu {
	    /*background:#FFD8B7;*/
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:310px;
        /*background:#fff;*/
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
		right:300px;
		right:320px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
		margin:0 0 0 320px;
		padding-left:20px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		background:white;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
		right:300px;
width:300px;width:292px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		
    }
	#footer1{
	background:url(/wp-content/themes/protech/images/bottom_tyan.jpg) repeat-x;
	}
	#footer2{
	background:url(/wp-content/themes/protech/images/bottom02.jpg) no-repeat 100% 0;
	}
	#footer3{
	background:url(/wp-content/themes/protech/images/bottom01.jpg) no-repeat 0 0; height:61px;
	padding:5px 25px 0 25px;
	}
#left_f{
float:left;width:300px;
}	
#right_f{
float:right;width:300px;text-align:right;padding:10px 0 0 0;
}
#center_f{
margin:0 auto;width:300px; text-align:center; padding: 20px 0  0 0;
}
.bot {font-family: Arial; font-size: 14px; font-weight: bold; color: #000000;}
.bot2 {font-family: Arial; font-size: 14px; font-weight: bold; color: #5b0107;}
.bot3 {font-family: Arial; font-size: 11px; font-weight: bold; color: #5b0107;}
	

	
	/*
	left
	*/
	.menu{
	background:url(/wp-content/themes/protech/images/left_menu.jpg) no-repeat;
	font-size:14px;font-family: Arial;
	}
	.menu ul{
	list-style:none; margin:0; padding:20px 0 35px 10px; list-style-position:inside;
	}
	.menu ul li{
	padding:10px 0;margin:0;
	}
	.menu ul li a{
	height:auto;_height:1%;
	background:  url(/wp-content/themes/protech/images/button01.gif)  no-repeat 0 50%;
	padding:4px 0 4px 26px;display:block; text-decoration:none;font-weight:bolder;
	}
		.menu ul li a:hover {
		background-image:  url(/wp-content/themes/protech/images/button02.gif);
		color:black;
		}
	
	
	
	/*
	content
	*/

	.text{
	font-size:1.2em; width:75%;
	}
	
	
	
	/*
	top menu
	*/
.jquerycssmenu{
font: bold 13px Arial;
background:url(/wp-content/themes/protech/images/top_menu.jpg) no-repeat;
float:left;width:100%;
margin:279px 0 0;
padding:5px 0;
position:absolute;
}


.jquerycssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
margin-right:40px;
}


/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background:  url(/wp-content/themes/protech/images/button03.gif)  no-repeat 0 50%; /*background of tabs (default state)*/
padding: 5px 2px 4px 24px;
margin-right: 3px; /*spacing between tabs*/

color: #2d2b2b;
text-decoration: none;
}

.jquerycssmenu ul li a:hover{
display: block;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0; 
display: block;
visibility: hidden;
width:250px;

margin:0;padding:0;

}


/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
_display:inline;	
float: none; margin:0;padding:0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0; 
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{

width:250px;/*width of sub menus*/
background: silver;
color: black;
padding: 4px 0px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: gray;
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}