@charset "UTF-8";
/* CSS Document */

/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline;}

hr{color:#000000; height: 1px;}

ul{list-style: none;}
ol{list-style: none;}

.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}


/*
STYLE ----------------------------- */

body {background:url(../images/body_bg.gif) repeat-x top left; background-color: #2c3137; color: #FFFFFF; font-size: 12px; font-family:Arial, Helvetica, sans-serif;line-height: 175%;}
body.internal {background:url(../images/internal_body_bg.gif) repeat-x top left; background-color: #2c3137; color: #FFFFFF; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}

#wrapperbg {background:url(../images/about_bg.jpg) no-repeat top center; min-width:960px; width:auto !important; width:960px; margin: 0px auto; position:relative; padding: 0px 20px 0px 20px;}

#container {position: relative; display: block; width: 960px; margin: 0px auto;}


/*
Main Nav ----------------------------- */

#topnav{display: block; height: 110px; width: 725px;}
#topnav h1.logo {float: left; margin: 26px 0px 0px 0px;}
#topnav h1.logo a{display: block; width: 182px; height: 84px; background:url(../images/Immedion_logo.jpg) no-repeat top center; text-indent: -9999px;}
#topnav h1.logo a:hover{background-position: bottom left;}
#topnav ul.topnav {float: right; margin: 58px 0px 0px 0px;}
#topnav ul.topnav li{float: left;}
#topnav ul.topnav a{display: block; height: 37px; text-indent: -9999px; margin-left:15px;}

#topnav ul.topnav a.about{width: 48px; background:url(../images/mainnavbg.png) no-repeat 0 -111px;}
#topnav ul.topnav a.about:hover{background-position: 0 -74px;}
#topnav ul.topnav li.active a.about{background-position: 0 -37px;}
#topnav ul.topnav li.active a.about:hover{background-position: 0 0px;}

#topnav ul.topnav a.services{width: 59px; background:url(../images/mainnavbg.png) no-repeat -64px -111px;}
#topnav ul.topnav a.services:hover{background-position: -64px -74px;}
#topnav ul.topnav li.active a.services{background-position: -64px -37px;}
#topnav ul.topnav li.active a.services:hover{background-position: -64px 0px;}

#topnav ul.topnav a.solutions{width: 64px; background:url(../images/mainnavbg.png) no-repeat -144px -111px;}
#topnav ul.topnav a.solutions:hover{background-position: -144px -74px;}
#topnav ul.topnav li.active a.solutions{background-position: -144px -37px;}
#topnav ul.topnav li.active a.solutions:hover{background-position: -144px 0px;}

#topnav ul.topnav a.newsandevents{width: 96px; background:url(../images/mainnavbg.png) no-repeat -226px -111px;}
#topnav ul.topnav a.newsandevents:hover{background-position: -226px -74px;}
#topnav ul.topnav li.active a.newsandevents{background-position: -226px -37px;}
#topnav ul.topnav li.active a.newsandevents:hover{background-position: -226px 0px;}

#topnav ul.topnav a.clients {width: 51px; background:url(../images/mainnavbg.png) no-repeat -344px -111px;}
#topnav ul.topnav a.clients:hover{background-position: -344px -74px;}
#topnav ul.topnav li.active a.clients{background-position: -344px -37px;}
#topnav ul.topnav li.active a.clients:hover{background-position: -344px 0px;}

#topnav ul.topnav a.contact{width: 56px; background:url(../images/mainnavbg.png) no-repeat -414px -111px;}
#topnav ul.topnav a.contact:hover{background-position: -414px -74px;}
#topnav ul.topnav li.active a.contact{background-position: -414px -37px;}
#topnav ul.topnav li.active a.contact:hover{background-position: -414px 0px;}

p{color: #FFFFFF; font-size: 12px;}
a{color:#0093d0; text-decoration: none;}
a:hover{text-decoration: underline;}

#footerbg {background:url(../images/footer_bg.gif) repeat-x; padding: 15px 0px 30px 0px; margin: 10px 0px 0px 0px;}
body.internal #footerbg {margin: 0px !important;}
#footer {position:relative; display: block; width: 560px; background:url(../images/alwayson.jpg) no-repeat 0px 0; padding: 0px 0px 0px 400px; margin: 30px auto 0px auto;}
#footer p{clear:both; margin: 0px 0px 0px 0px;}
#footer #footersecondline p{float: left; clear:none;}
#footer #footersecondline p.greycolor{color: #9da8b6;}
#datacenter { position:absolute;left:0;top:30px; }



/*
HOME PAGE ------------------------- */

#flashholder {display: block; width: 725px; height: 310px; margin: 1px 0px 0px 0px;}
.flash-replaced .alt {display: none;}

ul#proceed {position:absolute; top:500px; left:0px; margin:0; padding:0; width:720px; background:#545e6a;}
ul#proceed li {margin:0; padding:0; display:inline; list-style:none;}
ul#proceed li a {display:block; float:left; height:2px; width:80px; background:#ba4500; border-left:2px solid #2c3137; font-size:1px; text-indent:-9999px;}
ul#proceed li a:hover, ul#proceed li.active a {background:#9b2300;}

ul#proceed li.prev a, ul#proceed li.prev a:hover, ul#proceed li.next a, ul#proceed li.next a:hover {position: absolute; display: block; width:100px; height:24px; line-height:24px; font-size:13px; margin:-25px 0 0 0; padding:0 0 0 15px; border:none; text-indent:0; top: 0px; left:0; color:#9c2300; background:transparent url(../images/homeslider_leftarrow.jpg) no-repeat left center; text-decoration:none;}
ul#proceed li.next a, ul#proceed li.next a:hover {left:600px; text-align:right; padding:0 15px 0 0; background:transparent url(../images/homeslider_rightarrow.jpg) no-repeat right center;}
ul#proceed li a span {display:none;} 
ul#proceed li.prev a:hover span, ul#proceed li.next a:hover span {display:block;} 


#homeslider {display: block; width: 726px; height:90px; overflow: hidden; padding: 90px 0px 0px 0px;}
#homeslider ul{display: block; width: 1452px; list-style: none; margin:0; clear:both;}
#homeslider ul li{display: block; height: 130px; width: 280px; padding: 0px 83px 0px 0px; float: left;}
#homeslider ul li a{font-weight: bold;}

strong.headline {font-size: 14px; text-transform: uppercase; color: #0a8448; margin:0px;}
p.teaser {display: block; line-height:15px;}

/*
INTERNAL PAGE --------------------- */

body#services #wrapperbg {background:url(../images/services_bg.jpg) no-repeat top center;}
body#about #wrapperbg {background:url(../images/about_bg.jpg) no-repeat top center;}
body#solutions #wrapperbg {background:url(../images/resources_bg.jpg) no-repeat top center;}
body#newsevents #wrapperbg {background:url(../images/newsevents_bg.jpg) no-repeat top center;}
body#contact #wrapperbg {background:url(../images/contact_bg.jpg) no-repeat top center;}
body#twoyearevent #wrapperbg {background:url(../images/2yearevent_bg.jpg) no-repeat top center;}

/* Section Header */
#sectionheader {margin: 130px 0px 0px 0px;}

#sectiontitle h2{display: block; width: 327px; height: 29px; text-indent: -9999px; margin-left:15px;}
#sectiontitle h2.about {background:url(../images/sectiontitle_about.png) no-repeat top center;}
#sectiontitle h2.2yearevent {background:url(../images/sectiontitle_about.png) no-repeat top center;}
#sectiontitle h2.services {background:url(../images/sectiontitle_services.png) no-repeat top center;}
#sectiontitle h2.solutions {background:url(../images/sectiontitle_solutions.jpg) no-repeat top left;}
#sectiontitle h2.newsandevents {background:url(../images/sectiontitle_newsandevents.png) no-repeat top center;}
#sectiontitle h2.clients {background:url(../images/sectiontitle_clients.jpg) no-repeat top center;}
#sectiontitle h2.contact {background:url(../images/sectiontitle_contact.png) no-repeat top center;}
#sectiontitle h2.twoyearevent {background:url(../images/sectiontitle_2yearevent.png) no-repeat top center; width: 437px;}

ul.breadcrumbnav {margin: 10px 0px 0px 0px;}
ul.breadcrumbnav li {float: left; margin:0; background:rgba(0,0,0,0.6);}
ul.breadcrumbnav li a{color: #00bac7; text-decoration: none; font-size: 13px; padding:10px 15px 10px 15px; display:block; }
ul.breadcrumbnav li.current a{color:#00dbea;  text-decoration: none; font-size: 13px;}
	div.about ul.breadcrumbnav li.current a{border-bottom:5px solid #6bdd00;}
	div.services ul.breadcrumbnav li.current a{border-bottom:5px solid #00cfca;}
	div.solutions ul.breadcrumbnav li.current a{ border-bottom:5px solid #bd07bd;}
	
	ul.breadcrumbnav li ul { position:absolute; display:block; left:0; width:100%; margin:-5px 0 0 0; border-top:solid 5px #6bdd00; }
		ul.breadcrumbnav li ul li {  }
			ul.breadcrumbnav li ul li a { padding-top:10px; }
				ul.breadcrumbnav li.current ul li a { border-bottom:none !important; color:#5fc400; }
					ul.breadcrumbnav li.current ul li.current a { color:#7afb00; }
					
					div.services ul.breadcrumbnav li.current ul li a { color:#00b8b4; }
						div.services ul.breadcrumbnav li.current ul li.current a { color:#00fff9; }
					
					div.solutions ul.breadcrumbnav li.current ul li a { color:#a300a3; }
						div.solutions ul.breadcrumbnav li.current ul li.current a { color:#e900e9; }
					
	
	
ul.breadcrumbnav li a:hover{text-decoration: underline;}

/* Internet Content */
#internalcontent {position: relative; margin:40px 0px 0px 0px; min-height:420px; height:auto !important; height:420px; padding-top:20px; }
#internalcontent #text{ xwidth:530px; width:680px; }

#aup #internalcontent #text { width:100%; }

.firstparagraph {margin: 0px 0px 30px 0px;}
#internalcontent h2{color: #0a8448; font-size: 18px; margin: 0px 0px 10px 0px; clear: none;position:relative; z-index:200;}
#internalcontent h3{color: #9da9b8; font-size: 24px; margin: 0px 0px 10px 0px; font-weight:100;position:relative; z-index:200; line-height:30px;}
#internalcontent h4{color: #0a8448; font-size: 18px; margin: 0px 0px 10px 0px; clear: none;position:relative; z-index:200;}
#internalcontent h5{color: #0a8448; font-size: 14px; margin: 0px 0px 10px 0px; clear: none;position:relative; z-index:200;}
#internalcontent h6{color: #0a8448; font-size: 12px; margin: 0px 0px 10px 0px; clear: none; font-weight:900;}
#internalcontent p {line-height: 175%; margin: 0px 0px 10px 0px; position:relative; z-index:200;}
#internalcontent #text {margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px;position:relative; z-index:200;}
#internalcontent img {float:left; margin:0 20px 20px 0; padding:5px; background:#212429;position:relative; z-index:200;}
	#internalcontent img[align=right], #internalcontent img.right { float:right; margin-left:40px; }
#internalcontent strong { font-weight:bold;position:relative; z-index:200; }
#internalcontent ul, ol{margin: 0px 0px 10px 0px; padding: 10px 0px 10px 40px;position:relative; z-index:200;}
#internalcontent ul li{list-style-image:url(../images/bullet.png); list-style-position: outside; line-height: 125%; margin-bottom:8px;position:relative; z-index:200;}
	#internalcontent ul li ul li{list-style-image:url(../images/bullet2.png); list-style-position: outside; line-height: 125%; margin-bottom:8px;position:relative; z-index:200;}
#internalcontent ol li{list-style: decimal; list-style-position: outside; line-height: 125%;  margin-bottom:8px;}
blockquote { margin:20px 30px; padding:20px 30px; background:#212529 url(../images/blockquote.png) no-repeat 10px 10px; font-style:italic; color:#0a8448;position:relative; z-index:200;}
#internalcontent table.data {text-align:left;position:relative; z-index:200;}
#internalcontent table.data th {padding:2px 5px; border-bottom:1px solid #212529; font-weight:bold; line-height:18px; text-align:left; color:#0a8448;}
#internalcontent table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #212529; }
#internalcontent table.data tr.even td {background-color:#212529;}
#rss { float:right; width:33px; height:36px; text-indent:-9999px; }
#rss a { width:33px; height:36px; background: url(../images/rss.png) no-repeat 0 0; text-indent:-9999px; display:block;}


.imagepage {position: absolute; top: -20px; right: 0; margin:0 0 0 0; width:600px; height:420px; background-repeat:no-repeat; background-position:top right; z-index:100; }
	body#aup .imagepage { display:none; }
.contactinformation {  width:400px; right:0;position:absolute; height:400px; top:45px; }
	.customersupport { border-top:1px solid #404750; padding-top:15px; margin-top:15px; }
		.customersupport strong { font-size:20px; color:#a4abb4; font-weight:100; }
		.rsvpdetails p{ font-size:20px; color:#a4abb4; font-weight:100; margin: 0px; padding: 0px; line-height: 70% !important;}
		p.guesttitle {font-weight: bold; font-size: 14px;}
		
		.rfv{clear:left; visibility: visible;}

/* forms */
fieldset { margin:10px 0 40px; padding-bottom:10px; display:block; position:relative; }
	fieldset legend { text-indent:-9999px; }
	fieldset label { float:left; width:200px; position:relative; color:#b2cce1; margin:14px 10px 2px 1px; display:block; clear:left; border-bottom:solid 1px #27405A; border-bottom:solid 1px rgba(0,0,0,0.2); }
		fieldset label.required { font-weight:bold; color:#c2daed; }
		fieldset label span.required { display:block; position:absolute; top:0; right:0; margin: 0px 0 0 0; color:#4db3f6; font-weight:normal; font-style:italic; font-family:georgia, "times new roman", "times", serif; }
	fieldset label, fieldset input { line-height:22px; }
	fieldset input, fieldset textarea {font-family:arial, sans-serif; color:#ddd; font-size:14px; padding:3px 2px 4px 2px; margin: 14px 0 0 0; background:#555555; border:none; }
		fieldset input:focus, fieldset textarea:focus {background-color: #333333; }
		
	fieldset textarea{width:300px; height: 50px; overflow: hidden;}
	
	/*input {background: none;}*/	
	. linkbutton{display: block; background:url(../images/sendButton.jpg) no-repeat top left; height: 30px; width: 60px; text-indent: -9999px; margin: 30px 0px 0px 0px; border: none;}
	.submitlinkbutton:hover{background-position: bottom left;}	
		
/* News */
span.link-direction { color:#a2aae0; }
table.newsTable { width:100%; }
table.newsTable h4  { margin-top:25px; border-bottom:1px solid #404750;padding-bottom:5px;  }
table.newsTable h4 a {font-size:16px; }

table.newsTable p.newslist { margin-top:10px; }
table.newsTable tr.pager span { background: url(../images/form_bg.png) repeat top left; color: #d0e8ec; padding: 2px 2px 1px 2px; }

#text h4.newsarticletitle { margin-top:60px; font-size:24px; font-weight:lighter;  }
#text h6.newsdate { font-size:14px; color:#fff; border-bottom:1px solid #404750;padding-bottom:10px; }
a.linkbutton { position:absolute; top:-55px; left:0; background:#23272c;padding:10px; }
a.linkbutton:hover { background: #111316; text-decoration:none; }
	
	
#contactbox { clear:both; }