/* Global */
html{
width: 100%;
height: 100%;
background:#000000 url(../images/main_bg.jpg) repeat center top;
}
body {
color:#737373;
font-size: 12px;
line-height:14px;
}
* {
padding: 0;
margin: 0;
font-family:Arial,Helvetica,sans-serif;
list-style:none;
behavior: url(../javascript/iepngfix.htc);
}
a img{
border:0;
}

a { color:#e5e5e5; text-decoration:none; }
a:hover { color:#df0079; text-decoration:none; }
a:visited { color:#e5e5e5; text-decoration:none; }
a:visited:hover { color:#df0079; text-decoration:none; }
a:active { color:#e5e5e5; text-decoration:none; }

.clear{
clear:both;
}

.white { color:#e5e5e5; text-decoration:none; }

.hidden{
visibility: hidden;
display: none;
}

.fleft{
float:left;
}
.fright{
float:right;
}

h2 {
color:#e5e5e5;
font-size: 11px;
padding-bottom:10px;
display:block;
font-weight:bold;
}
h2 a{
color:#e5e5e5;
text-decoration:none;
}
h2 a:hover{
color:#df0079;
text-decoration:none;
font-weight:500;
}
h2 span{
padding-left:10px;
color:#737373;
font-weight:500;
}
h2.plus-margin {
padding-top:15px;
}

h3 {
color:#e5e5e5;
font-size: 10px;
padding-bottom:10px;
display:block;
font-weight:500;
}
h3 a{
color:#e5e5e5;
text-decoration:none;
}
h3 a:hover{
color:#df0079;
text-decoration:none;
}
h3 span{
padding-left:10px;
color:#737373;
}

h4 {
color:#df0079;
font-size: 10px;
padding-bottom:10px;
display:block;
font-weight:500;
}

h5 {
font-size: 10px;
padding-bottom:20px;
display:block;
font-weight:normal;
}

p {
margin-bottom:10px;
padding-right:10px;
}

/* Layout CSS */
#Container {
margin:0px auto;
width:899px;
padding-left:51px;
}
#Main {
margin:0px;
width:750px;
float:left;
}
/* 
#Header {
margin-top:77px;
height:63px;
clear:left;
margin-left:25px;
margin-right:25px;
}
#Header h1 {
font-size:18px;
font-weight:normal;
padding:0px;
margin:0px;
display:block;
height:45px;
color:#df0079;
}
#Header h1 span {
color:#737373;
}
#Header h1 a {
color:#df0079;
}
 */
#Header {
margin-top:57px;
height:83px;
clear:left;
margin-left:25px;
margin-right:25px;
}
#Header h1 {
font-size:51px;
font-weight:normal;
padding:0px;
margin:0px;
margin-left:-3px;
display:block;
height:45px;
color:#ffffff;
width:225px;
background:url(../images/copyright-white_bg.png) no-repeat right top;
}
#Header h1 a {
color:#ffffff;
}
#Header h1 span {
display:block;
font-size:12px;
color:#df0079;
margin-top:-5px;
margin-left:3px;
}
#Header h1 span a {
color:#df0079;
}
 /* end test */
 
#portal-block {
width:750px;
height:275px;
margin-top:-15px;
background:url(../images/portal-block_bg.png) no-repeat center bottom;
}
#portal-block-home {
width:750px;
height:275px;
margin-top:-15px;
background:url(../images/home-portal-block_bg.png) no-repeat center bottom;
}
#portal-block-portfolio {
width:750px;
height:275px;
margin-top:-15px;
background:url(../images/portfolio-portal-block_bg.png) no-repeat center bottom;
}
.portal-holder {
margin-left:25px;
margin-top:15px;
float:left;
}
.portal,
.portal-end {
width:172px;
height:250px;
float:left;
display:inline;
overflow:hidden;
}
.portal {
margin-right:4px;
}
.portal-end {
margin-right:0px;
}
li.portal-switch-bg {
width:172px;
height:250px;
background:url(../images/pink-box_bg.png);
}
a.portal-link-overlay {
width:172px;
height:250px;
position:relative;
top:0px;
left:0px;
z-index:5;
display:block;
}
.home-portal-link {
padding:18px;
font-size:15px;
font-weight:700;
line-height:1em;
position:relative;
top:-250px;
}
.home-portal-link-foot {
margin-top:110px;
padding:18px;
}

