/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	background-color:#000000;
	background-image:url(images/b1.jpg);
	background-repeat:repeat-x;
	background-position:right;
	background-position:top;
	font-family:Century Gothic, Arial;
	font-style:normal;
	font-weight:normal;
}

#wrapper {
width:1000px;
background-color:#000000;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background:fixed;
}

#footer {
width:1000px;
height:113px;
background-image:url(images/f4.jpg);
background-repeat:repeat-x;
margin-top:0px;
float:left;
}

.footerbox {
height:113px;
margin-left:auto;
margin-right:auto;
}

.footerbox p {
font-family:Century Gothic;
font-size:10px;
font-style:normal;
font-weight:normal;
padding-top:40px;
padding-right:40px;
color:#333333;
text-align:center;
}

.contentbox {
width:418px;
float:left;
clear:right;
padding-left:20px;
padding-top:10px;
padding-right:20px;
padding-bottom:18px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
border: 1px solid #333333;
}

.contentboxbottom {
width:420px;
height:20px;
float:left;
clear:none;
padding-left:20px;
padding-top:18px;
padding-right:20px;
padding-bottom:18px;
margin-left:50px;
margin-top:0px;
margin-bottom:0px;
background-image:url(images/cb_02.jpg);
background-position:top;
background-repeat:no-repeat;
}

.contentboxright {
width:250px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding:0px;
background-image:url(images/buttonmid.jpg);
background-repeat:repeat-y;
}

.packages {
display:block;
width:114px;
height:100px;
margin-left:115px;
padding-top:6px;
font-size:9px;
color:#333333;
line-height:140%;
}

.packages a {
color:#333333;
font-weight:normal;
font-size:10px;
}

.packages a:hover {
color:#0066FF;
}


a.button1 {
width:200px;
height:50px;
margin-top:20px;
display:block;
background-image:url(images/button_1a.jpg);
background-repeat:no-repeat;
font-size:12px;
text-align:center;
color:#FFFFFF;
line-height:120%;
padding-top:15px;
}

a.button1:hover {
color:#FFCC33;
background-image:url(images/button_1b.jpg);
background-repeat:no-repeat;
}


.contentboxright2 {
width:250px;
float:left;
clear:right;
margin-top:0px;
margin-bottom:0px;
margin-left:25px;
background-image:url(images/buttonmid.jpg);
background-repeat:repeat-y;
}

#header {
width:1000px;
height:200px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

#headerleft {
width:245px;
height:200px;
float:left;
clear:right;
background-image:url(images/h11.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}

#headermiddle {
width:500px;
height:200px;
float:left;
clear:right;
background-image:url(images/h12c.jpg);
background-repeat:no-repeat;
margin:0;
}

#headerbox {
width:300px;
height:120px;
margin-top:40px;
}


#headerright {
width:250px;
height:200px;
float:right;
background-image:url(images/h13.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#leftcontent {
width:245px;
background-image:url(images/h14.jpg);
background-position:top left;
background-repeat:no-repeat;
padding-top:35px;
float: left;
clear: right;
}

#middlecontent {
width:500px;
margin-top:0px;
padding-left:0px;
padding-top:35px;
background-image:url(images/h15b.jpg);
background-position:top left;
background-repeat:no-repeat;
float: left;
clear: right;
}

#rightcontent {
width:250px;
padding-top:35px;
background-image:url(images/h16.jpg);
background-repeat:no-repeat;
background-position:right top;
float:right;
clear:none;
}

#screen {
	width:400px;
	height:260px;
	float:left;
	clear:none;
	background-image:url(images/skirt1.jpg);
	background-position:bottom;
	background-repeat:no-repeat;	
}

#photo {
width:180px;
height:400px;
float: right;
clear:none;
}

#equipment {
width: 200px;
float:left;
clear:right;
}

p {
	font-family:Century Gothic, Arial;
	font-size:12px;
	line-height:160%;
	font-style:normal;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:12px;
	color:#999999;
}

