/*
Viralata structure base
version: 14.09.2011
author: Felipe Fragoso
----------------------------------------------- */
 img { 
	border:0;
	}
    
 body {
	background:#0d1920 url(img/bkgd.jpg) no-repeat center top;
	font-family:arial,Trebuchet MS,helvetica,freesans,sans-serif;
	width:700px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
    }

.dougg  {
    color:#9ddbff;
    }

#tag {
    width:143px;
    height:143px;
    position: absolute;
    left:0px;
    top: 0px;
    z-index:3;
    }
  
#demo   {
    position: relative;
    }
    
#detail1 {
    position: absolute;
    left:0px;
    top: 65px;
    z-index:2;
    }
    
#detail1b {
    position: absolute;
    left:591px;
    top: 65px;
    z-index:2;
    }
    
#detail2 {
    position: absolute;
    left:0px;
    top: 490px;
    z-index:0;
    }

#detail3 {
    position: absolute;
    left:591px;
    top: 511px;
    z-index:2;
    }
    
#reel   {
    position: absolute;
    left: 25px;
    top: 85px;
    margin:17px 0 0 20px;
    z-index:1;
    }

#canvas  {
    position: absolute;
    left:25px;
    top: 85px;
    z-index:-1;
    clear:both;
    }
    
#social  {
	position: absolute;
    left: 281px;
    top: 605px;
    }

ul#socialnav {
	width: 100%;
	height: 27px;
    margin: 0;
    padding: 0;
    border: 0;
	}
    
ul#socialnav li {
	display: block;
	float: left;
    margin: 0;
    padding: 0 0 0 10px;
    border: 0;
	height: 27px;
    text-decoration: none;
	text-indent: -9999px;
	}

ul#socialnav li a {
	display: block;
    width:26px;
	height: 27px;
	color: #cccabe;
	text-decoration: none;
	text-align: center;
	line-height: 35px
	}

li#face a  { width:26px; height:27px; background: url(img/social.png) 0 0;}
li#face a:hover { width:26px; height:27px; background-position: 0 -28px;}

li#vimeo a  { width:26px; height:27px; background: url(img/social.png) -30px 0;}
li#vimeo a:hover { width:26px; height:27px; background-position: -30px -28px;}

li#youtube a  { width:26px; height:27px; background: url(img/social.png) -181px 0;}
li#youtube a:hover { width:26px; height:27px; background-position: -181px -28px;}


#text  {
	float:left;
    color:#ffffff;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
    font-weight:normal;
	text-align:center;
	position: absolute;
    left: 45px;
    top: 650px;
    }