/**
 * Base
 */

div, td, th, p, div, textarea, select, input, li { font:12px arial, helvetica, sans-serif; }
div.spacer { clear:both; font-size:0; }
a { text-decoration: underline; }
 
/**
 * Structure
 */
 
div#wrapper { position:relative; margin:0 auto; width:990px; }
div#container { position:relative; }
div#main { position:relative; margin:0 auto; width:880px; }
div#top_bar { width:100%; height:30px; }
div#content { position:relative; padding:160px 0 0 0; }
div#sitemap { position:absolute; right:0; top:0px; z-index:2; }
div#top_company { position:absolute; left:5px; top:-30px; width:258px; height:30px; background:url('../gfx/top_company.gif') no-repeat; z-index:1; }
div#top_copyright { position:absolute; right:0px; top:-22px; width:139px; height:30px; font-size:9px; z-index:1; }
div#top_sitemap { position:absolute; right:10px; top:-30px; width:49px; height:30px; background:url('../gfx/top_sitemap.gif') no-repeat; cursor:pointer; }
div#sitemap { position:absolute; right:10px; top:-30px; font-size:10px; }
div#logo { position:absolute; left:15px; top:-40px; width:121px; height:55px; cursor:pointer; }
div#left_content { z-index:1; position:absolute; left:0; top:228px; width:170px; }

/**
 * Case
 */

div#case_border { position:relative; width:800px; height:342px; margin:0 auto; padding:3px 0 75px 0; }
div#case_container { position:relative; width:793px; height:336px; overflow:hidden; z-index:999; }
div#case_background { position:absolute; left:36px; top:160px; width:800px; height:342px; background:url('../gfx/case_container.png') no-repeat top; z-index:1; }
#case_container div#case_top_border { position:absolute; left:0; top:0; width:793px; height:6px; background:#000; }
#case_container div#case_right_border { position:absolute; right:0; top:6px; width:6px; height:324px; background:#000; }
#case_container div#case_bottom_border { position:absolute; left:0; bottom:0; width:793px; height:6px; background:#000; }
#case_container div#case_left_border { position:absolute; left:0; top:6px; width:6px; height:324px; background:#000; }
#case_container div.case_border { opacity:0.5; filter:alpha(opacity=50); font-size:0; }
div#case_content { float:left; width:3172px; height:672px; white-space:nowrap; background:#000; }
#case_content div.case { float:left; width:793px; height:336px; }
#case_content div.big_case { float:left; }
img#case_button_top { position:absolute; left:385px; top:10px; cursor:pointer; z-index:0; }
img#case_button_bottom { position:absolute; left:385px; top:319px; cursor:pointer; }

/**
 * Text content
 */

div#text_content { width:680px; height:100%; padding:0 0 40px 190px; }
#text_content h1 { font-size:36px; margin:0 0 22px 0; font-family:"arial narrow", arial; }
#text_content h2 { font-size:12px; font-family:arial; font-weight:bold; margin:0 0 5px 0; }
#text_content p { width:570px; line-height:20px; padding:0 0 20px 0; }
#left_content p { line-height:20px; padding:0 0 20px 0; }
#left_content address { line-height:20px; padding:0 0 20px 0; }
div.staring_woman_yellow { background:url('../gfx/woman_yellow.jpg') no-repeat bottom right; }
div.staring_woman_black { background:url('../gfx/woman_black.jpg') no-repeat bottom right; }
div.career_sign { background:url('../gfx/career_sign.jpg') no-repeat bottom right; }
div.billboard { background:url('../gfx/billboard.jpg') no-repeat bottom right; }

/**
 * Website subjects
 */

div#website_subjects { position:relative; background:#191919; float:left; left:50%; width:990px; margin:0 0 0 -495px; padding:12px 0 0 0; height:55px; text-align:center; }
#website_subjects li { display: inline; list-style-type:none; }
#website_subjects li a { color:#343434; font-size:10px; margin-right:10px; }
#website_subjects li a:hover { color:#6fa230; }
 
/**
 * Customers
 */

div#customer_thumbs_content { position:absolute; right:10px; bottom:7px; width:600px; text-align:right; }
#customer_thumbs_content img { border:1px solid #ccc; margin:1px; opacity:0.4; filter:alpha(opacity=40); }

/**
 * Structure corners and borders
 */

div#left_corner { position:absolute; left:0; bottom:-4px; width:180px; height:79px; background:url('../gfx/left_corner.png') no-repeat; } 
div#right_corner { position:absolute; right:0; bottom:-4px; width:180px; height:79px; background:url('../gfx/right_corner.png') no-repeat; }
div#bottom_border { position:absolute; left:0; bottom:0; width:100%; height:4px; background:url('../gfx/bottom_border.png') no-repeat center; font-size:0; }
 
/**
 * Bottom
 */

div#bottom { position:relative; float:left; width:100%; background:url('../gfx/patterns/dark2.gif'); }
div#footer { position:relative; margin:0 auto; width:880px; }

/* Blocks global */
#footer div.large_block,
#footer div.small_block { float:left; min-height:200px; height:auto !important; height:200px; }
#footer div.large_block { width:380px; background:url('../gfx/patterns/dark3.gif'); }
#footer div.small_block { width:250px; background:url('../gfx/patterns/dark3.gif'); }

/* Large block */
#footer div.large_block div.item { position:relative; margin:20px auto; width:295px; }
#footer div.large_block div.text { border-top:1px solid #313131; margin:5px 0 0 0; padding:15px 0 0 0; }
#footer div.large_block img.thumb { float:left; border:1px solid #000; margin:3px 0 0 0; }
#footer div.large_block p.desc { float:left; width:210px; color:#727272; font-size:11px; margin:0 0 0 10px; line-height:18px; }
#footer div.large_block a { color:#6fa230; line-height:18px; }

/* Small block */
#footer div.small_block div.item { position:relative; margin:20px auto; width:195px; }
#footer div.small_block div.text { border-top:1px solid #313131; margin:5px 0 0 0; padding:15px 0 0 0; }
#footer div.small_block p.desc { color:#727272; font-size:11px; margin:0 0 0 10px; line-height:18px; }
#footer div.small_block a { color:#434343; line-height:18px; }

/* References */
table.references { border-top:1px solid #d7d7d7; width:600px; }
.references th { cursor:pointer; width:70px; vertical-align:top; padding:20px 0 20px 0;  border-bottom:1px solid #d7d7d7; }
.references td { cursor:pointer; width:230px; vertical-align:top; line-height:20px; padding:20px 10px 20px 10px; border-bottom:1px solid #d7d7d7; }
.references h3.ref { margin:0; padding:0; }
.references img { border:1px solid #ccc; }

/**
 * Result message
 */
 
div.result_message { margin:0 0 25px 0; }
div.error_message { color:#c01515; text-decoration:underline; font-weight:bold; }