/*
--------------------------------------------------------------------
Layout
--------------------------------------------------------------------
*/
body {
 text-align:center;
 padding:20px 0;
 margin:0;
 font-family:Arial,Verdana, Sans-serif;
 font-size:11px;
 background-color:#7F888F;
}
#container {
 width:980px;
 margin:0 auto;
 position:relative;
 text-align:left;
 background-color:#939BA1;
 background-image:url(/images/right_bg.gif);
 background-position:right;
 background-repeat:repeat-y;
 min-height:503px;
}
#live #container {
 background-image:url(/images/right_live_bg.gif);
}
#work #container {
 background-image:url(/images/right_work_bg.gif);
}
#play #container {
 background-image:url(/images/right_play_bg.gif);
}



/*
--------------------------------------------------------------------
Left
--------------------------------------------------------------------
*/
#left {
 width:200px;
 min-height:503px;
 float:left;
 position:relative;
}
#left #logo {
 padding:25px;
}
#left .navigation {
 width:174px;
 padding:50px 13px 80px 13px;
}
#left .navigation ul.primary {
 list-style:none;
 margin:0;
 padding:0;
}
#left .navigation ul.primary li {
 margin:0;
 padding:0;
}
#languages a,
#left .navigation ul.primary li a {
 display:block;
 height:14px;
 padding:4px 3px 5px 27px; 
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
 line-height:14px;
}
#left.lng .navigation ul.primary li a {
 height:auto;
}
#languages a:hover,
#left .navigation ul.primary li a:hover,
#left .navigation ul.primary li.on a {
 background:url(/images/rollunder.gif) no-repeat;
 text-decoration:none;
}
#left .navigation ul.primary ul.secondary {
 margin:0;
 padding:0;
}
#left .navigation ul.primary ul.secondary li {
 margin:0 0 0 44px;
 padding:0;
 color:#666666;
 text-transform:capitalize;
 list-style:square;
}
#left .navigation ul.primary ul.secondary li a {
 background:none;
 padding:0;
 font-weight:normal;
 font-size:11px;
}
#left .navigation ul.primary ul.secondary li a:hover,
#left .navigation ul.primary ul.secondary li.on a {
 background:none;
 text-decoration:underline;
}
#left .navigation ul li.navspace {
 padding-top:20px;
}
.languages {
 border:1px solid #ff00a2;
 width:200px;
 height:50px;
 }
#languages {
 width:174px;
 position:absolute;
 bottom:10px;
 left:13px;
}
/*
--------------------------------------------------------------------
Main
--------------------------------------------------------------------
*/
#main {
 position:relative;
 width:580px;
 min-height:503px;
 float:left;
 overflow-x:hidden;
}
.articlesbg {
 background:white;
}
#main .article_list {
 background-color:#939BA1;
 padding:10px 20px 20px 20px;
}
#main .article_list ul {
 list-style:none;
 margin:0;
 padding:0;
}
#main .article_list ul li {
 margin:10px 0 0 0;
 padding:0;
 width:540px;
 height:72px;
 position:relative;
}
#main .article_list ul li.on {
 opacity:0.5;
 filter:alpha(opacity=50);
}
#main .article_list a {}
#main .article_list .thumb {
 width:72px;
 height:72px;
 background:#000000;
}
#main .article_list .thumb a img {
 border:2px solid #FFFFFF;
}
#main .article_list .title,
#main .article_list .description {
 border-left:2px solid #FFFFFF;
 border-right:2px solid #FFFFFF;
}
#main .article_list .title {
 width:430px;
 position:absolute;
 top:0;
 right:0;
 padding-top:11px;
 padding-left:12px;
 padding-right:12px;
 height:17px;
 font-size:14px;
 border-top:2px solid #FFFFFF;
 background:#dfe3e6;
}
#main .article_list .title a {
 color:#333333;
}
#main .article_list .description {
 width:390px;
 height:28px;
 position:absolute;
 top:30px;
 right:0;
 padding-top:1px;
 padding-bottom:11px;
 padding-left:12px;
 padding-right:52px;
 border-bottom:2px solid #FFFFFF;
 color:#333333;
 line-height:13px;
 background:#dfe3e6;
 overflow:hidden;
}
#main .article_list .more {
 position:absolute;
 right:12px;
 bottom:15px;
 text-align:right;
 font-weight:bold;
 font-size:9px;
 text-transform:uppercase;
}
#main .article_list .more a {
 color:#666666;
}

