/* CSS Document */




*				{padding: 0;
			 	margin: 0;
			 	}

/* TO HIDE HEADING 1 */
h1 em			{
				position: absolute;
				left: -4000px;
				width: 900px;
				}

.hiddenpic		{display: none}


body			{
				background: #e0001b;
				 			
				 }


#wrapborder		{width: 1104px;
				margin: 0px auto 0px auto;
				background: #e0001b url(images/bg_shadow.jpg) repeat-y;
				}
				

#wrap			{
				width: 1022px;
				margin: 0px auto 0px auto;
				background: #000000 url(images/line_bg.gif) repeat-y 910px;
				}

.bottomwrap		{
				width: 1104px;
				height: 48px;
				margin: 0px auto 0px auto;
				background: #e0001b url(images/border_bottom.jpg) repeat-y;
				}

.topbanner		{height: 200px;}
				


.content 		{width: 1010px;
				background: url("images/cdp_bg.gif") no-repeat bottom right;
				}


.content_home 		{
				width: 740px;
				margin-top: 40px;
				margin-left: 90px;
				}

.content_index 		{height: 550px;
				width: 600px;
				margin-top: 10px;
				margin-left: 140px;
				}

.content_cdpcop		{
				width: 600px;
				margin-top: 10px;
				margin-left: 140px;
				}
					
.content_current		{height: 460px;
				width: 700px;
				margin-top: 0px;
				margin-left: 50px;
				}
								
.content_productions 		
				{
				width: 700px;
				margin-top: 0px;
				margin-left: 50px;
				}				

.content_productions_gruf 		
				{
				width: 800px;
				margin-top: 0px;
				margin-left: 50px;
				}
				
.flash_logo		{
				padding: 30px 20px 0px 50px;
				float: left;
				}
	
.flash_logo_gruf		{
				padding: 0px 20px 0px 0px;
				}
						
.photo			{font-size: 10px;}
	
.box1			{width: 420px;
				float: left;
				}		

.box2			{width: 210px;
				float: right;
				}	
								
/* NAVBAR */
				
.navbar			{padding-top: 30px;
				height: 50px;
				}
.current		{
				float: left;}
.past			{margin-left: 60px;
				float: left;}
.awards			{margin-left: 140px;
				float: left;}
.about			{margin-left: 170px;
				float: left;}
.contact		{margin-left: 190px;
				float: left;
				}
.home			{float: left;
				margin-left: 240px;}
				
img				{border: none}



.navbar img			{border: none;
				outline: none;
				float: left}

a				{text-decoration:none;
				border: none;
				outline: none;
				color: #fff;
				}

