body, html 
{
    color: #000; 
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    color: White;
    background-color:#A8BAC6;
}

a:link { color:White; text-decoration:underline; }
a:visited { color:White; text-decoration:underline; }
a:hover { color:White; text-decoration:underline; } 
a:active { color:White; text-decoration:underline; }
#wrapper 
{ 
    margin: 0 auto;
    width: 900px;
}
#header 
{
    width: 874px;
    border-bottom:none;
    height: 35px;
    margin: 10px 0px 0px 0px;
    padding-right:26px;
    text-align:right;
    background: White url(../../Images/header.jpg) repeat-x;
}

/*HEADER NAVIGATION*/
#header ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; padding-top:10px; }
#header li {display: inline; }
#header ul li a {text-decoration:none; font-size:13px; font-weight:bold;  margin: 4px; padding: 5px 20px 5px 20px;}
#header ul li a:hover { }

#header a img 
{
    border:0px;
    padding-left:34px;
}	
#navigation 
{
    width: 900px;
    border-top: 1px solid #83A6C2;
    border-bottom: 1px solid #83A6C2;
    margin: 0px 0px 0px 0px;
    background: #303F4A;
    text-align:right;
    background:  url(../../Images/nav.gif) repeat-x;
}
#navigation a img 
{
    border:0px;
}
#content 
{ 
    width: 900px;
    border-top:none;
    background: White url(../../Images/contentbg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#contentduplication
{
    width: 900px;
    border-top:none;
    background: White url(../../Images/duplicationbg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#contentediting
{
    width: 900px;
    border-top:none;
    background: White url(../../Images/editingbg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#contentsorry
{
    width: 900px;
    border-top:none;
    background: White url(../../Images/sorrybg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#contentencode
{
    width: 900px;
    border-top:none;
    background: White url(../../Images/encodebg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#contentother
{
    width: 900px;
    border-top:none;
    background: White url(../../Images/otherbg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#contentquality
{
    width: 900px;
    border-top:none;
    background: White url(../../Images/qualitybg.jpg) repeat-x;
    border-bottom:none;
    margin: 0px 0px 0px 0px;
    text-align:right;
    padding-top:30px;
    height: 347px;
}
#leftcontenthome 
{
    text-align:left;
    padding-left:30px;
    width:68%;
    margin-top:25px;
    float:left;
}
#leftcontent 
{
    text-align:left;
    padding-left:0px;
    padding-top:36px;
    margin-left:0px;
    width:30%;
    float:left;
}

#leftcontent a img
{
    border:none;
}
.menuholder
{
    height:35px;
}
/*OUR MAIN RIGHT CONTENT WITH STYLING*/
#rightcontenthome 
{
    width:30%;
    text-align:right;
    margin-top:-20px;
    padding-right:39px;
    float:right;
    font-size:13px;
    font-weight:normal;
} 
#rightcontenthomed 
{
    width:30%;
    text-align:right;
    margin-top:-280px;
    padding-right:39px;
    float:right;
    font-size:13px;
    font-weight:normal;
} 
#rightcontenthome p 
{
    margin-bottom:15px;
}

#rightcontenthome a 
{
    font-weight:bold;
}
#rightcontenthome h1
{
    margin-top:-10px;
}
#rightcontenthome h2
{
    font-size:15px;
    margin-bottom:-5px;
}
#rightcontenthomed p 
{
    margin-bottom:15px;
}

#rightcontenthomed a 
{
    font-weight:bold;
}
#rightcontenthomed h1
{
    margin-top:-10px;
}
#rightcontenthomed h2
{
    font-size:15px;
    margin-bottom:-5px;
}
#rightcontent 
{
    width:52%;
    text-align:left;
    padding-left:30px;
    margin-right:40px;
    float:right;
    font-size:13px;
    font-weight:normal;
} 
#rightcontent h1
{
    font-size:18px;
    font-weight:bold;
}
#footer 
{ 
    width: 875px;
    height:200px;
    background: #636F78 url(../../Images/footerbg.jpg);
    padding-left:25px;  
}
#footerhome
{
    width: 863px;
    height:110px;
    background: #636F78 url(../../Images/homefooter.jpg);
    padding-right:37px;  
    padding-top:30px;
    text-align:right;
}
#footer2 
{ 
    width: 900px;
    padding-top:8px;
    height:200px; 
    color:#555;
    margin: 0px 0px 10px 0px;
}
#footer2 a:link { color:#555; text-decoration:underline; }
#footer2 a:visited { color:#555; text-decoration:underline; }
#footer2 a:hover { color:#FF3300; text-decoration:underline; } 
#footer2 a:active { color:#555; text-decoration:underline; }

.leftfifty {
 width:49%;
 text-align:left;
 float:left;
 }

.rightfifty {
 width:49%;
 float:right;
 text-align:right;
 }
 
 .clear
 {
    clear:both;
}

.screenshot {
 border:1px solid #333;
 margin-right:26px;
 }

.screenshottitle {
  width:190px;
  height:20px;
  margin-top:-116px;
  padding-left:1px;
 background-color:#333; 
 filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: .8;
 opacity:0.8;
 font-weight:bold;
 }
 .screenshottitle img {
  border:none;
  }
 .fleft {
  float:left;
  }
.fright {
 float:right;
 }  
 .duplist
 {
    width:100%;
    }
    .showreel
    {
        margin-left:445px;
        padding-top:10px;
    }
    .mainreel
    {
        float:left; 
    }