/* -------------------------------------------------------------- 
  
   CSS FRAMEWORK
   * Version: 1.1
   
-------------------------------------------------------------- */

	@import 'css/reset.css';
	@import 'css/typography.css';
	@import 'css/forms.css';
	@import 'css/global.css';

/* General
-------------------------------------------------------------- */
    body
	{
		height: 100%;
	}

	#wrap
    {
        width: 1000px;
		height: 100%;
        margin: 0px auto;
		background: url("http://www.gsmspyearpiece.com/img/site/main_bg.jpg") no-repeat;position: relative;
    }
/*.стиль1 {color: #E8E8E8}
.стиль2 {color: #BE0000}
.стиль4 {color: #BE0000; font-size: large; }*/
        span.header_item1
	{
	position: absolute;
	top: 164px;
	left: 284px;
	color: #fff;
	font-size: 4.7em;
	width: 510px;
	}
	span.header_item2
	{
	position: absolute;
	top: 220px;
	left: 397px;
	color: #fff;
	font-size: 3.2em;
	width: 326px;
	}
	span.header_item3
	{
	position: absolute;
	top: 277px;
	left: 354px;
	color: #fff;
	font-size: 3.2em;
	width: 358px;
        }
	span.header_item4
	{
	position: absolute;
	top: 203px;
	left: 256px;
	color: #fff;
	font-size: 4.7em;
	width: 471px;
	}
	span.header_item5
	{
	position: absolute;
	top: 266px;
	left: 290px;
	color: #fff;
	font-size: 3.2em;
	width: 432px;
	}
	span.header_item6
	{
	position: absolute;
	top: 300px;
	left: 240px;
	color: #fff;
	font-size: 3.2em;
	width: 201px;
        } 
	span.header_item7
	{
	position: absolute;
	top: 178px;
	left: 233px;
	color: #fff;
	font-size: 4.7em;
	width: 383px;
	}
	span.header_item8
	{
	position: absolute;
	top: 323px;
	left: 711px;
	color: #000;
	font-size: 3.2em;
	width: 267px;
	}
	span.header_item9
	{
	position: absolute;
	top: 191px;
	left: 253px;
	color: #fff;
	font-size: 4.7em;
	width: 355px;
	}
	span.header_item10
	{
	position: absolute;
	top: 287px;
	left: 381px;
	color: #fff;
	font-size: 3.2em;
	width: 500px;
	}
	span.header_item11
	{
	position: absolute;
	top: 191px;
	left: 253px;
	color: #fff;
	font-size: 4.7em;
	width: 355px;
	}
	span.header_item12
	{
	position: absolute;
	top: 309px;
	left: 556px;
	color: #fff;
	font-size: 3.2em;
	width: 209px;
	}
	span.header_item13
	{
	position: absolute;
	top: 172px;
	left: 241px;
	color: #fff;
	font-size: 3.2em;
	width: 379px;
	}
	span.header_item14
	{
	position: absolute;
	top: 221px;
	left: 238px;
	color: #fff;
	font-size: 3.2em;
	width: 224px;
	}
	span.header_item15
	{
	position: absolute;
	top: 289px;
	left: 322px;
	color: #fff;
	font-size: 3.2em;
	width: 268px;
    }
	span.header_item16
	{
	position: absolute;
	top: 304px;
	left: 254px;
	color: #fff;
	font-size: 3.2em;
	width: 268px;
    }
	span.header_item17
	{
	position: absolute;
	top: 316px;
	left: 537px;
	color: #fff;
	font-size: 3.2em;
	width: 268px;
    }
	span.header_item18
	{
	position: absolute;
	top: 316px;
	left: 567px;
	color: #fff;
	font-size: 3.2em;
	width: 268px;
    }
	span.header_item19
	{
	position: absolute;
	top: 287px;
	left: 240px;
	color: #fff;
	font-size: 4.7em;
	width: 465px;
    }
	span.header_item20
	{
	position: absolute;
	top: 199px;
	left: 257px;
	color: #fff;
	font-size: 3.2em;
	width: 268px;
    }
	span.header_item21
	{
	position: absolute;
	top: 166px;
	left: 253px;
	color: #fff;
	font-size: 4.7em;
	width: 215px;
    }
	span.header_item22
	{
	position: absolute;
	top: 280px;
	left: 343px;
	color: #fff;
	font-size: 3.2em;
	width: 268px;
    }
	span.header_item23
	{
	position: absolute;
	top: 263px;
	left: 247px;
	color: #fff;
	font-size: 3.2em;
	width: 356px;
    }
	span.header_item24
	{
	position: absolute;
	top: 179px;
	left: 299px;
	color: #fff;
	font-size: 4.7em;
	width: 251px;
    }
	span.header_item25
	{
	position: absolute;
	top: 169px;
	left: 465px;
	color: #fff;
	font-size: 3.2em;
	width: 251px;
    }
	span.header_item27
	{
	position: absolute;
	top: 319px;
	left: 239px;
	color: #fff;
	font-size: 3.2em;
	width: 251px;
    }

    
    
	#mainbar
	{
		vertical-align: top;
		
	}
    #leftbar
    {
		width: 215px; 
		background: url('http://www.gsmspyearpiece.com/img/site/leftbar_bg.jpg') repeat-y right;
        
    }
    #content
    {
        width: 540px;
		margin-left: 10px;
		margin-bottom: 20px;
		float: left;
    }
