/******************************************************************************/
/*                                   AGCK                                     */
/******************************************************************************/



/*  Reset CSS -> Thanks to Eric A. Meyer */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }


table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }

:focus {
	outline: 0;
	background-color : #ccc;
	color : #000;
    }

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }



/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */
a:link  {
    color : #000;
    text-decoration : underline;
    }

a:visited   {
    color : #666;
    text-decoration : underline;
    }

a:hover {
    color : #000;
    text-decoration : none;
    }

.smaller,
span.smaller    {
    font-size : 10px;
    line-height : 12px;
    }

/********************************************************************** Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : arial, helvetica, sans-serif;
    font-size : 12px;
    line-height : 17px;
	}

div.site {
    width : 970px;
    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0 auto -25px;
    padding : 0;
    border-width : 0 1px;
    border-color : #e3e3e3;
    border-style : solid;
    background-position : top right;
    background-repeat : no-repeat;
    }

/*************************************************************** Color Rubric */

.entry_1_shown,
.entry_1_selected,
.entry_1    {
    background-color : #e5c590;
    }

.entry_2_shown,
.entry_2_selected,
.entry_2    {
    background-color : #5cc5ed;
    }

.entry_3_shown,
.entry_3_selected,
.entry_3    {
    background-color : #c57ea2;
    }

.entry_4_shown,
.entry_4_selected,
.entry_4    {
    background-color : #ffda62;
    }

.entry_5_shown,
.entry_5_selected,
.entry_5    {
    background-color : #b7d382;
    }

.entry_6_shown,
.entry_6_selected,
.entry_6    {
    background-color : #f7b570;
    }

.entry_7_shown,
.entry_7_selected,
.entry_7    {
    background-color : #6f9ecf;
    }

.entry_8_shown,
.entry_8_selected,
.entry_8    {
    background-color : #999;
    }

/***************************************************************** Navigation */

div.navigation_level_one,
div.navigation_level_two    {
    float : left;
    width : 122px;
    color : #fff;
    font-weight : bold;
    height : 100%;
    }

div.navigation_level_one p  {
    text-transform : uppercase;
    color : #000;
    padding : 0;
    margin : 0;
    }



/* Entry – Rubric Links */

div.navigation_level_one p.entry_1_shown,
div.navigation_level_one p.entry_1_selected a,
div.navigation_level_one p.entry_1 a,
div.navigation_level_one p.entry_2_shown,
div.navigation_level_one p.entry_2_selected a,
div.navigation_level_one p.entry_2 a,
div.navigation_level_one p.entry_3_shown,
div.navigation_level_one p.entry_3_selected a,
div.navigation_level_one p.entry_3 a,
div.navigation_level_one p.entry_4_shown,
div.navigation_level_one p.entry_4_selected a,
div.navigation_level_one p.entry_4 a,
div.navigation_level_one p.entry_5_shown,
div.navigation_level_one p.entry_5_selected a,
div.navigation_level_one p.entry_5 a,
div.navigation_level_one p.entry_6_shown,
div.navigation_level_one p.entry_6_selected a,
div.navigation_level_one p.entry_6 a,
div.navigation_level_one p.entry_7_shown,
div.navigation_level_one p.entry_7_selected a,
div.navigation_level_one p.entry_7 a,
div.navigation_level_one p.entry_8_shown,
div.navigation_level_one p.entry_8_selected a,
div.navigation_level_one p.entry_8 a {
    display : block;
    text-decoration : none;
    text-transform : uppercase;
    color : #fff;
    padding-top : 8px;
    padding-left : 5px;
    }


/* Shown */

div.navigation_level_one p.entry_1_shown,
div.navigation_level_one p.entry_2_shown,
div.navigation_level_one p.entry_3_shown,
div.navigation_level_one p.entry_4_shown,
div.navigation_level_one p.entry_5_shown,
div.navigation_level_one p.entry_6_shown,
div.navigation_level_one p.entry_7_shown,
div.navigation_level_one p.entry_8_shown    {
    color : #000;
    }


/* Height Entries */

div.navigation_level_one p.entry_1_shown,
div.navigation_level_one p.entry_1_selected a,
div.navigation_level_one p.entry_1 a    {
    padding-bottom : 30px;
    }

div.navigation_level_one p.entry_2_shown,
div.navigation_level_one p.entry_2_selected a,
div.navigation_level_one p.entry_2 a    {
    padding-bottom : 12px;
    }

div.navigation_level_one p.entry_3_shown,
div.navigation_level_one p.entry_3_selected a,
div.navigation_level_one p.entry_3 a    {
    padding-bottom : 48px;
    }

div.navigation_level_one p.entry_4_shown,
div.navigation_level_one p.entry_4_selected a,
div.navigation_level_one p.entry_4 a    {
    padding-bottom : 82px;
    }

div.navigation_level_one p.entry_5_shown,
div.navigation_level_one p.entry_5_selected a,
div.navigation_level_one p.entry_5 a    {
    padding-bottom : 42px;
    }

div.navigation_level_one p.entry_6_shown,
div.navigation_level_one p.entry_6_selected a,
div.navigation_level_one p.entry_6 a    {
    padding-bottom : 8px;
    }

div.navigation_level_one p.entry_7_shown,
div.navigation_level_one p.entry_7_selected a,
div.navigation_level_one p.entry_7 a    {
    padding-bottom : 8px;
    }

div.navigation_level_one p.entry_8_shown,
div.navigation_level_one p.entry_8_selected a,
div.navigation_level_one p.entry_8 a    {
    padding-bottom : 60px;
    }

