:root    { overflow-y: scroll; }
html     { overflow-y: scroll; height: 100%; }

body	        { font: 62.5%/1.5 Arial, sans-serif; color: #000104; height: 100%; }

#page_home              { background: #120801 url(../_images/template/home-bkg-repeat.jpg) repeat-y 50% 0; }
#page_home #wrapper     { background: url(../_images/template/bg_home.jpg) no-repeat 50% 0; width: 100%; }


h1, h2, h3, h4, h5  { font-weight: normal; }

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

a:hover,
a:active,
a:focus         { text-decoration: none; }

p, li, dd, dt, label, legend, td, th, caption, blockquote    { font-size: 10px; line-height: 13px; }

legend          { white-space: normal; }

select, input, textarea { outline: 0; font: 10px/13px Arial, sans-serif; margin: 0; }

/* LAYOUT */
#wrapper            { background: url(../_images/template/content_bkg.gif) repeat-y 50% 0; width: 752px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; }
#layout             { width: 752px; margin: 0 auto; position: relative; }

#page_home #wrapper { height: 100%; position: relative; }
#page_home #layout  { width: 855px; position: static; }

#page_home #main-content       { position: absolute; bottom: 115px; left: 814px; width: 243px; background: url(../_images/template/content_logo.png) no-repeat 0 100%; padding: 0 0 300px; }


#secondary-content             { float: left; width: 325px; padding: 142px 0 0; overflow: hidden; }
#main-content                  { float: left; width: 427px; background: url(../_images/template/content_logo.gif) no-repeat 97px 100%; padding: 114px 0 312px; overflow: hidden; }

/* HEADER */
#header         { width: 256px; height: 324px; position: relative; background: #e23b30; }

#logo a                 { display: block; }

#logo,
#logo a                 { width: 212px; height: 150px; }

#navigation                   { width: 41px; position: absolute; top: 0; left: 256px; }

#navigation li,
#navigation li a              { width: 41px; height: 72px; }

#navigation li                { margin-bottom: 12px; background: url(../_images/template/nav_tab.png) no-repeat 0 0; }
#navigation li.over           { background: url(../_images/template/nav_tab_active.png) no-repeat 0 0; }

#navigation li a              { display: block; text-indent: -9999px; overflow: hidden; }
#navigation li a.over         { }
#navigation li.first-child    {}

#navigation #nav_home a       { background: url(../_images/menu/menu_home.png) no-repeat 0 0; }
#navigation #nav_contact a    { background: url(../_images/menu/menu_contact.png) no-repeat 0 0; }
#navigation #nav_email a      { background: url(../_images/menu/menu_email.png) no-repeat 0 0; }
#navigation #nav_facebook a   { background: url(../_images/menu/menu_facebook.png) no-repeat 0 0; }


/* SERVICE LIST */
#project_description           { padding: 28px 140px 0 55px; }
#project_description h2        { font-size: 13px; line-height: 15px; font-weight: bold; margin-bottom: 24px; }
#project_description ul        { list-style: none; }
#project_description li        { background: url(../_images/template/li_dot.gif) no-repeat 0 5px; padding: 0 0 5px 6px; }
#project_description li a      {}

#project_description ul,
#project_description ol,
#project_description p         { margin-bottom: 12px; }

#portfolio_decription          {}
#portfolio_decription  li a     { text-decoration:underline; color:#e23b30 }
#portfolio_decription .item    { display: none; }
#portfolio_decription .active  { display: block; }


/* CATEGORIES NAV */
#categories-browser                 { margin-bottom: 14px; }
#categories-browser li              { float: left; font-size: 12px; line-height: 14px; font-weight: bold; margin-left: 20px; display: inline; }
#categories-browser li.first-child  { margin-left: 0 !important; }
#categories-browser a               { color: #50433e; }

#categories-browser li a:hover,
#categories-browser li a:active,
#categories-browser li a:focus,
#categories-browser li.selected a   { color: #e23b30; }


/* FEATURED CONTENT */
#featured-content                      { width: 427px; height: 413px; background: url(../_images/template/featured_content_frame.png) no-repeat 0 0; position: relative; }
#portfolio_items_container             { position: relative; height: 354px; width: 419px; padding: 9px 0 0 9px; overflow: hidden; }
#portfolio_items_container ul          { height: 354px; overflow: hidden; }

#featured-content.loading #portfolio_items_container	{ background: url(../_images/_shared/loader.gif) no-repeat 50% 50%; }
#featured-content.loading #portfolio_items_container ul
#featured-content.loading .jcarousel-skin-portfolio	    { visibility: hidden; }

#featured-content .nav                  { height: 28px; padding: 2px 0 20px 23px; }
#featured-content .nav li               { float: left; font-size: 10px; line-height: 13px; font-weight: bold; background: url(../_images/template/tab-nav-splitter.gif) no-repeat 0 23px; margin-left: 7px; padding-left: 8px; display: inline; }
#featured-content .nav li.first-child   { background: 0; margin-left: 0; padding-left: 0; }
#featured-content .nav a                { color: #b6aca7; float: left; padding: 20px 0 0; white-space: nowrap; }

#featured-content .nav a:hover,
#featured-content .nav a:active,
#featured-content .nav a:focus          { color: #fff; }

#featured-content .nav .selected a      { color: #fff; background: url(../_images/template/featured_tab_active.gif) no-repeat 50% 6px; }


#featured-content #right_frame,
#featured-content #left_frame   { height: 372px; width: 20px; position: absolute; top: 0; z-index: 10; display: block; }

#featured-content #left_frame   { left: 0; background: url(../_images/template/frame-left.png) no-repeat 0 0; }
#featured-content #right_frame  { right: 0; background: url(../_images/template/frame-right.png) no-repeat 0 0; }

#play-button a,
#play-button            { width: 68px; height: 78px; display: block; }

#play-button            { position: absolute; top: 145px; left: 195px; }
#play-button a          { background: url(../_images/template/play.png) no-repeat 0 0; }

#play-button a:hover    { background-position: -70px 0; }

#video-container        { width: 590px; height: 380px; background: url(../_images/_shared/loader.gif) no-repeat 50% 50%; }

#video-container object,
#video-container embed  { display: block; }

/* ARTICLE STYLE */
#article-container          { width: 325px; padding: 20px 0 25px 77px; }

.default-txt                { font: 11px/18px Georgia, sans-serif; }
.default-txt h1             { font-size: 13px; line-height: 18px; font-weight: bold; margin-bottom: 18px; }

.default-txt h2             { font-size: 11px; line-height: 18px; font-weight: bold; margin-bottom: 18px; }
.default-txt h3             { font-size: 11px; line-height: 18px; font-weight: bold; margin-bottom: 18px; color: #777; }

.default-txt h4,
.default-txt h5,
.default-txt h6             { font-size: 11px; line-height: 18px; font-weight: normal; margin-bottom: 18px; }

.default-txt a              { color: #e23b30; text-decoration: underline; }

.default-txt a:hover,
.default-txt a:active,
.default-txt a:focus       { text-decoration: none; }

.default-txt p,
.default-txt li,
.default-txt dd,
.default-txt dt,
.default-txt td,
.default-txt th,
.default-txt caption        { font-size: 11px; line-height: 18px; }

.default-txt p,
.default-txt ul,
.default-txt ol,
.default-txt table,
.default-txt dl             { margin-bottom: 18px; }

.default-txt dt             { font-weight: bold; }

.default-txt ul             { list-style: none; }
.default-txt ul li          { padding: 0 0 0 13px; background: url(../_images/template/li_arrow.gif) no-repeat 0 10px; }

.default-txt ol             { margin-left: 17px; list-style: decimal; }

.default-txt li ul,
.default-txt li ol          { margin-top: 1em; }

.default-txt ul ol li    { background: 0; padding-left: 0; }

.default-txt table                 { width: 100%; border-collapse: separate; }
.default-txt table caption         { padding: 0 10px 10px; font-weight: normal; text-align: center; line-height: 1; }
.default-txt thead th              { color: #e23b30; font-weight: normal; line-height: 1; border-bottom: 1px solid #ddd; padding: 2px 0 9px; }

.default-txt tbody th,
.default-txt tbody td              { padding: 7px 0 9px; background: #fff; font-weight: normal; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; }

.default-txt tbody th              { padding-left: 10px; }

.default-txt blockquote,
.default-txt blockquote *          { font-style: italic; font-size: 17px; line-height: 20px; }

.default-txt .object-left          { float: left; margin: 4px 17px 5px 0; clear: left; }
.default-txt .object-right         { float: right; margin: 4px 0 5px 17px; clear: right; }

/* LANG SWITCH */
#lang-switch                { margin: 0 0 0 28px; }
#lang-switch li             { float: left; background: url(../_images/template/lang-switch-splitter.gif) no-repeat 0 2px; margin-left: 22px; display: inline; padding-left: 23px; font-weight: bold; }
#lang-switch li.first-child { background: 0; margin-left: 0; padding-left: 0; }
#lang-switch a              { float: left; color: #fff; font-size: 15px; line-height: 17px; }

#lang-switch a:hover,
#lang-switch a:active,
#lang-switch a:focus        { color: #e23b30; }

#player-container       { width: 1px; height: 1px;  }

/* FOOTER */
#footer         { clear: both; }
#footer p       { font-size: 9px; line-height: 11px; margin-left: 360px; padding: 6px 0 25px; }

#lang-switch:after,
#featured-content .nav:after,
#categories-browser:after,
#layout:after,
#article_container:after,
#header:after,
#content:after,
#footer:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }
