/*
Theme Name: Vikiworks Infinity
Theme URI: http://vikiworks.com
Version: 1.0.1
Author: yichi
*/


/* Overal setup */
* { margin:0; padding:0; }  
*   


#wrap { 
  width: 1024px; 
  margin: 0 auto;
  position:relative   ;
  z-index:999;

}

.wrapper {
   
   margin-left: auto;
   margin-right: auto;
   width: 1024px;
   height:1800px;
   position:relative;

   
   }
   
body {  font:14px  arial; background-color:#fff; background-image:url('http://www.pauljewell.com/logo/testBGred.jpg');  background-repeat:repeat-x repeat-y; }

textarea:focus {
  border: 2px solid blue;
}

.bg { 
background-image:url('testBG_v01.jpg');
background-repeat:repeat-y;
left:0px;
top: 0px;
position:absolute; width: 1024px; height: 1800px;
z-index: -1;

}

p {color:#000000;} 

a:link     {font-size:14px; color: #ddd; text-decoration: none; }
a:hover    {font-size:14px; color: #fff; text-decoration: underline; }
a:visited  {font-size:14px; color: #bbb; text-decoration: none; }

 

 
 .logoMotion  { position:absolute;
 top:20px;
 left:60px;
 z-index: 1;}
 
.intro  { position:absolute;
 top:60px;
 width: 410px;
 left:450px;
 z-index: 1;}
 

.intro  h2{margin:-1px -1px -1px -1px; color:#fff; font-size: 18px; font-weight:100; z-index: 2;}
.intro  h1{ color:#999; font-size: 18px; font-weight:200; z-index: 1;}
 
.demoReelBox  { position:absolute;
 top:280px;
 left:160px;
 z-index: 0;}

.demoReel  { position:absolute;
 top:370px;
 left:230px;
 z-index: 1;}
 
 .popup  {
 position:absolute;
 top:100px;
 width:820px;
 height:900px;
 left:100px;
 z-index: 5;
 background-color:#000000;
 opacity:0.8;filter:alpha(opacity=80);
 display:none;}
 
.popup h1{font-size:30px; color:#dddddd; margin:50px 30px 50px 50px;}
.popup p{ font-size:20px; color:#dddddd; margin:10px 50px 50px 50px;  }
.popup  a{font-size:20px; float:right color:#ffffff;  margin:10px 10px 10px 10px;}


 
 
 
.submit{ position: absolute; top:840px; left:140px; background:transparent; z-index:2; }

.submitTitle  { position:absolute;
 top:770px;
 left:100px;
 width:800px;
 z-index: 1;}
 
 .submitTitle p { font-size: 20px; color:#ffffff; }

.textBox  { position:absolute;
 top:800px;
 left:100px;
 z-index: 1;}
 
 .send  { position:absolute;
 top:1050px;
 left:600px;
 z-index: 2;}
 
.attach  { position:absolute;
 top:1050px;
 left:320px;
 z-index: 2;}
 
 .formFiles  { position:absolute;
 top:1130px;
 left:120px;
 z-index: 3;}
 
 .formFiles  p{ font-size:15px; color:#fff;}
 .formFiles  h1{ font-size:20px; color:#fff;}
 

  .nameBox  { position:absolute;
 top:1305px;
 left:200px;
 z-index:1;
 }
 

 
 .emailBox  { position:absolute;
 top:1360px;
 left:200px;
 z-index:1;
 }

.formDetailsTitles  { position:absolute;
 top:1315px;
 left:120px;
 font-weight:900;}
 
.formDetailsTitles  p{ 
font-size:20px; color:#fff;
margin:0px 0px 15px 0px; }
 

 

.formSend  { position:absolute;
 top:1430px;
 left:110px;
 z-index: 3;}
 
.file  { position:absolute;
 top:1100px;
 left:20px;
 height:300px;
 width:300px;
 z-index: 1;}

 .uploadinfo  { position:absolute;
 top:1130px;
 left:500px;
 width:380px;
 z-index: 3;}
 
  .uploadinfo p {
  font-size:14px; color:#eee;
  }

.client  { position:absolute;
 top:220px;
 width:100px;
 height:50px;
 left:500px;
 z-index: 1;}
 

 
.client a:link,a:visited   {font-size:24px; color:#fff; text-decoration: none; } 
.client a:hover {text-decoration: underline; }

 
.company  { position:absolute;
 top:220px;
 width:300px;
 height:50px;
 left:500px;
 z-index: 1;}
 
.company a:link,a:visited   {font-size:24px; color:#fff; text-decoration: none; } 
.company a:hover {text-decoration: underline; }

 .close  { position:absolute;
 top:10px;
 right:10px;
 border=none;
 z-index: 1;}

.footer  { position:absolute;
 top:1600px;
 left:450px;
 height:500px;
 z-index: 1;}
 
 .footer  h1 { font-size:12px; color:#ddd; }
 
 
 .transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
   

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}


.mail  { position:absolute;
left:200px;
top:300px;
font-weight:900;
width:600px;}
 
.mail  h1{ 
font-size:20px; color:#fff;
 }
 
.mail  p{ 
font-size:14px; color:#fff;
 }