/* Hover */
div.navigation_level_one a:hover    {
    background-color : #000;
    }



/*********************** Level 2 */


div.navigation_level_two ul   {
    padding-left : 5px;
    }


div.navigation_level_two ul li  {
    padding-bottom : 16px;
    color : #000;
    }


div.navigation_level_two ul li a    {
    text-decoration : none;
    color : #fff;
    }


div.navigation_level_two ul li a:hover    {
    text-decoration : none;
    color : #000;
    }



ul.entry_1  {
    padding-top : 8px;
    }

ul.entry_2  {
    padding-top : 62px;
    }

ul.entry_3  {
    padding-top : 100px;
    }

ul.entry_4  {
    padding-top : 173px;
    }

ul.entry_5  {
    padding-top : 280px;
    }

ul.entry_6  {
    padding-top : 347px;
    }

ul.entry_7  {
    padding-top : 380px;
    }

ul.entry_8  {
    padding-top : 413px;
    }


/*********************** Level 3 */

div.navigation_level_two ul.level_3   {
    margin-left : 15px;
    padding : 0 5px;
    list-style-type : square;
    }

div.navigation_level_two ul.level_3 li  {
    padding-bottom : 8px;
    color : #000;
    font-weight : normal;
    font-size : 11px;
    line-height : 15px;
    }

div.navigation_level_two ul.level_3 li a    {
    color : #00;
    }
    
    
    
/*********************** Language */

div.navigation_level_one p.language  {
    margin : 140px 0 0 5px;
    font-size : 10px;
    }

div.navigation_level_one p.language a {
    color : #fff;
    text-decoration : none;
    }

div.navigation_level_one p.language a:hover {
    color : #fff;
    background-color : transparent;
    }

/******************************************************************** Content */

div.content {
    float : left;
    margin : 8px;
    width : 400px;
    }

div.content h1  {
    font-size : 12px;
    font-weight : bold;
    text-transform : uppercase;
    margin-bottom : 24px;
    }

div.content p   {
    margin-bottom : 16px;
    }



/* Media - Images – SWF – MP4s */

div.media p {
    margin : 0 0 4px 0;
    }

div.media p.caption {
    font-size : 11px;
    line-height : 14px;
    }


/******************************************************************** BB-List */


/* Unordered */

div.content ul,
div.content ul.bb-list-unordered,
div.content_noservice ul,
div.content_noservice ul.bb-list-unordered    {
    list-style : square;
    margin : 0 0 10px 10px;
    padding : 0 0 0 5px;
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem,
div.content_noservice ul li,
div.content_noservice ul.bb-list-unordered li.bb-listitem {
    padding : 4px 0 5px 0;
    font-style : normal;
    }



/* Ordered List */

ol.bb-list-ordered-d    {
    margin : 15px 0 0 10px;
    padding : 0;
    list-style : decimal;
    }


ol.bb-list-ordered-d li.bb-listitem{
    margin : 0 0 0 18px;
    padding : 0 0 5px 0;
    }





/******************************************************************** Service */

div.service {
    float : right;
    margin-right : 20px;
    width : 245px;
    font-size : 11px;
    line-height : 14px;
    }



/* Logo */
div.logo    {
    text-align : right;
    margin : 10px 0 48px 0;
    }


/* Service Boxes */

div.download  {
    margin-bottom : 36px;
    width : 175px;
    margin-left : 70px;
    }



/* Service Boxes */

div.image_box,
div.context,
div.statements {
    margin : 0 0 36px 70px;
    width : 175px;
    }


/* Service Title */
div.download h1,
div.image_box h1,
div.context h1     {
    font-weight : bold;
    margin-bottom : 13px;
    }





/* Download */

div.download h1 {
    margin : 0 0 5px 0;
    font-weight : bold;
    }

div.download ul {
    list-style : square;
    margin : 0 0 0 85px;
    padding : 0;
    }

div.download ul li  {
    margin : 0 0 5px 0;
    padding : 0;
    }




/* Context */

div.context,
div.statements {
    width : 175px;
    }

div.statements p + p {
    padding-right : 10px;
    }

p span.small  {
    font-size : 10px;
    font-style : italic;
    line-height : 12px;
    }

div.statements h2{
    font-weight : bold;
    }


/* Ul */


div.service ul,
div.service ul.bb-list-unordered     {
    list-style : square;
    margin : 0 0 10px 10px;
    padding : 0 0 0 5px;
    }

div.service ul li,
div.service ul.bb-list-unordered li.bb-listitem  {
    padding : 4px 0 5px 0;
    font-style : normal;
    }


/************************************************************** Contact Form */


table.contact   {
    margin : 0;
    padding : 0;
    width : 400px;;
    }

table.contact td.col1   {
    width : 150px;
    padding : 4px 0;
    }

table.contact td.col2   {
    padding : 4px 0;
    text-align : left;
    }

table.contact td.spam_description {
    font-size : 12px;
    line-height : 17px;
    vertical-align : top;
    padding-right : 12px;
    }

select,
input.contact,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 250px;
	border : 1px solid #000;
	margin : 0;
	padding : 4px;
	background-color : #fff;
	color : #666;
	font-family : arial, helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	}

select  {
    width : 80px;
    padding : 4px 0;
    }


textarea.contact    {
    margin : 4px 0 0 0;
    height : 80px;
    width : 250px;
    }

input.contact_error,
textarea.contact_error   {
    background-color : #fcc;
    color : #666;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #97c143;
	color : #fff;
	border : 1px solid #333;
	font-family : arial, helvetica, sans-serif;
	}

input.button:hover  {
    background-color : #eff5e5;
    color : #666;
    }