#main .article_open_image {
 float:left;
 margin:20px 20px 10px 20px;
}
#main .article_open_image img {
 border:3px solid #939BA1;
}
.articlesbg a {
 color:#78288a;
}
#main .page_title {
 color:#939BA1;
 font-size:24px;
 padding:20px 20px 5px 20px;
}
#main .page_description {
 color:#666666;
 color:#939BA1;
 font-size:14px;
 line-height:21px;
 padding:0 20px 0px 20px;
}
#main .page_text {
 padding:0px 20px 10px 20px;
 line-height:1.7em;
 color:#666666;
}
#main .back {
 margin:0px 20px 20px 20px; 
 text-align:center;
}
#main .paging {
 margin-top:-33px;
 margin-bottom:20px;
}
#main .paging table {
 width:540px;
 margin:0 20px;
}
#main .paging .next {
 text-align:right;
}
#main .back a,
#main .paging a {
 color:#666666;
 text-transform:uppercase;
}
#main .paging a.disabled {
 color:#CCCCCC;
}
#main .paging a:hover.disabled {
 text-decoration:none;
}


/*
--------------------------------------------------------------------
Right
--------------------------------------------------------------------
*/
#right {
 width:200px;
 min-height:503px;
 float:right;
}
#righthead {
 padding:26px 0 0 26px;
}
#rightcontent {
 margin:24px 26px 26px 26px;
 padding:12px;
 border:2px solid white;
 min-height:100px;
 color:#333333;
 background-color:#bbbed6;
}
#live #rightcontent {
 background-color:#D6BEDC;
}
#work #rightcontent {
 background-color:#FAE7B7;
}
#play #rightcontent {
 background-color:#B2D6EC;
}
#right .contentimage {
 padding-top:12px;
}


/*
--------------------------------------------------------------------
Formatting
--------------------------------------------------------------------
*/
a {
 color:#000000;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
.clearer {
 clear:both;
 font-size:0;
 line-height:0;
}


/*
--------------------------------------------------------------------
Gallery
--------------------------------------------------------------------
*/
#main .gallery {
 position:absolute;
 top:0;
 left:0;
 width:580px;
}
#main .gallery .thumbnails {
 margin:25px;
 margin-right:0;
 position:relative;
}
#main .gallery .thumb {
 float:left;
 margin-right:9px;
 margin-bottom:9px;
}


/*
--------------------------------------------------------------------
Footer
--------------------------------------------------------------------
*/
#footer {
 width:970px;
 padding:5px 5px 26px 5px;
 margin:0 auto;
 text-align:right;
 color:#666666;
 font-size:9px;
 text-transform:uppercase;
}
#footer #left_footer {
 float:right;
}
#founding a,
#footer .copyright,
#footer a {
 color:#333333;
 text-decoration:none;
}
#footer a:hover {
 color:#FFFFFF;
}
#footer .pipe {
 padding:0 5px;
}
#founding {
 float:right;
}


/*
--------------------------------------------------------------------
Form
--------------------------------------------------------------------
*/
.form_title {
 color:#FFFFFF;
 font-size:20px;
 padding:28px 20px 15px 20px;
 margin:0;
}
.form_text {
 font-size:11px;
 line-height:16px;
 padding:0 20px 0px 20px;
}
.request {
 padding:20px 0 20px 0px;
}
.request .field {
 padding-bottom:5px;
}
.request .field_title {
 padding-left:20px;
}
.request .field_title_blank {
 padding-left:20px;
 background-image:url(/images/required.gif);
 background-repeat:no-repeat;
 background-position:10px 3px;
}
.request textarea,
.request select,
.request input {
 font-family:arial,verdana,sans-serif;
 font-size:11px;
 line-height:13px;
 border:0px solid green;
 color:#454545;
 padding:1px 2px;
}
.request .quarter {}
.request .half {
 width:255px;
 margin:0 0 0 20px;
}
.request select.half {
 width:259px;
 margin:0 0 0 20px;
}
.request .full,
.request .sb_textarea {
 width:534px;
 margin:0 0 0 20px;
}
.request .submit {
 text-align:right;
 padding:10px 20px 0 0;
}
.thankyou {
 color:#FFFFFF;
 font-size:14px;
 padding:28px 20px 15px 20px;
 margin:0;
}