/* COMMON STYLES */
body{
	background:#000000;
	background-image:url(../images/homepage-bg.gif);
	background-attachment:fixed;
	font-family:Arial, Helvitica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:center;
	margin:0;
}

p{
	margin:0;
	padding:0 0 7px 0;
	line-height:12px;
}

#wrap{
	margin:0 auto;
	text-align:left;
	width:900px;
	height:600px;
	background:#000000;
}

#navBox{
	position:relative;
	float:left;
	width:250px;
	height:600px;
}

#navBox h2{
	margin:30px 0 0 32px;
	width:119px;
	height:21px;
	background-image:url(../images/media-1-logo.png);
	cursor:pointer;
}

#navBox h2 span{
	position:absolute;
	left:-999px;
}

#quoteBox{
	position:absolute;
	top:355px;
	width:250px;
}

#quoteBox p{
	padding:0 29px 0 32px;
	font-style:italic;
}

#copywrite{
	position:absolute;
	top:560px;
	left:32px;
	font-size:10px;
}

#content{
	position:relative;
	float:right;
	width:650px;
	height:600px;
}

#servicesBox{
	position:absolute;
	top:1px;
	width:264px;
	height:568px;
	background-color:#ffffff;
	padding:30px 18px 0 18px;
	color:#000;
}
#servicesBox h1{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:12px;
	color:#00ADEF;
}

#flashdiv{text-align:center;}

#flashdiv p{text-align:left;}

#flashdiv img{border:0;}

#videoText{
	position:absolute;
	top:360px;
	left:0;
	padding:0 18px 0 18px;

}

/* END COMMON STYLES */

/* HOME STYLES */
#homeBubble{
	padding:33px 0 0 0;
	margin: 135px auto;
	width:366px;
	height:272px;
	background:url(../images/home-bubble.png);
	text-align: left;
}
#homeBubble p{padding:0 32px 7px 32px;}


/* QUALITY STYLES */
#qualityBubble{
	position:absolute;
	top:320px;
	left:318px;
	padding:18px 0 0 0;
	width:289px;
	height:240px;
	background:url(../images/quality-bubble.png);
}
#qualityBubble p{padding:0 18px 7px 18px;}


/* BRIEF STYLES */
#briefBubble{
	position:absolute;
	top:15px;
	left:180px;
	padding:16px 0 0 0;
	width:231px;
	height:190px;
	background:url(../images/brief-bubble.png);
}
#briefBubble p{padding:0 14px 7px 14px;}


/* ENROUTE STYLES */
#enrouteBubble{
	position:absolute;
	top:33px;
	left:81px;
	padding:12px 0 0 0;
	width:290px;
	height:402px;
	background-image:url(../images/enroute-bubble.png);
}
#enrouteBubble p{padding:0 14px 7px 14px;}

#enrouteBubble ul{
	padding:0;
	margin:0 14px 7px 14px;
}
#enrouteBubble ul li{
	list-style:none;
	margin:0;
	padding:0 0 7px 8px;
	background-image:url(../images/list-bg.gif);
	background-repeat:no-repeat;
	background-position: 0 .3em;
}
#enrouteBubble ul li span{font-weight:bold;}


/* PRESENTATION STYLES */
#presBubble{
	position:absolute;
	top:312px;
	left:20px;
	padding:12px 0 0 0;
	width:290px;
	height:247px;
	background:url(../images/pres-bubble.png);
}
#presBubble p{padding:0 14px 7px 14px;}


/* ENTERPRETATION STYLES */
#enterpBubble{
	position:absolute;
	top:48px;
	left:49px;
	padding:18px 0 0 0;
	width:191px;
	height:152px;
	background:url(../images/enterp-bubble.png);
}
#enterpBubble p{padding:0 18px 7px 18px;}


/* FULLSERVICE STYLES */
#fullserviceBubble{
	position:absolute;
	top:45px;
	left:30px;
	padding:14px 0 0 0;
	width:247px;
	height:205px;
	background:url(../images/fullservice-bubble.png);
}
#fullserviceBubble p{padding:0 16px 7px 16px;}


/* CREW STYLES */
#crewBubble{
	position:absolute;
	top:212px;
	left:305px;
	padding:18px 0 0 0;
	width:325px;
	height:351px;
	background:url(../images/crew-bubble.png);
}
#crewBubble p{padding:0 18px 7px 18px;}


/* INTEGRATION STYLES */
#integrationBubble, #integrationBubble1{
	position:absolute;
	top:18px;
	left:335px;
	padding:18px 0 0 0;
	width:290px;
	height:240px;
	background:url(../images/integration-bubble.png);
}
#integrationBubble p, #integrationBubble1 p{padding:0 16px 7px 18px;}

#integrationBubble1{
	top:293px;
	background:url(../images/integration-bubble1.png);
	height:280px;
}