.quarter-col,
.quarter-col-end {
width:166px;
float:left;
display:inline;
overflow:hidden;
}
.quarter-col {
margin-right:12px;
}
.quarter-col-end {
margin-right:0px;
}

.three-quarter-col {
width:522px;
float:left;
display:inline;
overflow:hidden;
margin-right:0px;
}

#quick-article-switch-holder {
height:180px;
overflow:hidden;
position:relative;
}

#quick-article-switch li {
height:180px;
}

#quick-article-switch .quarter-col img,
#quick-article-switch .quarter-col-end img {
width:166px;
height:118px;
}

#quick-article-switch .quarter-col h2,
#quick-article-switch .quarter-col-end h2 {
margin-top:10px;
padding-bottom:1px;
line-height:16px;
}

#quick-article-switch .quarter-col p,
#quick-article-switch .quarter-col-end p {
line-height:14px;
}

#Content {
clear:both;
margin-left:25px;
margin-right:25px;
}
.left {
width:346px;
margin-right:8px;
float:left;
}
#news-holder {
}
.home-news-left {
width:354px;
margin-right:8px;
margin-left:-8px;
float:left;
}
.home-news-left h2 {
margin-left:8px;
}
.right {
width:346px;
float:left;
}
.content-block {
padding-top:10px;
padding-bottom:30px;
background:url(../images/divider_bg.png) no-repeat center top;
}
.contact-block {
padding-top:20px;
padding-bottom:10px;
background:url(../images/divider_bg.png) no-repeat center top;
}
.contact-block p{
font-size:10px;
}
#Footer div.contact-block {
padding-top:20px;
padding-bottom:10px;
padding-left:25px;
padding-right:25px;
}
.legal-block {
padding-top:20px;
padding-bottom:30px;
background:url(../images/divider_bg.png) no-repeat center top;
}
.legal-block p, .legal-block h2{
color:#4b4b4b;
}
.full-image-block {
padding-top:0px;
padding-bottom:25px;
}
.full-image-block img {
width:700px;
height:498px;
}
.news-listing {
width:346px;
height:79px;
margin-left:8px;
margin-top:4px;
background:url(../images/news-listing_bg.png);
float:left;
}
.news-listing .thumb-holder {
width:92px;
height:67px;
margin-top:6px;
margin-left:6px;
background:url(../images/news-thumb_bg.png);
float:left;
}
.news-listing .news-listing-content {
width:234px;
height:63px;
margin-top:10px;
margin-left:8px;
margin-right:6px;
line-height:10px;
float:left;
overflow:hidden;
}
.news-listing .thumb-holder img {
width:92px;
height:67px;
border:0px;
}
.news-end {
width:342px;
height:12px;
margin-top:4px;
padding-top:67px;
padding-right:4px;
text-align:right;
}
.news-end a{
color:#df0079;
}
.news-end a:hover{
color:#e5e5e5;
}
.news-list-holder {
margin-left:-8px;
clear:both;
}
div.scroll-list-holder-h2{
height:22px;
width:346px;
overflow:hidden;
}
div.scroll-list-holder{
height:246px;
width:346px;
overflow:hidden;
}
ul.scroll-list{
padding:0px;
margin:0px;
}
ul.scroll-list li{
padding:0px;
margin:0px;
}
.mid-frame-holder {
width:346px;
height:246px;
margin-top:4px;
}
.mid-frame-holder img {
width:346px;
height:246px;
border:0px;
}
.full-frame-holder {
width:700px;
height:498px;
margin-top:4px;
}
.full-frame-holder img {
width:700px;
height:498px;
border:0px;
}
.full-movie-holder {
width:682px;
height:480px;
background:url(../images/frame-full_bg.png);
margin-top:4px;
padding:9px;
}

.big-text {
padding: 15px 0 15px;
font-size:16px;
font-weight:normal;
line-height:20px;
}
.big-text h2{
font-size:24px;
font-weight:normal;
}
.big-text h3{
font-size:17px;
font-weight:normal;
}

ul#Portfolio {
margin-top:-15px;
}

#Portfolio li {
padding-top:15px;
}