#google_translate_element {  } 
	
/* Header
-------------------------------------------------------------- */
	#main_pic
    {
        background: #fff;
		width: 700px;
		height: 330px;
		float: right;
		margin: 0px 60px 5px 0px
    }
    #main_pic tr td
    {
        padding: 1px;
		vertical-align: top;
		height: 111px;
    }
	span.header_item
	{
		position: relative;
		top: 170px;
		left: 150px;
		font-weight: bold;
		color: #fff;
		font-size: 3.2em;
	}
/* Navigation
-------------------------------------------------------------- */	
	.menu
	{
		margin: 10px 0px;
		background: #fff;
		width: 210px;
	}
	.menu img
	{
		width: 39px;
		margin-left: 16px;
	}
    
    .nav
    {
        width: 155px;
        background: #fff;
        height: 138px;
		display: block;
    }
	.nav li
	{
		display: block;
	}
    * html .nav li a
    {
        display: inline-block;
    }
    .nav li a:link,
    .nav li a:visited,
    .nav li a:hover,
    .nav li a:active
    {
        display: block;
        margin: 0px;
        color: #787878;
        text-decoration: none;
        font-size: 1.3em;
        font-weight: bold;
        padding: 3px 0px 3px 10px;
    }
    .nav li a:hover,
    .nav li a:active
    {
        background: url("http://www.gsmspyearpiece.com/img/site/menu_pimp.jpg") no-repeat left;
    }
    .nav li.active
    {
        background: #ececec;
    }
    .nav li.active a:link,
    .nav li.active a:visited,
    .nav li.active a:hover,
    .nav li.active a:active
	{
	    background: url("http://www.gsmspyearpiece.com/img/site/menu_pimp_active.jpg") no-repeat left;
	}
	table tr td
	{
		vertical-align: top;
	}
/* Content
-------------------------------------------------------------- */
	.box_small
    {
        width: 185px;
        float: left;
		position: relative;
		top: 2px;
		left: 20px;
        font-size: 1.2em;
    }
	.box_content_small
	{
		width: 177px; 
        border-right: #dedede 1px solid;
        border-left: #dedede 1px solid;
		text-align: left;
		background-color: #fff;		
	}
    .box
    {
        width: 255px;
        float: left;
        font-size: 1.2em;
		margin: 0px 5px;
    }
    .box_content
    {
        width:243px; 
        border-right: #dedede 1px solid;
        border-left: #dedede 1px solid;
		text-align: left;
    }
    .contact_us
	{
		margin: 5px 0px;
		float: left;
		width: 220px;	
	}

	.style1
	{
		font-family: Arial, "Arial Black";
		font-size: large;
	}

        .border
	{
		border-right: #dedede 1px solid;
        border-left: #dedede 1px solid;
		width: 178px;
		text-align: center;
	}
	.box_header
	{
	width: 230px;
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	}
	.box_header_1
	{
	color: #666;
	text-align: left;
	}
	.box_header_2
	{
	width: 234px;
	color: #BE0000;
	font-size: 1.6em;
	font-family: Times New Roman;
	text-align: center;
	}	
	.contacts_details
	{
	width: 170px;
	background: #ececec;
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	}
    .contacts_details_page
	{
	width: 300px;
	background: #ececec;
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 5px;
	vertical-align: middle;
	}
	div.cost
	{
		color: #ff0000;
		font-size: 1.6em;
		margin-right: 10px;
		font-style: italic;
		font-family: "Trebuchet MS";	
	}
	
/*	Footer
-------------------------------------------------------------- */
    #footer
    {
        width: 100%;
		margin: 0px auto;
        text-align: center;
        background: url("http://www.gsmspyearpiece.com/img/site/footer_bg.jpg") repeat-x;
        height: 124px;
		clear: both;
    }
    .footer_center
    {
        width: 1000px;
        vertical-align: top;
    }
    .footer_content
    {
		width: 820px;
		float: left;
        margin-top: 30px;
    }
    .footer_rightbg
    {
        background: url("http://www.gsmspyearpiece.com/img/site/footer_rightbg.jpg") repeat-x top;
    }
	span.footer_links
	{
		color: #666;
		font-weight: bold;
	}
	span.footer_links a
	{
		color: #666;
		font-weight: bold;
	}
	span.footer_links a:hover
	{
		color: #333;
		font-weight: bold;
	}