#integrationBubble1 ul{
	padding:0;
	margin:0 14px 7px 18px;
}
#integrationBubble1 ul li{
	list-style:none;
	margin:0;
	padding:0 0 7px 8px;
	background-image:url(../images/list-pink-bg.gif);
	background-repeat:no-repeat;
	background-position: 0 .3em;
}


/* INTEGRATION STYLES */
#meetingBox{
	position:absolute;
	top:0;
	width:350;
	height:600px;
	left:300px;
}


/* CONTACT STYLES */
#contactBubble{
	position:absolute;
	top:275px;
	left:-120px;
	padding:18px 0 0 0;
	width:290px;
	height:241px;
	background:url(../images/contact-bubble.png);
}
#contactBubble p{
	font-size:14px;
	padding:0 18px 7px 18px;
	line-height:15px;
}
#contactBubble p span{font-weight:bold;}

a.emailLnk{
	font-size:14px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	z-index:999;
}

/* NAVIGATION STYLES */

#nav{
	position:absolute;
	top:95px;
	left:32px;
	width:195px;
}

#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav li{
	margin:0;
	padding:0;
}

/* 1st Level Nav */

#nav span{
	display:block;
	background-position:bottom;
	width:88px;
	height:12px;
	cursor:pointer;
}

#nav span:hover{
	background-position:top;
}

#nav span.access{	
	background-image:url(../images/nav/access.gif);
}

#nav span.service{	
	background-image:url(../images/nav/services.gif);
}

#nav span.showcase{	
	background-image:url(../images/nav/showcase.gif);
}

#nav span span{
	margin-left:-999px;
}

#nav li a.blog {
	background-image:url(../images/nav/blog.gif);
	width:88px;
}

#nav li a.contact {
	background-image:url(../images/nav/contact.gif);
	width:88px;
}

#nav li a.login {
	background-image:url(../images/nav/login.gif);
	width:88px;
}

#nav li a.blog span, #nav li a.contact span, #nav li a.login span{margin-left:-999px;}


/* 2nd Level Nav */

div.box ul li a{
	margin-left:41px;
	margin-top:2px;
}

#nav a{
	display:block;
	background-position:bottom;
	width:151px;
}

#nav a:hover{
	background-position:top;
}

#nav a span{
	margin-left:-999px;
	height:12px;
	overflow:hidden;
}

/* - Access Nav */

#nav li a.quality {
	background-image:url(../images/nav/quality.gif);
	width:147px;
}
#nav li a.brief {
	background-image:url(../images/nav/brief.gif);
	width:147px;
}
#nav li a.enroute {
	background-image:url(../images/nav/enroute.gif);
	width:147px;
}
#nav li a.present {
	background-image:url(../images/nav/presentation.gif);
	width:147px;
}
#nav li a.interp {
	background-image:url(../images/nav/interp.gif);
	width:147px;
}
#nav li a.fullserv {
	background-image:url(../images/nav/full-service.gif);
	width:147px;
}
#nav li a.kitcrew {
	background-image:url(../images/nav/crew.gif);
	width:147px;
}
#nav li a.integrat {
	background-image:url(../images/nav/intergra.gif);
	width:147px;
}

/* - Services Nav */

#nav li a.videoproduct {
	background-image:url(../images/nav/vidprod1.gif);
}
#nav li a.projm {
	background-image:url(../images/nav/projmanage.gif);
}
#nav li a.avequip {
	background-image:url(../images/nav/av.gif);
}
#nav li a.techsup {
	background-image:url(../images/nav/techn.gif);
}
#nav li a.photo {
	background-image:url(../images/nav/photo.gif);
}
#nav li a.setstage {
	background-image:url(../images/nav/setstage.gif);
}
#nav li a.prodlaunch {
	background-image:url(../images/nav/productl.gif);
}

/* - Showcases Nav */

#nav li a.agm {
	background-image:url(../images/nav/agm.gif);
}
#nav li a.conf {
	background-image:url(../images/nav/conf.gif);
}
#nav li a.keypads {
	background-image:url(../images/nav/keypad.gif);
}
#nav li a.vidprod {
	background-image:url(../images/nav/vidprod.gif);
}
#nav li a.awardcerem {
	background-image:url(../images/nav/awards.gif);
}
#nav li a.intmeet {
	background-image:url(../images/nav/intern.gif);
}
#nav li a.symp {
	background-image:url(../images/nav/symp.gif);
}


/* vertical align stuff */
body{height: 100%; width: 100%;}
html{height: 100%;}

#outer{
	width: 100%;
	text-align: center;
	display: table;
	height: 100%;
	#position: relative;
	overflow: hidden;
}

#middle{
	 #position: absolute;
	 #top: 50%;
	 display: table-cell;
	 vertical-align: middle;
	 text-align: center;
}
#wrap{
	#position: relative;
	#top: -50%;
	left: -50%;
}


/* ^^vertical align stuff */