/****************************************
**	website: 	www.tradeshowmagicians.co.uk
**	version: 	1.0 
**	media:		screen
**	date:		01/01/2008

A big thank you to James Whittaker for
his guidiance with the CSS - www.jameswhittaker.com
*****************************************/
/****************************************
Access
*****************************************/

.hide { display: none; }

/****************************************
layout
*****************************************/
body {
	border-top: 0.25em solid #CC0099;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: black;
	
}

#main_wrapper{
	width: 59.30em;
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
}

#inner_wrapper{
/*background-image:url(../img/960-grid.gif);
background-position: center;
background-repeat: repeat-y;*/
background-color: #fff;
width: 59.30em;
}

#inner_wrapper_home{
background-color: transparent;
width: 59.30em;
}

.home_right_content{
float:right;
height: 320px;
width:24.00em;
color: #fff;
margin: 10px 30px 0px 0px;
font-size: 12px;
}

p.home_right_content{

}

#home_upsell a.homelink {
font-size:.75em;
	color: #fff;
	font-weight: bold;
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-left: 12px;
	background-image:url(../img/home-link.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#main_content_home{
height: 1%;
margin-top: 1px;
padding-top: 30px;
border-left:1px solid #2B2B2C;
border-bottom:1px solid #2B2B2C;
border-right:1px solid #2B2B2C;
background-image:url(../img/matt-home.jpg);
background-position: 0px 20px;
background-repeat:no-repeat;
}


#home_upsell{
	margin: 20px 40px;
	clear:both;
	text-align: center;
	color: #fff;
}

#home_upsell h1{
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1em;
	padding-bottom: .5em;
	padding-top: .3em;
	
}

#main_content_home p{
line-height: 1.3em;
padding-bottom: 10px;
}

#home_upsell p{
width: 270px;
line-height: 1.3em;
padding-bottom: .5em;
font-size: .75em;
}

#box_1 {
margin-left:10px;
float:left;
width:250px;
background-color: transparent;
text-align: left;
}

#box_2 {
margin-left:40px;
float:left;
width:270px;
background-color: transparent;
text-align: left;
}

#box_3 {
margin-left:20px;
float:left;
width:270px;
background-color: transparent;
text-align: left;
}

#main-content {
background-image: url(../img/content-grad.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	float:left;
	width:648px;
	padding:45px 0px 30px 10px;
	}



#main_content h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
	font-size: 1.8em;
	line-height: 1em;
	padding-bottom: .5em;
	padding-left:15px;
}


#main-content h2 {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	line-height: 1.3em;
	font-weight:bold;
	padding-bottom: .5em;
	padding-left:15px;
	padding-top: 20px;
}

#main_content h3{
	font-size: .75em;
	line-height: 1.6em;
	padding-bottom: 1em;
	font-weight: bold;
	padding-left:15px;
	margin-top: 20px;
}


#main_content p {
	font-size: 12px;
	line-height: 1.6em;
	padding: 5px 20px 5px 15px;
}

#main_content ul li {
	font-size: 12px;
	line-height: 1em;
	padding: 5px 0px 5px 0px;
	margin-left: 2.200em;
}


#main_content p.home{
	font-size: 12px;
	line-height: 1.6em;
	padding: 5px 0px 5px 0px;
}



.left{
	float:left;
	width:320px;
}

.right{
	float:left;
	width:320px;
}

.pair{
border: 1px solid #666;
background-color:#990000;
height:1%;
}

.logo{
float: right;
padding: 0px 50px 0px 10px;
}


.quote_logo{
	float: left;
}
ul.mainbullets 
{	
margin-left: 10px;
list-style-image: url(../img/bullet.gif);
}

.rarrow{
background: transparent url(../img/rightarrow.gif) no-repeat left center;
}

.larrow{
background: transparent url(../img/leftarrow.gif) no-repeat right;
}

.more{
background: transparent url(../img/morearrow.gif) no-repeat left;
padding-left: 16px;
}


.copyleft{
	float:left;
	width:270px;
}

	
#entity_bar{
	width: 59.38em;
	background-color: transparent;
	height:1em;
}

#entity_bar li { 
background-color: transparent;
display:inline; 
font-size: .70em;
color: #4a4a56;
}

#ent-left{
	float:left;
}

#ent-left li{
	background: transparent url(../img/entity_pipe.gif) no-repeat right;
}
#ent-left li a {
font-weight:normal;
padding: 0em .9em 0em .2em;
}

#ent-right{
	float:right;
}

#ent-right li{
	background: transparent url(../img/entity_pipe.gif) no-repeat left;
}
#ent-right li a {
font-weight:normal;
padding: 0em .2em 0em .9em;
}

#nav-bar{
height:2.44em;
/*background: url(../img/nav_bk.jpg) no-repeat left;*/
}

#footer{
clear:both;
padding: 0;
margin:10px 0px 50px 0px;
background-color: transparent;
}

#footer p{
color: #d6dde5;
font-size:.64em;
}

