/* Punchnet Structure */

/*

 Designed & developed by Steven Carlisle @ Punch Advertising 
(c) 2006 Punch Ltd

*/

		/* Global Structure */
		body,ul,dl,li,dd,ol,p,h1,h2,h3,h4,h5{margin:0;padding:0}
		#punch{width:800px; position:relative; margin: 0 auto;}
		#masthead{width:800px; position:relative; top:0; height:109px}
		#hdr{width:800px; height:246px; position:relative; top:0;overflow:hidden}
		#m{width:800px; position:relative; }
		#retoof{width:800px; height:37px; position:relative; background: #f0f0f0}
		#m{top:13px}
		#logo{width: 157px; height:105px; position:relative; left:0;padding-top:2px}
		#nav{width:400px; height:60px; position:absolute; right:0}
		#primary{position:absolute;top:50px;left:155px}
		#secondary{right:0;position:absolute;height:52px;background: url(../img/secondaryNav.gif) no-repeat}
		
		/* Sitemap */
		#sitemap{position:absolute;width:800px;height:247px;background: url(../img/sitemap.jpg) no-repeat;z-index:100}
		#links{position:absolute;top:120px;display:block;width:218px;height:103px}
		#punjects{width:141px;height:141px;position:absolute;left:338px;top:100px}
		#hometv{width:221px;height:233px;right:0;top:10px;position:absolute}
		
		/* Contact */
		#contact{z-index:150}
		#intro, #numb{width:396px; height:120px;position:absolute;z-index:120}
		#intro{background:#FDC011 url(../img/contact-o.gif) 221px 0 no-repeat}
		#numb{background:#E20078 url(../img/contact-p.gif) 221px 0 no-repeat;top:128px}
	    #form label,input,textarea{display: block;width: 150px;float: left;margin-bottom: 10px;}
		#form input{height:25px}
		#form textarea{border:1px solid #fff;width:286px;display:block;margin:16px 0 5px 0;height: 50px}
		#form input.sub{width:105px;height:28px;border:none;position:relative;left:95px}
		#form{position:absolute;width: 397px; height:247px; background:#49B6F5 url(../img/contact-b.gif) -50px 0 no-repeat ;z-index:100;right:0}
		.whiteout{position:absolute;width:800px; height:247px;background: #fff;z-index:1}
		
		/* Home Structure*/
		#home #hdr #featured,#home #hdr #print,#home #hdr #interface{overflow:hidden}
		#home #hdr #featured{width:389px; height:247px; position:absolute; right:0px; top:1px;backround:#c51; border-left:8px solid #49B6F5;background: url(../img/home/featured_hdr.jpg) no-repeat}
		#home #hdr #interface,#home #hdr #print{width:388px; height:120px; position:relative}
		#home #hdr #interface{border-left:8px solid #FDC011;background: url(../img/home/interface_hdr.jpg) no-repeat}
		#home #hdr #print{top:9px;border-left:8px solid #E20078; background: url(../img/home/print_hdr.jpg) no-repeat}
		#home #hdr #featured span,#home #hdr #interface span,#home #hdr #print span{position:relative;top:0px;font:11px Arial,sans-serif;width:132px;height:24px;display:block;}
		#freeshlySqueezed{position: absolute;width: 369px; right:0;}
		#freeshlySqueezed a.rss{position: absolute; top:50px; left:0}
		#news{width:321px;height:127px;position:relative;top:5px;}
	    #news ul{margin:0;padding:0;position:relative}
	    #news{z-index:0;position:absolute;top:10px}
	    #datamain{z-index:0;position:absolute;top:80px}
        #scrollbar{position:absolute;left:340px;top:80px;width:11px; height:230px;font-size:1px; z-index:2;}
        #track{position:absolute; left:0; top:15px;width:18px; height:211px;background-color: #f6f9e3;z-index:1;} 
	    img.up{position:absolute; left:0; top:0; z-index:2;width:18px;height:18px;cursor:pointer}
	    img.down{position:absolute; left:0; bottom:0; z-index:3;width:18px;height:18px;cursor:pointer}
		#wwd{position:relative;height:339px;top:120px;}
		
		/* Projects */
		#abstract{position:absolute;right:0;width:620px;height:247px;background: url(../img/projects/projects_hdr.jpg) no-repeat}
	    .view{position:absolute;right:0;width:534px;height:247px;}
		#des,#dev,#ema,#cms,#eco,#adv,#pro{position:absolute;right:0;width:620px;height:247px;overflow:hidden}
		#pro-nav{width:176px;height:247px;overflow:hidden;position:relative}
		.client{width:266px;height:247px;overflow:hidden;position:relative}
		 a.i,a.p,a.f{position:relative;left:25px}
		 .readmore{width:266px;height:28px;bottom:30px;position:absolute}
	    .projects a.i{display:block;width:105px;height:28px;background: url(../img/projects/readmore-o.gif) no-repeat}
	    .projects a.p{display:block;width:105px;height:28px;background: url(../img/projects/readmore-p.gif) no-repeat}
	    .projects a.f{display:block;width:105px;height:28px;background: url(../img/projects/readmore-b.gif) no-repeat}
		.projects{position:relative;width:800px;height:289px;}
	    .interface,.print,.featured,.brief,.solution,.notes{background:#EAEDEE;width:265px;height:289px;float:left;border-left:1px solid #fff}
	    .interface .hdr,.print .hdr,.featured .hdr,.brief .hdr,.solution .hdr,.notes .hdr{width:265px;height:85px;background:#eee}
	    .brief .hdr{background: url(../img/projects/brief.jpg) no-repeat}
	    .solution .hdr{background: url(../img/projects/solution.jpg) no-repeat}
	    .notes .hdr{background: url(../img/projects/notes.jpg) no-repeat}
	    .interface .hdr{background: url(../img/projects/interface.gif) no-repeat}
	    .print .hdr{background: url(../img/projects/print.gif) no-repeat}
	    .featured .hdr{background: url(../img/projects/featured.gif) no-repeat}
	    .interface .content,.print .content,.featured .content,.brief .content,.solution .content,.notes .content{width:265px;height:206px;padding-left:20}