/* ---------------------- */
/* Kinetika - Screen CSS  */
/* Ver     : 1            */
/* Created : 21 May 2010  */
/* ---------------------- */

/*------------*/
/* 1. General */
/*------------*/

*
{
line-height: 1.4;
}

body
{
margin: 0;
padding: 0;
font: 62.5% Arial, Helvetica, sans-serif;
color: #6c6d6f;
}

/* 1.1. heading */

h1, h2, h3, h4 {padding: 0 0 10px 0;}
h1{ font-size: 2.4em;}
h2{ font-size: 2em;}
h3{ font-size: 1.3em;}
h4 { font-size: 1.1em;}

/* 1.2. text */

p 
{
font-size: 1.2em;
padding: 0 0 10px 0;
}

.uppercase  {text-transform: uppercase;}

/* 1.3. hyperlink */

a 
{
text-decoration: none;
color: #E4742D;
}

a:hover {text-decoration: underline;}

/*------------*/
/* 2. Lay-out */
/*------------*/

.clear {clear: both;}

div.grand-wrapper /* Important to remove space on the top of page in Opera Browser */
{
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 0;
}

div.background-wrapper
{
position: relative;
z-index: 100;
width: 1060px;
margin: 0 auto;
background: transparent url("../img/bg.jpg") no-repeat 0 0;
}

div.wrapper
{
width: 860px;
margin: 0 auto;
}

/*-----------*/
/* 3. Header */
/*-----------*/

div.header {padding: 40px 0 0 70px;}

div.header h1
{
width: 485px;
height: 140px;
text-indent: -9999px;
background: transparent url("../img/logo-kinetika.png") no-repeat 0 0;
}

/*---------------*/
/* 4. Navigation */
/*---------------*/

ul.nav-access
{
position: absolute;
top: -9999px;
left: -9999px;
}

div.main-navigation ul li
{
text-transform: uppercase;
padding: 0 0 10px 0;
}

div.main-navigation ul li a
{
font-size: 1em;
color: #FFF;
font-weight: bold;
letter-spacing: 1px;
}

/*------------*/
/* 5. Content */
/*------------*/

div.content
{
clear: both;
width: 860px;
padding: 20px 0 0 0;
}

/* 5.2. Side Content */

div.side-content /* IE6 */
{
width: 155px;
float: left;
text-align: right;
padding: 70px 30px 0 0;
font-size: 1.2em;
}

div.contact-details
{
padding: 170px 0 0 0;
font-size: 1em;
text-transform: uppercase;
}

div.contact-details h3
{
color: #e4742d;
font-size: 1em;
}

div.contact-details a
{
text-transform: lowercase;
font-size: 1em;
}

/* 5.2. Main Content */

div.main-content
{
width: 675px;
float: left;
background: transparent url("../img/bg-content-top.png") no-repeat 0 0;
padding: 15px 0 0 0;
}

div.main-image {padding: 0 0 20px 0;}

div.main-image img{border: 1px solid #000;}

div.main-content div.middle
{
width: 645px;
background: transparent url("../img/bg-content-middle.png") repeat-y 0 0;
padding: 0 15px;
}

div.main-content div.bottom
{
width: 675px;
background: transparent url("../img/bg-content-bottom.png") no-repeat 0 0;
height: 15px;
}

/*-----------*/
/* 6. Footer */
/*-----------*/

div.footer
{
clear: both;
width: 860px;
}

div.footer-navigation
{
float: right;
width: 640px;
font-size: 1.2em;
padding: 0 20px 0 15px;
}

div.footer-navigation ul li 
{
float: left;
display: inline-block;
}

div.footer-navigation ul li a
{
text-transform: uppercase;
color: #a07cba;
font-weight: bold;
}

div.footer-bottom
{
float: right;
width: 640px;
padding: 10px 20px 0 15px;
}

div.copy
{
font-weight: bold;
float: left;
}

div.efinity {float: right;}

div.efinity a
{
font-size: 1.1em;
font-weight: bold;
}

.left
{
float:left;
display: inline-block;
}