.portfolio-info {
margin-top:10px;
margin-left:16px;
width:330px;
}
.portfolio-info h3 a {
color:#e5e5e5;
}
.portfolio-info .col-1 {
float:left;
width:100px;
height:120px;
overflow:hidden;
}
.portfolio-info .col-2 {
float:left;
width:200px;
height:120px;
overflow:hidden;
}
.portfolio-info .col-3 {
float:left;
width:120px;
height:120px;
overflow:hidden;
}
.portfolio-info .info {
margin-top:15px;
height:125px;
clear:both;
}
.portfolio-info a {
color:#737373;
}
.portfolio-info a:hover {
color:#df0079;
}
.portfolio-filter {
margin-top:15px;
margin-left:25px;
}
.portfolio-filter ul {
margin-left:10px;
}
.portfolio-filter a {
color:#737373;
}
.portfolio-filter .current a {
color:#e5e5e5;
}
.portfolio-filter a:hover {
color:#e5e5e5;
cursor:pointer;
}

#Footer {
clear:both;
}

#FixedRight {
position:relative;
top:0px;
left:326px;
}
#Navigation {
width:139px;
height:325px;
float:left;
font-size:10px;
}
#Navigation h1 {
font-size:18px;
font-weight:normal;
color:#df0079;
padding:0px;
margin-top:70px;
display:block;
height:70px;
}
#Navigation ul li {
color:#df0079;
margin-bottom:8px;
display:block;
height:16px;
}
#Navigation ul li a {
color:#df0079;
text-decoration:none;
display:block;
}
#Navigation ul li a:hover {
color:#e5e5e5;
}
#Navigation ul li.atom a {
color:#df0079;
padding-top:20px;
margin-bottom:10px;
display:block;
height:16px;
}
#Navigation ul li.atom a {
color:#e5e5e5;
text-decoration:none;
display:block;
}
#Navigation ul li.atom a:hover {
color:#df0079;
}
#Navigation ul li.fission a {
color:#6ef1ef;
text-decoration:none;
display:block;
padding-top:8px;
}
#Navigation ul li.fission a:hover {
color:#df0079;
}

.services-block {
padding-top:30px;
padding-bottom:30px;
background:url(../images/divider_bg.png) no-repeat center top;
}

.services-block .content-block {
margin-top:30px;
padding-top:30px;
padding-bottom:30px;
background:url(../images/divider_bg.png) no-repeat center top;
}

ul#servicesMenu {
line-height:13px;
}
ul#servicesMenu li {
display:block;
color:#ffffff;
padding: 2px 0 2px 0;
}
ul#servicesMenu li a {
color:#ffffff;
text-decoration:none;
}
ul#servicesMenu li.sub {
padding: 0px;
}
ul#servicesMenu li.sub a {
color:#737373;
text-decoration:none;
padding: 0px;
padding-left:10px;
}
ul#servicesMenu li.current a {
color:#df0079;
text-decoration:none;
}
ul#servicesMenu li a:hover {
color:#df0079;
}

.services-content p {
padding-right:60px;
}

.services-content a {
color:#737373;
text-decoration:underline;
font-size:11px;
}

.services-content a:hover {
color:#ffffff;
}

.services-content h2 span {
display:block;
padding-left:0;
}

.services-content h3 {
font-size:19px;
margin:30px 0 20px 0;
color:#cccccc;
}

.services-content h4 {
font-size:12px;
color:#aaaaaa;
padding-bottom:5px;
}

.lets-talk {
font-size:11px;
float:left;
display:inline;
width:200px;
margin-right:0px;
padding-right:55px;
color:#ffffff;
}
.more {
font-size:11px;
float:left;
display:inline;
width:255px;
margin-right:12px;
color:#ffffff;
}
.more a {
color:#737373;
}

#FissionHolder {
padding-top:20px;
padding-bottom:10px;
/*background:url(../images/divider_bg.png) no-repeat right top;*/
float:left;
}
#Fission {
width:122px;
background:url(../images/fission_bg.jpg) no-repeat center top;
padding-top:110px;
padding-left:6px;
padding-bottom:1px;
margin-top:4px;
}
#Fission h2{
color:#6ef1ef;
font-size:18px;
}

a#signup-toggle:hover{
cursor:pointer;
}

#Signup {
width:116px;
}
#Signup form {
background:#000;
}
#Signup form input{
background:#222222;
color:#e5e5e5;
border:0px;
padding: 1px;
}
#Signup form input.text{
width:114px;
}
#Signup form input.sendbut{
float:right;
}
#Signup form input.sendbut:hover{
background:#df0079;
cursor:pointer;
}
#Signup form p{
margin-bottom:3px;
}

