/*------------------------------------------------------------------
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 115px 0;
 overflow           : hidden;
}

body
{
 font-family        : Helvetica, "Helvetica", Arial, sans-serif;
 font-size          : 62.5%;
 height             : 100%;
 line-height        : 1.4;
 overflow           : hidden;
 text-align         : left;
 width              : 100%;
}

p
{
 font-size          : 1.1em;
 margin-bottom      : 1em;
 color              : #2f2f2f;
}

li
{
 list-style-type    : none;
}

dl
{
 padding            : 20px;
}

dd
{
 padding-top        : 2em;
}

dl.jobs dd
{
 padding-top        : 1em;
 padding-bottom     : 2em;
}
	

dt.title
{
 font-size          : 1.3em;
 font-weight        : bold;
 padding            : 0.5em 0;
}

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

a:hover,
a.current
{
 color              : #f51ba5;
}

img
{
 border             : 0;
 display            : block;
}

h1
{
 font-size          : 1.4em;
}

h2
{
 font-size          : 1.4em;
 font-weight        : bold;
}


h2.news_title
{
 padding-top        : 2em;
}

h3
{
 font-size          : 1.1em;
 text-transform     : uppercase;
 line-height        : 1.1em;
}

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

div#header,
div#casenav,
div#content
{
 /*font-size          : 1.2em;*/
 overflow           : hidden;
 right              : 5%;
 position           : absolute;
 width              : 340px;
 z-index            : 2;
}

div#footer
{
 border             : 1px solid #222;
 width              : 338px;
 background-color   : #2f2f2f;
}

div#header
{
 border             : 0px solid #222;
 width              : 340px;
 height             : 165px;
 top                : 0px;
 background-color   : #ffffff;
}

div#logo
{
 height             : 83px;
}

div#nav
{
 height             : 34px;
 background-color   : #2f2f2f;
}

div#secondarynav
{
 height             : 52px;
 background-color   : #2f2f2f;
 border-top         : 1px solid #474747;
}

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

div#casenav {
 height             : 26px;
 bottom             : 0px;
 background-color   : #2f2f2f;
 font-size          : 1.1em;
 color              : #ffffff;
 padding-top        : 10px;
}

div#casenav .prevcase {
 width              : 150px;
 float              : left;
 padding            : 0 0 0 20px;
}

div#casenav .nextcase {
 width              : 150px;
 float              : right;
 padding            : 0 20px 0 0;
 text-align         : right;
}


div#content 
{
 background-color   : #fff;
 bottom             : 36px;
 overflow           : auto;
 overflow-x         : hidden;
 top                : 165px;
 _height            : 100%;
}


form
{

}
label
{
 width: 100%;
 float: left;
 clear: left;
}
textarea
{
 width: 80%;
}

/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/
div#header h1 a
{
 display            : block;
 padding            : 20px 0px 0 200px;
}


/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/
/*Header site navigation*/

ul.navigation
{
 clear              : both;
 padding            : 10px 0px 0px 0px;
 text-align         : center;
}

ul.navigation li
{
 font-size          : 1.4em;
 padding            : 0 16px;
 text-align         : center;
 display            : inline;
 font-weight        : bold;
}

ul.navigation li.active a
{
 color: #F51BA5 !important;
}

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

ul.subnav
{
 clear              : both;
 padding            : 5px 20px 0px 20px;
 text-align         : center;
}

ul.subnav li
{
 font-size          : 1.1em;
 line-height        : 1.7em;
 padding            : 0px 10px;
 text-align         : left;
 text-align         : center;
 display            : inline;
}


ul.subnav li.active
{
 color              : #F51BA5;
}

ul.subnav li.active a
{
 color              : #F51BA5 !important;
}

ul.subnav 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(../img/layout/bg_pagination_divide.gif) no-repeat center left;
 padding-left       : 12px;
 margin-left        : 2px;
}


/*------------------------------------------------------------------
5. LINKS
------------------------------------------------------------------*/
/*Header links*/
div#header ul.navigation li a, div#header ul.subnav 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,
div#header ul.subnav li a:hover,
div#casenav a:hover
{
 color              : #e8008d;
}

/*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;
}

div#casenav a
{
 color              : #fff;
}


/*------------------------------------------------------------------
6. CLEARFIX
------------------------------------------------------------------*/
.clearfix:after
{
 clear              : both;
 content            : ".";
 display            : block;
 height             : 0;
 line-height        : 0;
 visibility         : hidden;
}

.clearfix
{
 display            : inline-block;
}

html[xmlns] .clearfix
{
 display            : block;
}

* html .clearfix
{
 height             : 1%;
}