#footer p a.standards{
color: #a2adba;
font-size: 1em;
text-decoration: none; 
border-bottom: 0.0833333em solid #a2adba;
}

#footer p a.standards:hover{
color: #ffffff;
text-decoration: none; 
border-bottom: 0.085em solid #ffffff;
}
#footer_left{
	float: left;
	
}

#footer_right{
	float: right;
	text-align:right;
}

/****************************************
global
*****************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	font-family: Verdana, arial, sans-serif;
	line-height: 1.75em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img, input { border: 0; }

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {	list-style: none; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6,code {
	font-size: 100%;
	font-weight: normal;
	margin:0;
	padding:0;
}

q:before,q:after { content: ''; }

abbr,acronym { border: 0; }


/*----------------------------------------------
Links
----------------------------------------------*/
a:link,a:visited, a:hover, a:active {
	text-decoration:none;
	color:#000000;
	background-color: transparent;
}

a, a:link, a:visited {

}

a:hover, a:active {
text-decoration:underline;
}

/*-------------------------------------------*/


/****************************************
Navigation
*****************************************/




#nav {
background-color: transparent;
position:absolute;
top:1.6em;
}
#nav ul#navlist {
background-color: transparent;
list-style-type:none;
float:left;
height:2.19em;
margin:0em;
padding:0em;
z-index:500;
}
#nav ul#navlist li {
background-color: transparent;
float:left;
font-size:.80em;
margin:0pt;
padding:0pt;
position:relative;
text-align:center;
}

/*Main navigation font color */
#nav ul#navlist li a, #nav ul#navlist li span {
background-color: transparent;
color:#fff;
list-style-type:none;
display:block;
font-family:Arial,sans-serif;
font-weight:bold;
height:2.30em;
padding:0.38em 0pt 0pt;
text-decoration:none;
width:9.25em;
}

#nav ul#navlist li a:hover, #nav ul#navlist li a:active, #nav ul#navlist li span:hover {
background-image: url(../img/nav-bk.jpg);
background-repeat:repeat-x;
background-position: bottom;
color:#cc0099;
}


body.welcome #nav ul#navlist li#nav-welcome .mainlink,
body.magicians #nav ul#navlist li#nav-magician .mainlink,
body.about #nav ul#navlist li#nav-about .mainlink,
body.pickpocket #nav ul#navlist li#nav-pickpocket .mainlink,
body.speaker #nav ul#navlist li#nav-speaker .mainlink,
body.trade #nav ul#navlist li#nav-trade .mainlink,
body.character #nav ul#navlist li#nav-character .mainlink,
body.video #nav ul#navlist li#nav-video .mainlink,
body.photo #nav ul#navlist li#nav-photo .mainlink,
body.recommendations #nav ul#navlist li#nav-recommendation .mainlink,
body.contact #nav ul#navlist li#nav-contact .mainlink
	{
background-image: url(../img/nav-bk.jpg);
background-repeat:repeat-x;
background-position: bottom;
color:#000;
     }




#nav ul#navlist li#nav-magician .mainlink {
background-color: transparent;
width: 6em;
}


#nav ul#navlist li#nav-welcome .mainlink {
background-color: transparent;
width: 6em;
}

#nav ul#navlist li#nav-about .mainlink {
background-color: transparent;
width:6em;
}

#nav ul#navlist li#nav-pickpocket .mainlink {
background-color: transparent;
width:6em;
}

#nav ul#navlist li#nav-speaker .mainlink {
background-color: transparent;
width:7.9em;
}

#nav ul#navlist li#nav-trade .mainlink {
background-color: transparent;
width:6.8em;
}
#nav ul#navlist li#nav-character .mainlink {
background-color: transparent;
width:7em;
}

#nav ul#navlist li#nav-video .mainlink {
background-color: transparent;
width:4em;
}

#nav ul#navlist li#nav-photo .mainlink {
background-color: transparent;
width:4.9em;
}
#nav ul#navlist li#nav-recommendation .mainlink {
background-color: transparent;
width:9.9em;
}

#nav ul#navlist li#nav-contact .mainlink {
background-color: transparent;
width:5.4em;
}

#nav ul#navlist li:hover {
/*background-image: url(../img/nav-bk.jpg);
background-repeat:repeat-x;
background-position: bottom;*/
color: #cc0099;
}
#nav ul#navlist li:hover a {
background:#000 none repeat scroll 0%;
}
#nav ul#navlist li a:hover {
background:transparent none repeat scroll 0%;
}
#nav ul#navlist li a:active {
color: #cc0099;
}
#nav ul#navlist li ul {
background:transparent none repeat scroll 0%;
clear:left;
left:-999em;
margin:0em 0em 0em;
padding:0em;
position:absolute;
width:11.38em;
z-index:150000;
}

#nav ul#navlist li ul ul {
list-style-type:none;
background-color: transparent;
margin:0em -9.37em 0em 13.48em;
top:0em;
}
#nav ul#navlist li:hover ul ul {
background-color: transparent;
left:-999em;
}

