@charset "UTF-8";
/* CSS Document */
body{
text-align: center;
margin:0;
padding:0;
font-size: 14px;
background:#000000 url(/images/background.jpg) repeat top left;
}
h1, p{
font-family: Arial, Helvetica, sans-serif;
}
div#wrap{
width:900px;
background: #cccccc;
margin-left:auto;
margin-right:auto;
text-align:left;
border: 10px solid #fbfbfb;
position: relative;
}
div#header{
width:900px;
border: 1px solid #fbfbfb;
position: relative;
background: #ffcc33;
border-bottom: 6px solid #fbfbfb;
}
div#logo{
background: transparent url(http://www.newfrontproductions.com/creative/images/newfront.jpg) no-repeat top left;
height: 72px;
width: 252px;
position: relative;
top: 20px;
left: 20px;
z-index:1;
cursor: pointer;
}
div#topbar{
position:relative;
height: 30px;
width:900px;
background: #fbfbfb url(/creative/images/top_bottom_row.jpg) repeat top left;
}
div#contactus {
background:transparent url(/creative/images/contactus.png) no-repeat scroll left top;
cursor:pointer;
height:79px;
position:absolute;
right:30px;
text-align:right;
top:80px;
width:79px;
z-index:1;
}
div#nav{
position:relative;
background: #998B70 url(/creative/images/behind_bottom.jpg) repeat top center;
width: 900px;
height: 25px;
top:-14px;
border-bottom: 2px solid #fbfbfb;
}
div#links {
left:374px;
position:relative;
top:1px;
}
div#links ul {
list-style-type:none;
}
div#links ul li {
float:left;
}
div#links ul li a:active, div#links ul li a:visited, div#links ul li a:link {
color:#FBFBFB;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
padding-right:31px;
border:1px dotted #fbfbfb;
margin-right:2px;
text-align:center;
text-decoration:none;
padding-left:31px;
padding-top:3px;
padding-bottom:3px;
background:#666;
}
div#links ul li a:hover {
color:#000000;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
text-decoration:none;
background: #ffcc33;
}
div#content{
position:relative;
width:880px;
top:-14px;
left:20px;
}
div#toprow{
background:#ffffff none repeat scroll 0%;
border-bottom:6px solid #FBFBFB;
left:0pt;
top:0pt;
width:880px;
}
div#aboutus{
width: 245px;
}
.top1{
background: #333333;
height: 15px;
padding: 5px;
}
.top1 h1 {
color:#FBFBFB;
font-size:13px;
left:8px;
position:relative;
top:-9px;
letter-spacing:1px;
}
.text {
color:#000000;
font-size:12px;
height:210px;
left:9px;
overflow:auto;
padding:5px;
position:relative;
top:-6px;
width:224px;
}
div#topimg{
background: #000000 url(/creative/images/portfolio-new.jpg) no-repeat top left;
height: 261px;
width: 630px;
position:absolute;
top:0px;
left: 245px;
}
div#midrow {
background:#000000 none repeat scroll 0%;
border-top:6px solid #FBFBFB;
height:auto;
position:relative;
top:-10px;
width:880px;
}
.top2 {
background:#666666 none repeat scroll 0%;
height:15px;
padding:5px;
}
.top2 h1 {
color:#FBFBFB;
font-size:13px;
left:8px;
letter-spacing:1px;
position:relative;
top:-9px;
}
div#featuredproj {
background:#000000 none repeat scroll 0% 50%;
height:auto;
width:880px;
clear:both;
}
div#portfolio {
background:#000000 none repeat scroll 0% 50%;
width:880px;
}
ul#thumbs, ul#thumbs li{
list-style-type:none;
float:left;
margin:0;
padding:0;
}
ul#thumbs{
position:relative;
top: 10px;
bottom: 10px;
left: 20px;
padding-bottom: 20px;
}
ul#thumbs li{
padding: 2px;
border: 1px solid #000000;
}
ul#thumbs li a:active, ul#thumbs li a:visited, ul#thumbs li a:link{
text-decoration:none;
}
ul#thumbs li a:hover{
text-decoration:none;
}
ul#logos, ul#logos li{
list-style-type:none;
float:left;
margin:0;
padding:0;
}
ul#logos{
position:relative;
top: 10px;
bottom: 10px;
left: 20px;
padding-bottom: 20px;
}
ul#logos li{
padding: 2px;
border: 1px solid #000000;
}
ul#logos li a:active, ul#logos li a:visited, ul#logos li a:link{
text-decoration:none;
}
ul#logos li a:hover{
text-decoration:none;
}
ul#ads, ul#ads li{
list-style-type:none;
float:left;
margin:0;
padding:0;
}
ul#ads{
position:relative;
top: 10px;
bottom: 10px;
left: 20px;
padding-bottom: 20px;
}
ul#ads li{
padding: 2px;
border: 1px solid #000000;
}
ul#ads li a:active, ul#ads li a:visited, ul#ads li a:link{
text-decoration:none;
}
ul#ads li a:hover{
text-decoration:none;
}
div#logos{
clear:both;
}
div#ads{
clear:both;
}
.wrapper {
left:6px;
position:relative;
top:3px;
}
.wrapper ul{
position: relative;
top:0;
left: -10px;
}
.wrapper ul li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
position:relative;
left: 0px;
color: #fbfbfb;
list-style-type: none;
}
.wrapper ul li a:active, .wrapper ul li a:visited, .wrapper ul li a:link{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
position:relative;
left: 0px;
color: #fbfbfb;
} 
.wrapper ul li a:hover{
color: #ffcc33;
}
.bottomlink{
text-align:right;
position:relative;
padding: 5px;
top: -20px;
right: 20px;
}
.bottomlink a:active, .bottomlink a:visited, .bottomlink a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #ebd369;
} 
.bottomlink a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #fbfbfb;
}
/* SECOND RENDITION --- FIND NEAR BOTTOM */
.bottomlink2{
text-align:right;
position:relative;
padding: 5px;
top: 0px;
right: 10px;
}
.bottomlink2 a:active, .bottomlink2 a:visited, .bottomlink2 a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #ebd369;
} 
.bottomlink2 a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #fbfbfb;
}
/* THIRD RENDITION --- FIND NEAR MIDDLE */
.bottomlink3{
text-align:right;
position:relative;
padding: 5px;
top: -3px;
right: 10px;
}
.bottomlink3 a:active, .bottomlink3 a:visited, .bottomlink3 a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #ebd369;
} 
.bottomlink3 a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
color: #fbfbfb;
}
div#bottomrowbar{
background:#998B70 none repeat scroll 0%;
border-top:1px solid #FBFBFB;
height:30px;
position:relative;
top:-24px;
width:auto;
}
div#bottomrep{
background:transparent url(/creative/images/top_bottom_row.jpg) repeat scroll right bottom;
height:35px;
position:relative;
top:-20px;
left:-20px;
width:900px;
}
div#footer{
background:#FBFBFB none repeat scroll 0%;
bottom:-17px;
height:41px;
position:absolute;
width:900px;
left:-20px;
}
.sitemap{
position:absolute;
top:0px;
right: 20px;
padding: 5px;
}
.sitemap a:active, .sitemap a:visited, .sitemap a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-decoration: none;
}
.sitemap a:hover{
color: #534741;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}
.footertext{
position: relative;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
top:-10px;
left: 15px;
color: #666666;
}
div#contactinfo {
background:#FBFBFB none repeat scroll 0% 50%;
border:1px dotted #000000;
height:auto;
position:absolute;
right:106px;
text-align:left;
top:134px;
width:auto;
z-index:1;
}
.wrappedup {
font-size:12px;
padding:10px;
}
.wrappedup h1 {
font-size:12px;
background:#333333;
padding:10px;
position:relative;
top:-9px;
color:#fbfbfb;
}
.wrappedup p {
font-size:13px;
}
.wrappedup a:active, .wrappedup a:visited, .wrappedup a:link{
width:auto;
text-decoration:none;
background: #666666;
border: 1px dotted #fbfbfb;
color: #fbfbfb;
padding: 5px;
}
.wrappedup a:hover{
background: #FFCC33;
color: #000000;
border: 1px dotted #000000;
}
img.coolshot{
left:0px;
position:relative;
top:0px;
background:#fbfbfb;
padding:1px;
}
div#background {
background:#000000 none repeat scroll 0%;
display:none;
position:absolute;
filter: alpha(opacity=60);
opacity:0.6;
z-index:2;
}
div#gallery {
position:absolute;
z-index:2;
}
div#pad {
background:#000000 none repeat scroll 0%;
padding:10px;
position:relative;
top:0px;
width:648px;
border:1px solid #fbfbfb;
}
div#wrapgal {
background:#000000 none repeat scroll 0%;
display:block;
padding:5px;
position:relative;
text-align:left;
width:636px;
}
.portimg {
border:1px solid #FBFBFB;
padding:2px;
position:relative;
top:21px;
}
.name {
color:#FBFBFB;
display:block;
font-size:14px;
padding:4px;
position:absolute;
top:-8px;
}
.desc {
color:#FBFBFB;
display:block;
padding:4px;
position:relative;
top:13pt;
width:330px;
}
.tech {
background:#333333 none repeat scroll 0% 50%;
bottom:3px;
color:#FBFBFB;
height:auto;
position:absolute;
right:5px;
text-align:left;
width:231px;
margin-bottom:-12px;
padding-left:15px;
}
.close {
color:#FFCC33;
position:absolute;
right:20px;
text-decoration:none;
top:5px;
}
.close a:hover {
color:#FBFBFB;
}
.glink{
color: #000000;
text-decoration:none;
position:absolute;
bottom: 5px;
right: 20px;
z-index:3;
}