/*****************************************************************

		Title: CSS
		Author: Farrakhov Bulat
		Date: 15.06.2009ã.
		
******************************************************************

		1.Global Reset
		
		2. General Elements
		
		3. Layout
				3.1 Header
				3.2 RightSide
				3.3 LeftSide
				3.4 Special
				3.5 Footer

******************************************************************


/* 1. Global Reset
------------------------------------------------------------------
================================================================*/

html {
font-size:120%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
border:medium none;
font-family: arial, tahoma, helvetica, sans-serif;
margin:0;
outline-style:none;
outline-width:medium;
padding:0;
vertical-align:baseline;
}
dfn, cite, var, address {
font-style:normal;
}
th, h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
textarea, input, select {
font-family:inherit;
font-size:1em;
}
small {
font-size:0.85em;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
caption, th, td {
text-align:left;
}
:focus {
outline-style:none;
outline-width:medium;
}
p {
font-size:75%;
}
/* links */
a:link, a:visited {color: #2f6597;}
a:active, a:hover {color: #759b5b;}

/* 2. General Elements
------------------------------------------------------------------
================================================================*/
h1{
font-size: 100%;
}
/* 3. LAYOUT
------------------------------------------------------------------
================================================================*/
div#container{
margin: 2em;
width: 96%;
}

div#header{
position: relative;
}

div#leftside{
width: 20%;
float: left;
}

div#rightside{
width: 77%;
float: right;
}

div#special{
clear: both;
}

div#footer{
clear: both;
}

/* 3.1. Header
------------------------------------------------------------------
================================================================*/
div#menu img{
margin-right: 30px;
}

div#logo h1{
font-size: 180%;
margin-top: 50px;
margin-bottom: 20px;
}

.firstword{
font-weight: 100;
font-family: tahoma;
color: #333333;
}

a.firstword:link, a.firstword:visited, a.firstword:active, a.firstword:hover{
color: #333333; text-decoration: none; 
} 

.secondword{
font-weight: 100;
font-family: tahoma;
color: #333333;
}

div#menu{
margin-left: -8px;
margin-top: -2px;
}

div#lang{
position: absolute;
right: 0;
top: -5px;
}

div#lang a{
text-decoration: none;
color: #6f6f6f;
font-size: 80%;
}

div#lang a.active{
color: #c5c5c5;
}
/* 3.2. Rightside
------------------------------------------------------------------
================================================================*/
#logo img{
margin-top: 40px;
margin-bottom: 60px;
}

div#rightside  div#content .box{
float: left;
margin-right: 25px;
margin-bottom: 50px;
}

div#rightside  div#content .insidebox{
height: 80px;
width: 211px;
}

.box h4{
font-size: 70%;
color: #2a1e2a;
}

.box p{
color: #8183aa;
font-size: 65%;
}
/* 3.3. LeftSide
------------------------------------------------------------------
================================================================*/
div#lbox{
margin-top: 140px;
}

div#lbox h3{
margin-bottom: 10px;
font-weight: bold;
font-size: 85%;
}

div#lbox p{
font-size: 70%;
color: #8183aa;
}

/* 3.4. Special
------------------------------------------------------------------
================================================================*/
div#note{
float: left;
height: 200px;
width: 260px;
}

div#special .special {
float: left;
margin-left: 10px;
}

/* 3.5. Footer
------------------------------------------------------------------
================================================================*/
div#col{
float: left;
margin-left: 20px;
}