/* CSS Document */

* * 				{padding: 0;
			 	margin: 0;
			 	}


.hiddenpic		{display: none}

body			{
				background: #3a6470 url("images/wallpaper.jpg") repeat-x fixed;  
				margin-top: 25px;}


#topbar			{background: black url("images/topbar.jpg") no-repeat;
				height: 15px;
				width: 500px;
				margin: 0px auto 0px auto;
				}


				
#bottombar		{background: black url("images/topbar.jpg") no-repeat;
				height: 15px;
				width: 500px;
				margin: 0px auto 0px auto;
				
				}
	
					
					
#wrap			{
				width: 480px;
				margin: 0px auto 0px auto;
				background: black url("images/stripe.jpg") repeat-x bottom right;
				}


.logo			{margin: 20px 10px 10px 105px;
				}

.logosmall			{margin: 20px 0px 10px 20px;
					border: none;
					outline: none;
				}
				
				
				
#flashhackbird	{float: right;}
				
.flashshow		{height: 200px;
				width: 260px;
			/*	background-color: #111111; */
				margin: 20px 0px 20px 0px;
				text-decoration: none;
				outline: none;}

				
				
				
#flashhack		{float: left;					
				}

#flashbubble	{
				position: absolute;
				margin-left: 480px;
				margin-top: -250px;
		/*		background-color: #111111; */
				}

#flashelectric	{
				position: absolute;
				margin-left: 480px;
				margin-top: -200px;
		/*		color: #111111;  */
				}	
				
				
#flashmovie		{
				position: absolute;
				margin-left: 320px;
				margin-top: -235px;
		/*		background-color: #111111;  */
				}				

#flashphone		{
				position: absolute;
				margin-left: 320px;
				margin-top: -235px;
		/*		background-color: #111111;   */
				}
				
h1				{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:17px;
				margin-bottom: 10px;}


/* Links on the Sample page */



a.links			{font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight:600;
				font-size:14px;
				margin: 0 0 5px 0px;
				padding: 0 0 0 10px;
				text-decoration: none;
				color:#555555;
				display:block;
				border-left: solid 8px #333333;
				
				}

a.links:hover		{text-decoration: none;
				color: #999999;
				border-left: solid 8px white;
				}
				
								
				
h2				{font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				margin-bottom: 20px;
				}
				
p				{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				margin: 0 0 20px 0}				


.video			{margin: 0 0 10px 0px;
				text-align:center;
				}


.content		{margin: 10px 20px 0px 20px;

				}

.contentwords	{margin: 0px 15px 0px 140px;
				color: #666666;
				width: 260px;
				}

.servicesthumbs	{float: right;
				padding-left: 10px}

.samplescontent		{margin: 10px 20px 0px 20px;
				}
					
	
.samplecontentwords	{margin: 0px 0px 0px 140px;
				width: 250px;
				color: #666666;
				}
								


#navbar			{margin: 0 10px 90px 4px;
				}


.bottomnavbar p	{margin: 0 0 0 135px;
				padding-bottom: 14px;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12.5px;
				color: #444444;}



#tablogo		{width: 440px;
				
				background: url("images/hometabbground.jpg") repeat-y bottom left;

				}
				
.tablogo		{float: left;

				}
				
	
/* GALLERY */
	
.mouseoverslideshow   
				{
				margin: 20px 0px 0px 0px;
				}

#dynloadarea	{
				margin: 30px 0 20px 0px;
				border-bottom: solid 2px gray;
				border-top: solid 2px gray;	
				padding-bottom: 20px;
				padding-top: 20px;
				background-image: url(images/gallerybground.jpg);
				}

#dynloadarea2	{margin: 50px 0 0px 0px;
				}


.gallerysideimage	{float: left;
						height: 220px;}

.gallery		{margin: 10px 20px 0px 20px;
			
				}
				
.gallerywords	{margin: 0px 15px 100px 140px;
				color: #666666;
				}
				
				

/* Space div for contact page */

.space80				{height: 80px;}

.space60				{height: 60px;}

.space30				{height: 30px;}

.space20				{height: 20px;}

.space10				{height: 10px;}






/* CONTACT INFORMATION */

ul#contactinfo 			{
						list-style-type: none;
						text-decoration: none;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						margin-bottom: 20px;}
						
ul#contactinfo a		{color: #999999;
						text-decoration: none;}						

ul#contactinfo a:hover		{color: white;
						text-decoration: underline;}	
	
.center					{text-align:center}	
	
	
/* THUMBNAILS BORERS ETC */


a.thumbtitle		{color:#666666;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 16px;
					float: right;
					text-align:right;
					text-decoration: none;
				    border: 0;
					outline: none;
					margin-right: 10px;
					width: 220px;
					}

a.thumbtitle:hover 	{color: #999999;
					text-decoration: none;
					border: 0;
					outline: none;
					}

a.thumbs img			{
					border: 0;
					outline: none;
					border: solid 2px black;
					margin: 0;
				
					}

a				{border: none;
				outline: none;}


a.thumbs img:hover			{
					border: 0;
					outline: none;
					border: solid 2px black;
					margin: 0;
					border-bottom: 2px solid #3ad1da;
					}
					
.thumblisting		{margin: 40px 0px 0px 20px;
					outline: none;
					border: 0;
					}	


/* LINE IMAGE FOR SAMPLES */
	
.line2				{float: right;
					padding-right: 10px;}		

.designlable		{text-align: center}






/* TO TOP BUTTON */

a.totop				{margin: -4px 0 0 10px;
 				    width: 20px;
					height: 25px;
					position: absolute;
					background: url(images/totop.jpg) 0px -2px no-repeat;
					outline: none;

					}
		

a.totop:hover
{
    border: 0;
    background:  url(images/totop.jpg) 0px -27px no-repeat;
	outline: none;

}

a.totop:active
{
    border: 0;
    background: url(images/totop.jpg) 0px -52px no-repeat;
	outline: none;

		}
		
		
/* BUTTON TO GO TO GALLERY IN GALLERY PAGES - Inspector - Chapters Etc*/
		
	
.viewgallery		{float: right;
				margin: 10px 105px 0 0px;
				padding: 2px 10px 2px 10px;
				text-decoration: none;
				color: #999999;
				font-size: 80%;
				font-weight: 300;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				background-color: #333333;
				}		
		

.viewgallery:hover		{
				color: #111111;
				background-color: #666666;
				text-decoration:underline;
			}			
	/* RETURN TO SAMPLES BUTTON on the SAMPLES PAGE */	
		
.returnbutton	{float: left;
				margin: -3px 0 0 0;
				padding: 2px 5px 2px 5px;
				text-decoration: none;
				color: #999999;
				font-size: 80%;
				font-weight: 300;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				background-color: #333333;
				}		

.returnbuttonvideo	{float: left;
				margin: -3px 0 0 10px;
				padding: 2px 5px 2px 5px;
				text-decoration: none;
				color: #999999;
				font-size: 80%;
				font-weight: 300;
				font-family: Arial, Helvetica, sans-serif;
				background-color: #333333;
				}		
						
a.returnbutton:hover {color: #111111;
				background-color: #666666;
				text-decoration:underline;}

					

										
/* Word on footer */


		
div#footer p		{
					color: #CCCCCC;
					font-size: 65%;
					font-weight: 300;
					padding: 0px 0 0 0;
					text-align: center;
					width: 500px;
					margin: 0px auto 0px auto;
					}

					
div#footer2 p		{width: 500px;
					margin: 7px auto 10px auto;
					color: #CCCCCC;
					font-size: 65%;
					font-weight: 300;
					text-align: left;
					padding-left: 50px;
					}
	

		
.xhtml	 			{color: #CCCCCC;
					font-size: 90%;
					font-weight: 300;}
				
a.xhtml:hover 		{text-decoration: underline;
					border: none;
					color: #3ad1da;}
	
/* Link for Paramount Graphics */
	
.xhtml2	 			{
					color: #CCCCCC;
					font-size: 100%;
					font-weight: 300;
					text-decoration: none;}
				
a.xhtml2:hover 		{
					border: none;
					color: #3ad1da;}	



	
/* HOME BUTTON  */
		
								
a.navbutton1  {
    margin: 1px 0px 0px 20px;
    width: 80px;
    height: 65px;
    background: url(images/button1.jpg) 0px 0px no-repeat;
	position: absolute;
	outline: none;
}


a.navbutton1:hover
{
    background:  url(images/button1.jpg) 0px -63px no-repeat;
	
}

a.navbutton1:active
{
    background: url(images/button1.jpg) 0px -125px no-repeat;

} 



/* SERVICES BUTTON  */

a.navbutton2  {
    margin: 2px 5px 0px 114px;
    width: 110px;
    height: 65px;
    background: url(images/button2.jpg) 0px 0px no-repeat;
	position: absolute;
	outline: none;
}


a.navbutton2:hover
{
    background:  url(images/button2.jpg) 0px -63px no-repeat;
	
}

a.navbutton2:active
{
    background: url(images/button2.jpg) 0px -125px no-repeat;

} 



/* SAMPLES BUTTON  */

a.navbutton3  {
    margin: 0px 0px 0px 232px;
    width: 110px;
    height: 65px;
    background: url(images/button3.jpg) 0px 0px no-repeat;
	position: absolute;
	outline: none;
}


a.navbutton3:hover
{
    background:  url(images/button3.jpg) 0px -63px no-repeat;
	
}

a.navbutton3:active
{
    background: url(images/button3.jpg) 0px -125px no-repeat;

} 





/* CONTACT BUTTON  */

a.navbutton4  {
    margin: 0px 0px 0px 350px;
    width: 110px;
    height: 65px;
    background: url(images/button4.jpg) 0px 0px no-repeat;
	position: absolute;
	outline: none;
}


a.navbutton4:hover
{
    background:  url(images/button4.jpg) 0px -63px no-repeat;
	
}

a.navbutton4:active
{
    background: url(images/button4.jpg) 0px -125px no-repeat;

} 






	
	/* PG LOGO */
	

a.pgtag  {
    margin: -2px 0px 0px 3px;
    width: 16px;
    height: 15px;
    background: url(images/pgbutton.jpg) 0px -19px no-repeat;
	position: absolute;
	outline: none;
}

a.pgtag:hover
{
    border: 0;
    background:  url(images/pgbutton.jpg) 0px -0px no-repeat;
	outline: none;

}

a.pgtag:active
{
    border: 0;
    background: url(images/pgbutton.jpg) 0px -38px no-repeat;
	outline: none;

} 

/* To move the words Paramount Graphics away from the logo */

#paramountwords	{position: absolute;
				left: -2000px;}





/* TABLE FOR PRIVACY PAGE */


table			{border: solid 1px gray;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:11px}

td				{padding: 5px;
				border: solid 1px gray;}