a:hover			{color: #666666}


.link			{color: #FF0000}


.bottomnavbar	{width: 955px;
				height: 30px;
				margin-left: 30px;
				font-size:13px;
				background:black url(images/navbar/bottombar_bg.gif) no-repeat}
				
.bottomnavbar a	{border: none;
				outline: none;
				text-decoration:none;
				text-align: right;
				font-family: Arial, Helvetica, sans-serif;
				float: right;
				padding: 7px 40px 0px 0px;
				color: red}

#active			{color: #666666}
			
.bottomnavbar a:hover {color: white}
				
				

					


.right_box		{width: 30px;
				float: right;
				padding-right: 25px;
				margin-left: 0px;
				margin-top: 40px;
				}



.right_box_karin		{width: 30px;
				float: right;
				padding-right: 200px;
				margin-left: 0px;
				margin-top: 40px;
				}

.facebooklink	{width: 400px; text-align:center}

.facebooklink a img	{padding: 4px}




.facebooklink_gruf	{width: 280px; margin-bottom: 60px; text-align:center}

.facebooklink_gruf a img	{padding: 4px}




.right_box2		{
				float: right;
				margin-left: -59px;
				margin-top: 40px;
				border: 1px solid #333333;
				}


.gruffalopic	{float: right;
				margin-top: 50px;
				margin-left: 18px;
				border: 5px solid #333333}

.gruffalopic img {float: left}


.rightbox		{width: 280px;
				height: 900px;
				float: right;
				margin-left: 20px;
				margin-top: 70px;
				}


.rightbox_gruf		{width: 280px;
				height: 1000px;
				float: right;
				margin-left: 40px;
				margin-top: 0px;
				}



.rightboxpic	{border: 1px solid #666666}
				
.rightbox a		{font-family:Arial, Helvetica, sans-serif;
				font-size:15px;
				vertical-align:middle;
				}

.rightbox a:hover	{color:#e0001b;
}

.booknow		{font-size:22px}

.linkbox		{width: 150px;
				text-align:center;
				border: 1px solid #666666;
				background-color: #333333;
				margin-bottom: 20px;
				padding: 5px;
				}


												
p				{color: #999999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					margin-bottom: 14px;}
	
.red				{color: #e0001b}
.white				{color:#FFFFFF}

h2					{color: #e0001b;
					font-family:Arial, Helvetica, sans-serif;
					font-size:24px;
					margin-bottom: 15px;}


h3					{color: #e0001b;
					font-family:Arial, Helvetica, sans-serif;
					font-size:19px;
					margin-bottom: 0px;}


h4					{color: #999999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:17px;
					margin-bottom: 10px;}

h5					{color: #CCCCCC;
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					margin-bottom: 0px;}




.name					{color: white;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					}

					
.name2					{color: #999999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					margin-bottom: 0px;}


.address			{margin-left: 50px;
					margin-bottom: 50px;
					padding-top: 20px;}
					
.center				{text-align:center}

.quote				{font-size:16px}

.smalltext					{color: #999999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					margin-bottom: 14px;}

.smallertext		{font-size: 13px;
					}

td					{width: 50px;
					color: #999999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					}
					
.leftcol				{width: 100px}				

.award1				{float:left;
					text-align: center;
					margin-right: 60px;}
					
.award1	p			{margin-top: 10px;}

.award2				{float:left;
					text-align: center;
					margin-right: 60px;
					}
					
.award2	p			{margin-top: 10px;}

					
.award3	p			{margin-top: 10px;
					}

.register			{width: 280px;}

.register a			{font-size: 14px}

.register p			{
					border-left: 1px solid red;
					padding-left: 10px;}


.register2			{width: 310px; height: 20px;
					background-color:#666666;
					padding: 0px;
					margin-bottom: 10px;
					vertical-align:middle}

.register2 p			{
					border-bottom: 1px solid red;
					padding-left: 10px;
					font-color:#FFFFFF;
					padding: 3px;
					margin-bottom: 0px;
					vertical-align:middle}

.register2 a		{color:#000;
					font-size: 13px;
					}

.register2 a:hover		{color:#fff;
					}
	
.grufbookings		{float: right; margin-top: 80px; text-align:center;}
	
/* THUMB NAILS - HOME PAGE */

.thumb				{width: 190px;
					height: 170px;
					text-align: center;
					float: left;
					margin-right: 10px;
					margin-bottom: 40px;
					
					}
	
.thumb a			{float: left;}
					
.thumbpic			{margin-bottom: 0px}											

					
.thumblabel			{width: 176px;
					height: 40px;
					background: #e0001b;
					margin-left: 2px;
					margin-top: 0px;
					border: 5px solid #333333;
					}					

a:hover .thumblabel	{background-color: #e0001b}

a:hover .thumblabel p	{color: black}

.thumblabel	p		{color: white;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 18px;
					font-weight: bold;
					padding-top: 10px;
					margin-top: 0px;}


.thumblabel2		{width: 178px;
					height: 40px;
					background: #e0001b;
					margin-left: 2px;
					border-left: 5px solid #333333;
					border-right: 4px solid #333333;
					border-bottom: 5px solid #333333}					

a:hover .thumblabel2	{background-color: #e0001b}

a:hover .thumblabel2 p	{color: black}

.thumblabel2	p		{color: white;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					font-weight: bold;
					padding-top:  4px;
					}


.tr1					{width:90px}


ul					{color: #999999;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					margin-bottom: 14px;
					list-style: none;
					margin-left: 50px;}
	
li					{margin-bottom: 10px;}


a.coplink			{margin-left: 50px}

.cdpcop_logo		{margin-bottom: 40px;
					}


.green				{color: #8cc63e}

a.green:hover		{color:#FF0000}

.cpdcoplist			{list-style:disc;
					}

/* past productions page */


.content_past 		{height: 530px;
				width: 900px;
				margin-top: 0px;
				margin-left: 50px;
				margin-bottom: 30px;
				}


.sidenavbar		{width: 190px;
				float: left;
				border-left: 5px solid #e0001b;
				padding-left: 20px;
				margin-top: 0px;
				padding-top: 40px;
				padding-bottom: 22px;
				padding-right: 0px;
				background-color:#222222}



.sidenavbar a:hover		{color: #e0001b;
						}
				
.sidenavbar p	{margin-bottom: 0px;
				padding-bottom: 12px;
				font-weight: 600}

	
.content_info	{float: right;
				width: 590px;
				margin-right: 50px;
				overflow: hidden;
				height: 475px;
				padding-left: 30px;
				}
				
.space			{height: 500px}	

.pastthumb		{float: left;
				border: solid 2px gray;
				margin: 0px 15px 15px 0px}
			
.pastthumb2		{float: left;
				border: solid 2px gray;
				margin: 0px 15px 15px 0px}
			
			
		/* VIDEO PAGES */
		
			
.homelink	{float: right;
				margin-right: 123px;
				width: 165px;
				margin-top: -4px;
				text-align:center;
				height: 20px;
				padding-top: 5px;
				border-bottom: solid 1px #302c2c;
				border-left: solid 1px #302c2c;
				border-right: solid 1px #302c2c}	

.homelink a	{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px}
				

.trailerlink	{float: right;
				margin-right: 5px;
				width: 165px;
				margin-top: -4px;
				text-align:center;
				height: 20px;
				padding-top: 5px;
				border-bottom: solid 1px #302c2c;
				border-left: solid 1px #302c2c;
				border-right: solid 1px #302c2c
				}	

.trailerlink a	{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px}
				
.video			{margin-top: -36px;
				margin-left: 10px;}		
				
	
						
td				{width: 500px}


/*  FORM*/													


.form		{margin-left: 100px}

.form p		{margin-bottom: 8px;
			width: 300px;
			}
		
	
.email	 	{width: 230px;
			color: #fff;
			background-color: #666666;
			border-right: .5px solid #666;
			border-bottom: .5px solid #666;
			}
	

			 
input		{border-right: .5px solid #CC9966;
			border-bottom: .5px solid #CC9966;
			height: 19px;
}
						  

textarea	{width: 230px;
			background-color: #666666;
			color: #fff;
			height: 19px;
			border-right: .5px solid #666;
			border-bottom: .5px solid #666;
			}

.name		{width: 230px;
			background-color: #666666;
			color: #fff;
			border-right: .5px solid #666;
			border-bottom: .5px solid #666;
			}


.reset		{margin: 0px 0 0 25px;
			padding: 0 20px;
			color: #fff;
			font-weight: bold;
			width: 100px;
			background-color: #666666;}
			
			
.order		{margin: 0px 0 0 0px;
			padding: 0 20px;
			color: #fff;
			font-weight: bold;
			width: 100px;
			background-color: #666666;}			

		
.errormsg	{color: #FF0000;
			font-size: 12px;
			display: none;
			text-decoration: none;
			font-weight: bold;
			margin-top: 0px;}	

.postcode	{width: 100px;
			}



.state			{width: 100px;
				background-color: #666666;
				border-right: .5px solid #666;
				color: #fff;
			border-bottom: .5px solid #666;}