@charset "UTF-8";
/* CSS Document */
body{
text-align: center;
margin:0;
padding:0;
font-size: 14px;
background:#222222;
}

/*body {
background-image:url(http://www.newfrontproductions.com/creative/images/backer-blur.jpg);
background-position:51% 0pt;
background-repeat:repeat-y;
}
*/

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;
}

*html div#logo{
background: transparent url(/creative/images/newfront.jpg) no-repeat top left;
height: 72px;
width: 252px;
position: relative;
top: 10px;
left: 20px;
cursor: pointer;
}

div#topbar{
position:relative;
height: 30px;
width:900px;
background: #fbfbfb url(/creative/images/top_bottom_row.jpg) repeat top left;
}

div#contactus{
position:absolute;
top:80px;
right:30px;
text-align: right;
width: 79px;
height: 79px;
z-index:1;
}

*html div#contactus{
position:absolute;
top:70px;
right:15px;
text-align: right;
width: 79px;
height: 79px;
}


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;
}

*html div#links ul {
position: absolute;
top:0px;
left: 20px;
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;
}

*html 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;
}

*html .top1 h1 {
color:#FBFBFB;
font-size:13px;
left:8px;
position:relative;
top:0px;
letter-spacing:1px;
margin-bottom:-10px;
}

.text {
color:#000000;
font-size:12px;
height:210px;
left:9px;
overflow:auto;
padding:5px;
position:relative;
top:-6px;
width:224px;
z-index:1;
}

*html .text {
color:#000000;
font-size:12px;
height:210px;
left:9px;
overflow:auto;
padding:5px;
position:relative;
top:-20px;
width:224px;
}

div#topimg{
background: #000000 url(/images/sitemap.jpg) no-repeat top left;
height: 261px;
width: 630px;
position:absolute;
top:0px;
left: 245px;
}

*html div#topimg{
background: #000000 url(/images/sitemap.jpg) no-repeat top left;
height: 261px;
width: 630px;
position:absolute;
top:0px;
left: 245px;
}

div#midrow {
background:#FBFBFB 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;
}

*html .top2 h1 {
color:#FBFBFB;
font-size:13px;
left:8px;
position:relative;
top:0px;
letter-spacing:1px;
margin-bottom:-10px;
}

div#featuredproj {
background:#000000 none repeat scroll 0% 50%;
height:auto;
width:600px;
}
.wrapper {
left:6px;
position:relative;
top:3px;
padding:10px;
}

*html .wrapper {
left:6px;
position:relative;
top:-5px;
padding:10px;
}

.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;
}

*html .bottomlink{
text-align:right;
position:relative;
padding: 5px;
top: -10px;
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;
}

*html .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;
}

*html .bottomlink3{
text-align:right;
position:relative;
padding: 5px;
top: 5px;
right: 10px;
margin-bottom:15px;
}

.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;
}

*html div#bottomrep{
background: transparent url(/creative/images/top_bottom_row.jpg) repeat bottom right;
height: 35px;
position: relative;
top: -30px;
width: 900px;
}

div#footer{
background:#FBFBFB none repeat scroll 0%;
bottom:-17px;
height:41px;
position:absolute;
width:900px;
left:-20px;
}

*html div#footer{
background:#FBFBFB;
position:absolute;
bottom: 0px;
width:902px;
height:50px;
margin-bottom: -15px;
}


.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;
}

*html .footertext{
position: relative;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
top:0px;
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;
}

*html 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;
}

.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;
}