/*------------------------------------------------------------------
TABLE OF CONTENTS
.................
1. GENERAL
2. LAYOUT
3. HEADER
4. NAVIGATION
5. LINKS
6. CLEARFIX
------------------------------------------------------------------*/


/*------------------------------------------------------------------
1. GENERAL
------------------------------------------------------------------*/
*
{
 margin             : 0;
 padding            : 0;
}

html
{
 _padding           : 185px 0 135px 0;
 overflow           : hidden;
}

body
{
 font-family        : Verdana, Tahoma, Sans-serif;
 font-size          : 62.5%;
 height             : 100%;
 line-height        : 1.4;
 overflow           : hidden;
 text-align         : left;
 width              : 100%;
}

p
{
 padding            : 5px 0;
}

li
{
 list-style-type    : none;
}

dl
{
 padding            : 10px 20px;
}

dt.title
{
	font-size          : 1.2em;
	margin-bottom: 8px;
	padding            : 10px 0 4px; }

a
{
 color              : #3658fd;
 cursor             : pointer;
 text-decoration    : none;
}

a:hover,
a.current
{
 color              : #4596de;
}

img
{
 border             : 0;
 display            : block;
}

h2
{
 height             : 1;
 overflow           : hidden;
 position           : absolute;
 width              : 1;
}


/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/
div#bg_container
{
 height             : 100%;
 _height            : 840px;
 overflow           : visible;
 position           : absolute;
 top                : 0;
 width              : 100%;
 z-index            : 1;
}

div#header,
div#footer,
div#content
{ font-size          : 1.2em; overflow           : hidden; left               : 5%; position           : absolute; width              : 350px; z-index            : 2; }

div#header,
div#footer
{ width              : 350px; }

div#header
{ height             : 150px; top                : 40px; }

div#footer
{
 bottom             : 40px;
 height             : 68px;
}

div#content 
{ bottom             : 50px; overflow           : auto; overflow-x         : hidden; padding-bottom     : 20px; top                : 200px; _height            : 100%; }


/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/
div#header h1 a
{ color: #f90; font-size: 2.5em; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: 0.1em; margin-top: 50px; margin-left: 15px; display            : block; }


/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/
/*Header site navigation*/
ul.navigation
{
 clear              : both;
 padding            : 10px 0px 0px 45px;
 width              : 257px;
}

ul.navigation li
{
 float              : left;
 padding            : 0px 37px 0px 0px;
}

ul.navigation li.pen_child
{
 float              : left;
 padding-right      : 0px;
}

ul.navigation li.last_child
{
 float              : right;
 padding-right      : 0px;
}

/*Footer category navigation*/
ul.categories
{
 clear              : both;
 line-height        : 2;
 margin-top         : 10px;
 text-align         : center;
}

ul.categories li
{
 display            : inline;
 margin	            : 0 15px 0 15px;
}

/*Pagination navigation*/
ul.pagination
{
 clear              : both;
 padding            : 0px 20px;
}

ul.pagination li
{
  float             : left;
}

ul.pagination li.last_child
{
 background         : url(bg_pagination_divide.gif) no-repeat center left;
 padding-left       : 12px;
 margin-left        : 2px;
}


/*------------------------------------------------------------------
5. LINKS
------------------------------------------------------------------*/
/*Header links*/
div#header ul.navigation li a
{
 color              : #fff;
}

div#header ul.navigation li a:hover,
div#header ul.navigation li a.current,
div#content ul.pagination a,
dl.contact a,
dl.jobs a
{
 color              : #f51ba5;
}

/*Footer links*/
div#footer ul.categories li a
{
 color              : #999;
}

div#footer ul.categories li a:hover,
div#footer ul.categories li a.current
{
 color              : #fff;
}


/*------------------------------------------------------------------
6. CLEARFIX
------------------------------------------------------------------*/
.clearfix
{
 display            : inline-block;
}

.clearfix :after
{
 content            : ".";
 clear              : both;
 display            : block;
 height             : 0;
 visibility         : hidden;
}

* html .clearfix
{
 height             : 1%;
}

.clearfix
{
 display            : block;
}