#nav ul#navlist li:hover ul, #nav ul#navlist li li:hover ul  {
background-color: #1c041c;
left:0em;
right:auto;
}

#nav ul#navlist li ul li {
background: #1c041c none repeat scroll 0%;
font-size:11px;
height:auto;
line-height:1.1em;
text-transform:none;
width:100px;
}
#nav ul#navlist li ul li a, #nav ul#navlist li:hover ul li a {
background: #1c041c none repeat scroll 0%;
color:#fff;
font-family:Tahoma,Geneva,Verdana,sans-serif;
font-size:.96em;
font-weight:bold;
height:auto;
padding:0.75em 0.50em;
text-align:left;
width:11.31em;

}

/* Sub navigation hover background color */
#nav ul#navlist li ul li:hover a{
background-color:#1c041c;
color: #cc0099;
}

#nav ul#navlist li ul li.sub a, #nav ul#navlist li ul li.sub span {
background-color: #fff;
color:#000;
padding-right:2.50em;
width:11.21em;
}

#nav ul#navlist li ul li.sub:hover {
background-color:#fff;

}
#nav ul#navlist li ul li.sub a:hover{
	background-color:#fff;
}


#nav ul#navlist li ul li:hover li a{
background-color:#000;

}


	
#leftbar {
	float:left;
	margin:0px 0 20px 0;
	padding:0px 0px 0px 0px;
	width:290px;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.fullwidth{
	width: 600px;
}



blockquote {
	margin: 7px 0px 0px 0px;
	padding: 10px 0;
	position:relative; /* IE needs this ??????? */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	color:#200920;
	line-height: 1.2;
	border-bottom: 2px solid #ccc;
	border-top: 1px solid #ccc;
	}

	
	
	
.bqstart {
     float: left;
	 width: 40px;
     height: 30px;
	 margin-top: -5px;
     font-size: 300%;
     color: #200920;
 }

 .bqend {
     float: right;
	 width: 33px;
     height:20px;
     font-size: 300%;
     color: #200920;
	 margin-top: -20px;
 }
 
 p.quoteby{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#333;
	padding-top:18px;
}

blockquote.homeq{
float:left;
	width: 270px;
	margin: 0px 0px 0px 0px;
	position:relative; /* IE needs this ??????? */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	line-height: 1.2;
	border: none;
		}

blockquote.right{
float:right;
	width: 270px;
	margin: 15px 15px 0px 0px;
	position:relative; /* IE needs this ??????? */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#200920;
	line-height: 1.2;
	border-bottom: 2px solid #ccc;
	border-top: 1px solid #ccc;
		}
	
blockquote.fullsmall{
	width: 590px;
	margin: 15px 15px 0px 15px;
	position:relative; /* IE needs this ??????? */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#200920;
	line-height: 1.4;
	border-bottom: 2px solid #ccc;
	border-top: 1px solid #ccc;
		}
		
	
	.descript{
	width:270px;
	margin: 15px 15px 0px 15px;
	position: relative;
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	color:#200920;
	line-height: 1.4;
	text-align:left;
		}
	
	
.descript2{
	
	margin: 25px 15px 0px 15px;
	width: 608px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	color:#200920;
	line-height: 1.4;
	text-align:left;
		}
 p.home_quoteby{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#fff;
	padding-top:18px;
}

	
.right-quote{
	width: 270px;
	position: absolute;
	padding-top:8px;
}

.left-img{
padding-bottom: 20px;
padding-top: 15px;
}
.full-image {
	margin-top: 15px;
}



/* Form elements  */

#cform{
width:460px;
margin-left:16px;
	padding: 15px 0px 10px 20px;
	background-color: #EDEDED;
}

#cform td.formhead{
padding: 0;
margin:0;
}

input{
	border: 1px solid #999;
	height: 15px;
	padding: 5px;
	}

input.number{
	border: 1px solid #999;
	height: 15px;
	padding: 5px;
	width: 40px;
	}

textarea.comment{
	border: 1px solid #999;
	height: 130px;
	padding: 5px;
	width: 200px;
	}
	
input.text{
	border: 1px solid #999;
	height: 15px;
	padding: 5px;
	width: 200px;
	}

input.date{
	border: 1px solid #999;
	height: 15px;
	padding: 5px;
	}

input.button{
	color: #fff;
	font-weight: bold;
	background-color: #333;
	height: 30px;
	padding: 5px;
	}
	
.smalltxt{
	font-size: .75em;
	font-style: italic;
}	
	
.question{
	background-image:url(../img/required.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
	
.checkbox{
	margin-right: 10px;
	padding: 0;
}

.radio{
	margin-right: 10px;
	margin-top: 5px;
}
#cform td{
	padding: 3px 15px;
	font-size: .80em;
}


/* Flash */

#flashclients{
float: right;
padding: 0px 10px 0px 10px;
}


/*Video*/

#video{
	text-align: center;
	padding: 10px 0px 20px 0px;
}