p strong {
color:#CCCCCC;
}

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		border:1px solid #999;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.4em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-78px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	h1{
		font-size:230%;
		font-weight:lighter;
		font-style:italic;
		color:#FFFFFF;
		margin-top:105px;
		margin-left:40px;
	}
	
	h1 strong {
		color:#FF6600;
		font-style:normal;
	}
	
	h2 {
		width:452px;
		font-size:18px;
		font-weight:normal;
		color:#0099FF;
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:8px;
		text-align:center;
		background-image:url(images/h1_top.jpg);
		background-position:top;
		background-repeat:no-repeat;
	}
	
	h2 strong {
		color:#FF9900;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	h3{
		font-size:110%;
		font-weight:normal;
		text-transform:uppercase;
		color:#0066CC;
		margin-top:0px;
	}
	
	h4{
		font-size:18px;
		font-weight:normal;
		text-transform:uppercase;
		text-align:left;
		color:#666666;
		margin-top:20px;
		margin-bottom:0px;
	}
	
	h4 strong {
	color:#FF9900;
	font-weight:normal;
	}
	
	h5 {
		font-size:140%;
		font-weight:normal;
		text-transform:uppercase;
		text-align:left;
		color:#666666;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:25px;
		letter-spacing:2px;
	}
		
	h6 {
		font-size:18px;
		font-weight:normal;
		text-transform:uppercase;
		text-align:left;
		color:#FF9900;
		margin-top:20px;
		margin-bottom:0px;
	}
	
	h6 strong {
		color:#FF3300;
		}
	
		h7 {
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		text-align:left;
		color:#666666;
		margin-left:12px;
		margin-bottom:10px;
	}
	
	
	
	.or {
		font-size:40px;
		color:#333333;
		margin-top:15px;
		margin-bottom:15px;
		text-align:center;
		}
	
	h7 a {
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		text-align:left;
		color:#FFCC00;
	}
	h7 a:hover {
		color:#FF9900;
		text-decoration:underline;
		}
	
	h6 a {
		color:#666666;
		font-size:14px;
		text-decoration:none;
		}
		
	h6 a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	p.text{
		width:250px;
		font-size:11px;
		color:#999999;
	}	
	
	a {
		color:#0066CC;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	
	.contentbox3 a {
		color:#FF9900;
		margin-bottom:0px;
		line-height:110%;
	}
	
	a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}
	img{
		border:none;
	}
	
	.nav {
	width:180px;
	height:20px;
	border-bottom: 1px dotted #333333;
	padding-bottom: 2px;
	margin-top:0px;
	margin-bottom:8px;
	text-align:right;
	}
	
	.nav strong {
	font-size:14px;
	color:#FFFFFF;
	font-style:normal;
	font-weight:normal;
	}
	
	.nav2 {
	width:180px;
	height:20px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 2px;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:8px;
	text-align:right;
	}
	
	.nav a {
	font-family: Century Gothic, Helvetica;
	font-size: 11px;
	font-weight:bold;
	font-style:normal;
	text-align:right;
	color:#0066CC;
	display:block;
	}
	
	.nav a:hover {
	color:#FF9900;
	border-bottom: 1px dotted #FFFFFF;
	}
	
	.nav2 a {
	font-family: Century Gothic, Helvetica;
	font-size: 100%;
	font-style:normal;
	text-align:right;
	color:#FF9900;
	}
	
	.nav2 a:hover {
	color:#FF9900;
	}
	
	.contentbox2 {
	width:180px;
	height:280px;
	background-image:url(images/wf1.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	}
	
	.contentbox3 {
	width:180px;
	height:50px;
	margin-left:0px;
	margin-bottom:12px;
	margin-top:12px;
	padding-top:6px;
	float:left;
	clear:right;
	}
	
	
	
	.contentbox4 {
	width:160px;
	height:44px;
	background-image:;
	background-repeat:no-repeat;
	background-position:right top;
	border: 1px solid #333333;
	padding: 10px;
	margin-top:20px;
	float:left;
	}

	li a {
		color:#FF9900;
		font-size:11px;
		text-decoration:none;
	}
	
	li a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	li {
	line-height: 190%;
	font-size:11px;
	color:#0066CC;
	}
	
	li strong {
	font-weight:bold;
	color:#FFFFFF;
	}
	
	ul {
	list-style: disc;
	list-style-position:outside;
	color:#0066CC;
	}
	
	a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	.address {
	font-size:12px;
	color:#666666;
	}
	
	#form1 {
	width:420px;
	padding-bottom:10px;
	}
	
	#form1 .label {
	float: left;
	clear: left;
	width: 170px;
	margin-right: 10px;
	text-align: right;
	font-size:10px;
	}
	
	#form2 {
	width:420px;
	padding-bottom:10px;
	}
	
	#form2 .label {
	float: left;
	clear: left;
	width: 170px;
	margin-right: 10px;
	text-align: right;
	font-size:10px;
	color:#999999;
	}
	
	input#name, input#company, input#email, input#phone, input#date, input#venue, input#size, input#needs, textarea#comments {
	width: 220px; 
	background-color: #FBEF99;
	font-family:Century Gothic, Arial;
	font-size:10px;
	margin-top: -2px;
	}
	
	input#submit {
	margin-left: 260px;
	background-color: #CBD893;
	font-family: Century Gothic, Arial;
	font-size:10px;
	}
	
	input#name:focus,
	input#company:focus,
	input#email:focus,
	input#phone:focus,
	input#date:focus,
	input#venue:focus,
	input#size:focus,
	input#needs:focus,
	textarea#comments:focus,
	select#refer:focus
	{
	background-color: #FDD041;
	}
	
	.button {
	display:block;
	background-image:url(images/buttontop.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:30px;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	padding-top:6px;
	margin-bottom:0px;
	}
	
	.button2 {
	display:block;
	background-image:url(images/buttontop.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:30px;
	font-size:100%;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF;
	margin-top:0px;
	padding-top:6px;
	margin-bottom:0px;
	margin-left:25px;
	}
	
	.button a {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#0099FF;
	}
	
	.button a:hover {
	color:#FFFFFF;
	}
	
	.button2 a {
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#0066CC;
	}
	
	.button2 a:hover {
	color:#FF9900;
	}
	
	.projectorbox {
	width:250px;
	height:125px;
	background-image:url(images/projectorbox.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:-7px;
	margin-bottom:0px;
	}
	
	.monitorbox {
	width:250px;
	height:125px;
	background-image:url(images/monitorbox.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:-7px;
	margin-bottom:0px;
	}
	
	.wirelessbox {
	width:250px;
	height:125px;
	background-image:url(images/wireless.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:-7px;
	margin-bottom:0px;
	}
	
	.contentboxright p {
	color:#333333;
	font-size:10px;
	padding-left:12px;
	padding-right:12px;
	margin-top:0px;
	}
	
	.contentboxright2 p {
	color:#333333;
	font-size:90%;
	padding-left:12px;
	padding-right:12px;
	margin-top:0px;
	}
	
	.contentboxright img {
	border: 1px solid #FFFFFF;
	margin-left:12px;
	margin-right:12px;
	margin-top:2px;
	margin-bottom:8px;
	float:left;
	clear:right;
	}
	
	.contentboxright2 img {
	border: 1px solid #FFFFFF;
	margin-left:8px;
	margin-right:8px;
	margin-top:0px;
	margin-bottom:8px;
	float:left;
	clear:right;
	}
	
	.contentbox img {
	border: 1px solid #FFFFFF;
	margin-left:0px;
	margin-right:12px;
	margin-top:8px;
	margin-bottom:8px;
	float:left;
	clear:left;
	}

	.buttonbottom {
	background-image:url(images/buttonbottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:44px;
	margin-bottom:0px;
	margin-top:0px;
	}
	
	.buttonbottom2 {
	display:block;
	background-image:url(images/buttonbottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:50px;
	margin-bottom:0px;
	margin-left:25px;
	margin-top:0px;
	float:left;
	clear: right;
	}
	
	.screenbox {
	width:400px;
	height:213px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
	background-image:url(images/skirt3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
	
	
	.box {
	width:120px;
	height:130px;
	float:left;
	clear:none;
	margin-right:18px;
	margin-top:10px;
	margin-bottom:15px;
	padding:0px;
	text-align:center;
	}

.box img {
	border: 1px solid #999999;
	margin:0px;
	margin-bottom:6px;
	padding:0px;
	float:left;
	clear:left;
}

.box p {
	text-align:center;
	margin-bottom:2px;
	margin-top:2px;
	line-height:110%;
	font-size:9px;
	font-weight:normal;
	color:#CCCCCC;
}

.box strong {
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	color:#FF9900;
}

.box a {
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	color:#0066CC;
	border:none;
}

.box a:hover {
	color:#FFFFFF;
	border:none;
	}
	
.hotel {
	font-size:10px;
	color:#999999;
	height:100px;
	margin-top:5px;
}