#SignupHolder{
border-top:10px solid #0a0a0a;
border-left:6px solid #0a0a0a;
border-right:6px solid #0a0a0a;
background:#0a0a0a;
position:absolute;
margin-left:-6px;
}
iframe.signup-frame {
width:116px;
min-height:100px;
background:#0a0a0a;
}

#AtomSignupHolder {
width:700px;
height:150px;
background:#000000 url(../images/atom-signup_bg.jpg) no-repeat top;
padding:348px 0 0 0;
}
iframe.atom-signup-frame {
width:700px;
height:115px;
padding-left:22px;
}
#Atom-Link {
position:relative;
top:-220px;
left:45px;
height:30px;
width:160px;
overflow:hidden;
text-indent:-9999px;
}
#Atom-Link a {
height:30px;
width:160px;
display:block;
}

#FissionSignupHolder {
width:700px;
height:105px;
background:#000000 url(../images/fission-signup_bg.jpg) no-repeat top;
padding:393px 0 0 0;
}
iframe.fission-signup-frame {
width:300px;
height:90px;
margin-left:354px;
}

p.offer {
font-size:12px;
line-height:16px;
color:#a4a4a4;
}
p.offer span {
color:#df0079;
font-size:14px;
}
p.offer a {
color:#df0079;
padding-bottom:3px;
font-size:14px;
}
.right p.offer {
padding-left:150px;
font-size:14px;
}

#ten-tab {
width:46px;
height:196px;
position:relative;
right:472px;
background:url(../images/ten-tab_bg.png) no-repeat bottom;
}

#ten-tab a{
width:46px;
height:196px;
position:relative;
display:block;
}

#ten-tab_holder {
width:0px;
height:0px;
position:fixed;
top:0px;
left:50%;
margin:0px auto;
}

/* ################################################ NEWS GALLERY ################################################ */
/* gallery container */
#NewsGallery {
position:relative; 
width:174px; 
height:246px; 
margin-top:4px; 
}

/* thumbnail list */
#NewsGallery ul {
list-style:none; 
padding:0; 
margin:0; 
width:174px; 
}

/* thumbnail images */
#NewsGallery .thumb {
float:left; 
margin:0px 8px 8px 0px;
overflow:hidden;
}

#NewsGallery .thumb a img {display:block; }
#NewsGallery .thumb a span {display:none; }

/* preview image */
#NewsGallery a:active span,
#NewsGallery a:focus span {
display:block; 
position:absolute; 
top:0px; 
left:-354px; 
width:346px; 
height:246px; 
}
#NewsGallery a:hover,
#NewsGallery a:active,
#NewsGallery a:focus {
color:#1b1b1b;
}
/* ############################################### PROJECT GALLERY ############################################## */
/* full gallery holder */
#ProjectGalleryHolder {
width:700px;
margin: 0 auto;
}

/* gallery container */
#ProjectGallery {
position:relative; 
width:380px; 
margin-top:4px; 
}
#ProjectGalleryHolder .full-frame-holder {
margin-top:10px;
}
#ProjectGalleryHolder .full-movie-holder {
margin-top:10px;
}

/* thumbnail list */
#ProjectGallery ul {
list-style:none; 
padding:0; 
margin:0; 
width:346px; 
}

/* thumbnail images */
#ProjectGallery .thumb {
float:left; 
margin:0px 6px 6px 0px;
overflow:hidden;
}

#ProjectGallery .thumb a img {display:block; }
#ProjectGallery .thumb a span {display:none; }

/* preview image */
#ProjectGallery a:active span,
#ProjectGallery a:focus span {
display:block; 
position:absolute; 
top:-502px; 
left:0px; 
width:700px; 
height:498px;
}
#ProjectGallery a:hover,
#ProjectGallery a:active,
#ProjectGallery a:focus {
color:#1b1b1b;
}
.project-info {
width:280px;
padding-top:25px;
}
.project-contact {
clear:left;
color:#E5E5E5;
padding-top:20px;
}
.project-contact a {
color:#737373;
}
.project-contact a:hover {
color:#df0079; 
}

a.close { 
color:#df0079; 
text-decoration:none; 
display:block;
float:right; 
padding-right:220px;
width:100px
}
a.close:hover { 
color:#e5e5e5;
cursor:pointer;
}