/* 
================================
Skin styles for Eclipse New Media
================================
*/ 

/* Remove all margins padding */
* {padding:0; margin:0;}  

html{display:bloack; padding:0; margin:0;}

body{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color: #3a3a3a; font-size: 100%; background-color:#FFF; overflow:visible;}	

a, a:visited{ text-decoration:none; color:#0089E6;}
a:hover{text-decoration:underline;}

.controlpanel{}
.menu{background-color:#FFFFFF;}

.hidden{display:none;}

table, p, li {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3a3a3a; margin:0; line-height:17px;}

h1 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:2em; text-decoration: none; font-weight: normal; margin-bottom:20px;}
h2 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; color: #555555; margin-bottom:12px;}
h3 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; color: #555555;}
h4{color:#0089E6; font-size:14px;}
p{ margin-bottom:12px; font-size: 0.8em;}
.col ul{margin:5px 0 15px 20px; padding-left:10px; list-style-image:url(images/list/list-arrow.png); list-style-type:none;}

acronym{cursor:help;}

img{border:none;}

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited{text-decoration:none; color:#505050; }
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:underline; /*background-color:#FFFFFF;*/}


body{behavior: url(/Portals/13/Skins/v4/style/csshover3.htc);}
.pngfix, .submenu a, .more-info-button, #hero span#trans-top, #hero span#trans-left, #hero span#trans-right{behavior: url(/Portals/13/Skins/v4/style/iepngfix.htc);}


#flashcontent { width:883px;  height:364px;}
#toppad {padding: 20px 0px 0px 0px;}

/* --- Login --- */
#login{width:100%; height:25px; margin:0 auto; padding:0; display:block; position:relative; text-align:center; background-color:#FFF;}

/* --- Page Containers & Side bars --- */
.content-container{width:900px; height:auto;  float:left; display:inline; position:relative;}
.sidebar-left, .sidebar-right{width:25px; float:left; display:inline; height:auto;}
.col, .banner-image, .content-pane{border-right:none !important; border-left:none !important;}
/* ----------------------------------- */

/* ---Page --- */
#page{background:#FFFFFF url(images/page-bg.png) scroll 0 0 repeat-x; position:relative;}
/* --- Page wrapper --- */
#page-container, #need-help-container{width:950px; height:auto; margin:0 auto; position:relative;}
	/* --- Need Help --- */
	#need-help {position:relative; background-color:#47C9FF; width:100%; height:auto;}
		#need-help #wrapper{display:none; height:40px; padding-top:10px; width:950px; margin:0 auto;position:relative; background:#414141 url('images/need-help-repeat.png') scroll repeat-y 0 0; color:#FFF;}
		#wrapper a#speak, #wrapper a#email, #wrapper p#phone{display:block; float:right; position:relative; margin-right:10px; background-attachment:scroll; background-position:left center; background-repeat:no-repeat; color:#FFF; font-size:2px; font-weight:bold; margin-bottom:0; height:36px; text-indent:-9999px; outline:none;}
		#wrapper a#speak{background-image:url('images/help/speak.png'); cursor:pointer; width:196px;}
		#wrapper a#email{background-image:url('images/help/email.png'); cursor:pointer; width:210px;}
		#wrapper p#phone{background-image:url('images/help/phone.png'); margin-right:20px; width:180px;}
		
		ul#need-help-button{list-style-type:none; list-style-position:outside; position:absolute; top:0; right:30px; z-index:2;}
		ul#need-help-button li{float:left; display:inline; background-color:#414141;}
		ul#need-help-button li#left, ul#need-help-button li#right{width:15px; height:34px; background-attachment:scroll; background-position:0 0; background-repeat:no-repeat;}
		ul#need-help-button li#left{background-image:url('images/help-button-left.png');}
		ul#need-help-button li#right{background-image:url('images/help-button-right.png');}
		ul#need-help-button li a, ul#need-help-button li a:link, ul#need-help-button li a:visited{display:block; padding:10px 25px 0 15px; height:24px; width:66px; outline:none; cursor:pointer; background:url('images/icons/plus.png') scroll no-repeat 85px 13px; color:#FFF;}
		ul#need-help-button li a:hover, ul#need-help-button li a:focus{text-decoration:underline; }
		ul#need-help-button li a.minus{background-image:url('images/icons/minus.png');}
	/* --- Header --- */
	#header {height:145px; display:block; position:relative; margin-bottom:0px;}
		#header .content-container{background:url(images/header-repeat.png) scroll repeat-x 0 0; height:145px;}
		#header .sidebar-left{background:url(images/header-left.png) scroll no-repeat 0 0; height:145px;}
		#header .sidebar-right{background:url(images/header-right.png) scroll no-repeat 0 0; height:145px;}
		
		a#logo{display:block; position:absolute; top:20px; left:0; padding: 0px; background-image:url(images/logo.png); height:50px; width:260px; text-indent:-9999px; cursor:pointer; outline:none;}
		a#live-help {position:absolute; top: 30px; left: 780px; padding: 0; background-image:url(images/livehelp.png); height: 35px; width:120px; text-indent:-9999px; cursor:pointer; outline:none;}
		a#logo:hover, a#live-help:hover{background-color:transparent;}

		/* --- SEO Main Menu --- */
		.SEOMenu, .adminMenu {height:48px; width:auto; position:relative; top:85px; display:inline; float:left;}
		.SEOMenu ul, .adminMenu ul {height:48px; margin-left:0; list-style-type:none; width:auto;}
		.adminMenu ul {width:180px;}
		
		.SEOMenu ul li, .adminMenu ul li {float:left; position:relative; display:inline; height:48px; width:85px; list-style-type:none; margin-right:2px; text-align:center;} 		
		.SEOMenu ul li a, .SEOMenu ul li a:visited, .adminMenu ul li a, .adminMenu ul li a:visited{display:block; padding:15px 0 0 0; font-size:1.1em; color:#FFFFFF; text-decoration:none; height:32px; outline:none;}
		.SEOMenu ul li.CurrentItem, .SEOMenu ul li:hover, .SEOMenu ul li.ParentItem, .SEOMenu ul li:focus, .adminMenu ul li.CurrentItem, .adminMenu ul li:hover, .adminMenu ul li.ParentItem, .adminMenu ul li:focus {background:url(images/menu/menu-repeat.png) repeat-x scroll 0 0;}
		.SEOMenu ul li.CurrentItem a, .SEOMenu ul li:hover a, .SEOMenu ul li.ParentItem a, .SEOMenu ul li:focus a .adminMenu ul li.CurrentItem a, .adminMenu ul li:hover a, .adminMenu ul li.ParentItem a, .adminMenu ul li:focus a {background:url(images/menu/menu-arrow.png) no-repeat scroll bottom center; border-style:solid; border-color:#3399FF; border-width:0 1px; text-decoration:none;}
		/* -- Admin Sub menu -- */
		.SEOMenu ul li:hover ul li, .adminMenu ul li:hover ul li {display:block; z-index:1000;}
		.SEOMenu ul li ul, .adminMenu ul li ul{width:0; text-align:left;}
		.SEOMenu ul li ul li, .adminMenu ul li ul li{background-color:#000000; color:#FFFFFF; background-image:none; display:none; height:auto; width:175px; text-align:left; background-image:none;}
		.SEOMenu ul li ul li a, .SEOMenu ul li ul li a:visited , .SEOMenu ul li:hover ul li a, .adminMenu ul li ul li a, .adminMenu ul li ul li a:visited , .adminMenu ul li:hover ul li a {padding:0; padding-left:5px; text-decoration:none; background-image:none; height:auto;}
		.SEOMenu ul li ul li.CurrentItem, .SEOMenu ul li ul li a:hover, .adminMenu ul li ul li.CurrentItem, .adminMenu ul li ul li a:hover  {text-decoration:underline; border-color:#3399FF; background-color:#3399FF; background-image:none;}
		.SEOMenu ul li ul li.CurrentItem a, .SEOMenu ul li ul li:hover a, .adminMenu ul li ul li.CurrentItem a, .adminMenu ul li ul li:hover a {padding:0; padding-left:5px; height:auto;}
		.SEOMenu ul li ul li.SubLast, .adminMenu ul li ul li.SubLast{border-bottom:1px solid #3399FF;}
		
		/* --- End main menu --- */
	/* --- End Header --- */
	
	/* --- Sub Menu --- */
	#sub-menu{position:relative; height:88px; width:inherit; }
		#sub-menu .sidebar-left{height:88px;}
		#sub-menu .content-container{height:88px;}
		#sub-menu .sidebar-right{height:88px;}
		/* -- Different colour backgrounds --- */
		/* Colours available: purple, dark-purple, blue, green, black, silver, orange, lime */
		/* -- purple -- */
		.purple .sidebar-left{background:url(images/submenu-backgrounds/purple-left.png) no-repeat scroll 0 0;}
		.purple .content-container{background:url(images/submenu-backgrounds/purple-repeat.png) repeat-x scroll 0 0;}
		.purple .sidebar-right{background:url(images/submenu-backgrounds/purple-right.png) no-repeat scroll 0 0;}
		/* -- dark purple -- */
		.dark-purple .sidebar-left{background:url(images/submenu-backgrounds/dark-purple-left.png) no-repeat scroll 0 0;}
		.dark-purple .content-container{background:url(images/submenu-backgrounds/dark-purple-repeat.png) repeat-x scroll 0 0;}
		.dark-purple .sidebar-right{background:url(images/submenu-backgrounds/dark-purple-right.png) no-repeat scroll 0 0;}
		/* -- blue -- */
		.blue .sidebar-left{background:url(images/submenu-backgrounds/blue-left.png) no-repeat scroll 0 0;}
		.blue .content-container{background:url(images/submenu-backgrounds/blue-repeat.png) repeat-x scroll 0 0;}
		.blue .sidebar-right{background:url(images/submenu-backgrounds/blue-right.png) no-repeat scroll 0 0;}
		/* -- green -- */
		.green .sidebar-left{background:url(images/submenu-backgrounds/green-left.png) no-repeat scroll 0 0;}
		.green .content-container{background:url(images/submenu-backgrounds/green-repeat.png) repeat-x scroll 0 0;}
		.green .sidebar-right{background:url(images/submenu-backgrounds/green-right.png) no-repeat scroll 0 0;}
		/* -- black -- */
		.black .sidebar-left{background:url(images/submenu-backgrounds/black-left.png) no-repeat scroll 0 0;}
		.black .content-container{background:url(images/submenu-backgrounds/black-repeat.png) repeat-x scroll 0 0;}
		.black .sidebar-right{background:url(images/submenu-backgrounds/black-right.png) no-repeat scroll 0 0;}
		/* -- silver -- */
		.silver .sidebar-left{background:url(images/submenu-backgrounds/silver-left.png) no-repeat scroll 0 0;}
		.silver .content-container{background:url(images/submenu-backgrounds/silver-repeat.png) repeat-x scroll 0 0;}
		.silver .sidebar-right{background:url(images/submenu-backgrounds/silver-right.png) no-repeat scroll 0 0;}
		/* -- orange -- */
		.orange .sidebar-left{background:url(images/submenu-backgrounds/orange-left.png) no-repeat scroll 0 0;}
		.orange .content-container{background:url(images/submenu-backgrounds/orange-repeat.png) repeat-x scroll 0 0;}
		.orange .sidebar-right{background:url(images/submenu-backgrounds/orange-right.png) no-repeat scroll 0 0;}
		/* -- lime -- */
		.lime .sidebar-left{background:url(images/submenu-backgrounds/lime-left.png) no-repeat scroll 0 0;}
		.lime .content-container{background:url(images/submenu-backgrounds/lime-repeat.png) repeat-x scroll 0 0;}
		.lime .sidebar-right{background:url(images/submenu-backgrounds/lime-right.png) no-repeat scroll 0 0;}
		
		.submenu{width:870px; height:88px; display:block; position:relative; margin:0 auto;}
			/* --- Menu style --- */
			.submenu h1{margin-top:15px; color:#FFFFFF; font-size:2em; font-family:Helvetica, Verdana, Arial, sans-serif;}
			.submenu ul{display:block; position:absolute; width:870px; height:27px; top:62px; left:0px;}
			.submenu li{list-style-type:none; display:block; float:left; display:inline; position:relative; width:auto; height:auto; margin-right:2px; text-align:center;}
			.submenu li a, .submenu li a:visited{display:block; position:relative; float:left; width:117px; height:21px; padding-top:6px; color:#FFFFFF; background:url(images/submenu/background.png) scroll no-repeat 0 0; text-decoration:none; cursor:pointer;}
			.submenu li a:hover{text-decoration:underline;}
			.submenu li.CurrentItem a{cursor:default; text-decoration:none !important; background-position:0 -27px !important; color:#333333 !important;}
			
	/* --- End Sub Menu --- */
		
		
		
	/* --- Main Content --- */
	#main{display:block; position:relative; height:auto; width:950px; background:#FFFFFF;}
		#main .sidebar-left{background:url(images/sidebar-left.png) scroll no-repeat 0 0; height:300px;}
		#main .sidebar-right{background:url(images/sidebar-right.png) scroll no-repeat 0 0; height:300px;}
		#main .content-container{width:810px; margin:0 45px;}
		
		#main .banner-image{display:block; position:relative; margin:20px auto 15px auto; overflow:visible;}
			#main .banner-image img{margin:30px auto; display:block; /*width:auto; height:auto;*/}
		#main .col{width:250px; height:auto; display:inline; float:left; position:relative; margin:0 15px 15px; overflow:hidden;}
			#main #dnn_LeftCol{margin-left:0;}
			#main #dnn_RightCol{margin-right:0;}
		#main .content-pane{width:830px; height:auto; display:block; position:relative; margin:10px auto;}
		
		#main h1{font-size:2em;}
		/*****************************/
		/* CUSTOM SKIN COLUMNS       */
		/* QUICK FIX                 */
		/*****************************/
		/* --- Web Design pages --- */
		.web-design #dnn_LeftCol{ margin-left:45px; margin-right:5px;}
		.web-design #dnn_LeftCol, .who-we-are #dnn_LeftCol, .ebanner #dnn_LeftCol, .meet-the-team #dnn_LeftCol{width:385px;}
		.web-design #dnn_RightCol, .who-we-are #dnn_RightCol, .ebanner #dnn_RightCol, .meet-the-team #dnn_RightCol{width:390px; float:right;}
		.web-design h1, .web-design h2{font-size:1.6em !important;}
		/* --- Portfolio pages --- */
		.portfolio .content-container{width:860px !important; margin:0 20px !important;}
		.portfolio #dnn_ContentCol {padding:50px 0;}
		.portfolio .hr {border-bottom:1px solid #DEE0E0; margin-bottom:20px;}
		.portfolio p img, .portfolio img {margin:5px;}
		.portfolio a img, .portfolio a:visited img{padding:5px; border:1px solid #CCCCCC; cursor:pointer;}
		.portfolio a:hover img, .portfolio a.current img, .portfolio a.current:visited img{border-color:#333333;}
		.portfolio .leftCol{float:left; display:inline; width:465px; overflow:visible;}
			.portfolio .leftCol img{padding:10px; border:1px solid #CCCCCC; cursor:default;}
		.portfolio .rightCol{float:right; display:inline; width:390px; margin-bottom:20px;}
		.portfolio p#concepts{text-align:center;}
		.portfolio p#concepts img{margin:10px 10px 20px 10px; padding:10px; border:1px solid #ccc;}
		/* --- Ecommerce --- */
		.ecommerce #dnn_Content{width:auto; padding-right:420px; margin:20px auto 15px auto; background:url(images/shoppingcart-420x450px.jpg) scroll no-repeat right 30px;}
		.contact-us #dnn_Content{width:auto; margin:20px auto 15px auto; background:url(images/contactus_dog.jpg) scroll no-repeat right 30px; padding-right:400px;}
		.ecommerce #dnn_Content h1{font-size:2.8em; margin-bottom:12px;}
		.ecommerce #dnn_Content h2.tagline{margin-left:180px; margin-top:-15px; margin-bottom:30px;}
		/* --- What we do --- */
		.what-we-do h1{font-size:1.6em !important;}
		/* --- e-dash --- */
		.edash .content-container{margin:0 37px !important; width:826px !important;}
		/* --- e-print --- */
		.eprint #dnn_BannerImage{margin-top:0 !important;}
		.eprint #dnn_ImageCol{width:545px; margin-right:0; margin-left:0; position:relative; clear:left; overflow:visible;}
		.eprint #dnn_RightCol{float:right;}
		.eprint h1{margin-bottom:12px;}
		/* --- e-mark --- */
		.emark h1{font-size:1.8em !important;}
		/* --- e-track --- */
		.etrack h1{font-size:1.4em !important; margin-bottom:5px;}
		.etrack a span, .etrack a:hover span,{color:#663399;}
		.etrack a:hover span{color:#663399;}
		/* --- e-banner --- */
		.ebanner .content-container{margin:0 34px !important; width:832px !important;}
		/* --- e-meet --- */
		.emeet #dnn_LeftCol, .emeet #dnn_MiddleCol {margin-top:75px;}
		.emeet #dnn_RightCol {margin-top:120px;}
		h1#emeet-tagline{background:url('/Portals/13/edash/no-more-travelling.png') no-repeat scroll 0 0; display:block; position:absolute; top:35px; left:1px; width:508px; height:38px; text-indent:-9999px;}
		div#emeet-logo{background:url('/Portals/13/edash/emmet-logo.png') no-repeat scroll 0 0; display:block; position:absolute; top:10px; right:15px; width:154px; height:126px;}
		/* --- e-txt --- */
		.etxt{background:#FFFFFF url(images/etxt-banner-321x653.jpg) scroll no-repeat right 50px        !important;}
		.etxt #dnn_Content{width:505px; margin:50px 0 0 0;  height:700px;}
		/* --- e-flip --- */
		.e-flip #dnn_LeftCol{width:460px; margin:0;}
		.e-flip #dnn_RightCol{width:335px; margin:0; float:right;}
		/* --- Blog --- */
		.blog .content-container{margin:20px 25px 0 25px !important; width:850px !important;}
		.blog #dnn_LeftCol, .blog #dnn_RightCol{margin-top:15px;}
		.blog #dnn_LeftCol{width:535px; margin-right:0; padding-right:40px; border-right:1px solid #DEE0E0 !important;}
		.blog #dnn_RightCol{width:230px; float:right; padding-top:30px;}
		.blog h1{margin-bottom:15px;}
		.categories ul{margin:10px 0; list-style-image:none;}
		.categories li a, .categories li a:visited{color:#666666; text-decoration:none;}
		.categories li a:hover{ text-decoration:underline;}
		/*****************************/
		/* CUSTOM SKIN COLUMNS       */
		/* QUICK FIX                 */
		/*****************************/
		
		/*****************************/
		/* HEADER IMAGE REPLACMENT   */
		/* QUICK FIX                 */
		/*****************************/
		
		.img-header{display:block; position:absolute; top:20px; width:600px; height:30px; background-attachment:scroll; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; margin:0 !important; }
		h1#whoweare{background-image:url(images/heading/whoweare.png);}
		h1#meettheteam{background-image:url(images/heading/meettheteam.png);}
		h1#whatwedo{background-image:url(images/heading/whatwedo.png);}
		h1#webdesign{background-image:url(images/heading/webdesign.png);}
		h1#ecommerce{background-image:url(images/heading/ecommerce.png);}
		h1#hosting{background-image:url(images/heading/hosting.png);}
		h1#edash{background-image:url(images/heading/edash.png);}
		h1#emeet{background-image:url(images/heading/emeet.gif);}
		h1#eprint{background-image:url(images/heading/eprint.gif);}
		h1#emark{background-image:url(images/heading/emark.gif);}
		h1#etrack{background-image:url(images/heading/etrack.gif);}
		h1#ebanner{background-image:url(images/heading/ebanner.png);}
		h1#etxt{background-image:url(images/heading/etxt.gif);}
		h1#eflip{background-image:url(images/heading/eflip.gif);}
		h1#portfolio{background-image:url(images/heading/portfolio.gif); top:30px;}
		h1#blog{background-image:url(images/heading/blog.png); top:30px;}
		h1#contactus{background-image:url(images/heading/contactus.png); top:30px;}		
		h1#fancyacuppa{display:block; width:366px; height:58px; background:url(images/heading/fancyacuppa.gif) no-repeat scroll 0 0; position:relative; text-indent:-9999px;}
		
		h1.img-replace{display:block; position:relative; height:32px; line-height:32px; background-attachment:scroll; background-repeat:no-repeat; text-indent:-9999px; margin:0;}
		
		
		/* -Homepage- */
		h1#latestwork{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:0 0;}
		h1#theblog-home{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -32px;}
		h1#ourservices{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -64px;}
		h1#getintouch{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -96px;}
		
		h1#moreinfo{background-image:url(images/sprites/heading-no-color-sprite.png);background-position:left -128px; height:30px; margin-bottom:5px; }
		h1#customtemplates{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -160px; height:30px; margin-bottom:5px;}
		h1#thebenefits{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -192px; height:30px; margin-bottom:5px;}
		
		
		h1#eclipse-eprint{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -224px; height:30px; margin-bottom:5px;}
		h1#personalisation{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -256px; height:30px; margin-bottom:5px;}
		h1#emailmarketing{background-image:url(images/sprites/heading-no-color-sprite.png); background-position:left -288px; height:30px; margin-bottom:5px;}
		
		
		h1#edash-hero{background-image:url(images/heading/edash-hero.png); height:80px;}
		h1#whatshouldyouexpect{background-image:url(images/heading/whatshouldyouexpect.png); height:60px;}
		h1#beautyorbrains{background-image:url(images/heading/beautyorbrains.png); height:65px;}
		h1#cms{background-image:url(images/heading/cms.png); height:30px;}
		h1#ditchyourtrolleys{background-image:url(images/heading/ditchyourtrolleys.png); height:80px;}
		h1#safeandsecure{background-image:url(images/heading/safeandsecure.png); height:40px;}
		
		
		h1#trackandengage{background-image:url(images/heading/trackandengage.png); height:30px; margin-bottom:5px;}
		h1#blankletter{background-image:url(images/heading/blankletter.png); height:30px; margin-bottom:5px;}
		h1#emailbranding{background-image:url(images/heading/emailbranding.png); height:50px; margin-bottom:5px;}
		h1#customertextmessage{background-image:url(images/heading/customertextmessage.png); height:98px; margin-bottom:5px;}
		h1#catalogues{background-image:url(images/heading/catalogues.png); height:56px; margin-bottom:5px;}

		/*****************************/
		/* HEADER IMAGE REPLACMENT   */
		/* QUICK FIX                 */
		/*****************************/
	/* --- Home Main --- */
	#home-main{display:block; position:relative; height:auto; width:950px;}		
		#home-main .col{height:auto; display:inline; float:left; position:relative; margin:15px 0;  margin-left:40px;}
		#home-main #hero{width:950px; overflow:hidden;}	
			#hero span#trans-top, #hero span#trans-left, #hero span#trans-right{display:block; position:absolute; padding:0;}	
				#hero span#trans-top{height:10px; width:950px; background:url(images/hero/banner-trans-top.png) scroll no-repeat 0 0; top:0; left:0;}
				#hero span#trans-left{height:240px; width:6px; background:url(images/hero/banner-trans-left.png) scroll no-repeat 0 0; top:10px; left:0;}
				#hero span#trans-right{height:240px; width:6px; background:url(images/hero/banner-trans-right.png) scroll no-repeat 0 0; top:10px; right:0;}
			
				{height:250px; width:950px; background:url(../images/hero/banner-trans.png) scroll no-repeat 0 0; top:0; left:0;}
			
			.hero-nav .content-container{width:900px; height:60px; background: url(images/hero/hero-menu-bg.png) scroll repeat-x 0 0; list-style-type:none;}
			.hero-nav .sidebar-left{background: url(images/hero/hero-menu-left.png) scroll no-repeat 0px 0; height:60px;}
			.hero-nav .sidebar-right{background: url(images/hero/hero-menu-right.png) scroll no-repeat 0px 0; height:60px;}
			/* --- Hero Menu --- */
			.hero-nav ul{width:808px; margin:0 auto; list-style-type:none; position:relative;}
			.hero-nav li{width:200px; float:left; position:relative; margin-right:2px; display:inline;}
			.hero-nav a{display:block; height:32px; width:200px; padding:20px 0 0 0; text-align:center; background:url(images/hero/hero-button.png) scroll no-repeat 0 0; color:#FFFFFF !important; cursor:pointer; text-decoration:none !important; font-size:16px; outline:none;}
			.hero-nav  a:hover, .hero-nav a.current{background-position:0 -54px; text-decoration:none !important;}			
			
			/* --- More Info Button for hero banner --- */
			a.more-info-button{display:block; position:absolute; bottom:0; right:25px; background:url(images/more_info_button.png) no-repeat scroll 0 0; color:#FFF !important; font-weight:bold; font-size:14px; width:155px; height:16px; padding:5px 0; text-align:center; cursor:pointer; z-index:100;}
		#home-main #dnn_LeftCol{ width:310px;}
			#home-main #dnn_LeftCol img{border:1px solid #ddd;}
		#home-main #dnn_MiddleCol{width:300px;}
		#home-main #dnn_RightCol{width:216px;}
		
		#home-main h1{margin-bottom:15px;}
		#home-main h2{font-size:1.2em;}
		#home-main h3{font-size:1em; color:#0089E6;}
		
		p.continue{text-align:right; margin-bottom:15px;}
		#home-main .col span.bold{font-weight:bold;}
	/* --- End Home Main --- */
		
		
	/* --- Footer --- */
	#footer{width:860px; height:35px; color:#666666; margin:0 auto; padding:0 5px 0 5px; line-height:1.125em; position:relative; clear:both;}
		#footer h1#company-name{display:inline; float:left; font-size:1.1em; color:#0089E6; width:160px; height:35px; background:url(images/heading/newmedialogo_blue.png) no-repeat scroll 0 0; text-indent:-9999em; margin-bottom: 0;}
		#footer p{display:inline; float:left; margin:0 auto; position:relative;  margin:4px auto 0 50px; font-size:0.625em;}
		#footer #bookmarks{display:inline; position:absolute; right:0; width:165px; height:24px;}
			#footer #bookmarks a img{border:none; width:24px; height:24px; margin-left:3px; display:block; float:left; position:relative;}
		#footer span{color:#0089E6;}
		
		#footer-beta {background: url(images/footer-bkg-beta.jpg) scroll no-repeat; width: 980px; height: 310px; padding: 30px 0 0 0; margin: 50px auto 0 auto;}
			#footer-beta #col-a {display: block; position: relative; float: left; width: 330px; margin-right: 20px; margin-left: 28px; padding-right: 10px;}
					#col-a h2 {background: url(images/shout.png) scroll no-repeat; width: 130px; height: 17; text-indent: -9999px;margin-bottom: 5px;}
				
			#footer-beta #col-b {display: inline; position: relative; float: left; width: 171px; margin-right: 10px;}
					#col-b h2#stuff {background: url(images/stuff.png) scroll no-repeat; width: 149px; height: 19px; text-indent: -9999px; margin-bottom: 5px;}
					#col-b h2#see {background: url(images/seeus.png) scroll no-repeat; width: 148px; height: 16px; text-indent: -9999px; margin-bottom: 5px; float: left; margin-top: 20px;}
					p#address {font-size: 11px; float: left;}
					#col-b h3 {font-size: 13px; margin-bottom: 3px;}
					#col-b ul#a {display: inline; float: left; width: 80px; margin-right: 14px; list-style-type: none; list-style-position: outside; padding: 0;}
					#col-b ul#b {display: inline; float: left; width: 71px; height: 90px; margin-right: 5px; list-style: none; background: url(images/footer-div.png) scroll no-repeat 70px -13px;}
					
			#footer-beta #col-c {display: inline; position: relative; float: left; width: 175px; margin-top: 24px;}
					#col-c h3 {font-size: 13px; margin-bottom: 3px;}
					#col-c ul#c {display: inline; float: left; width: 75px; margin-right: 5px; list-style: none;}
						ul#c #emark {background: url(images/eservices/emark.png) scroll no-repeat; padding: 0 0 5px 20px;}
						ul#c #eprint {background: url(images/eservices/eprint.png) scroll no-repeat; padding: 0 0 5px 20px;}
						ul#c #etext {background: url(images/eservices/etext.png) scroll no-repeat; padding: 0 0 5px 20px;}
						ul#c #etrack {background: url(images/eservices/etrack.png) scroll no-repeat; padding: 0 0 5px 20px;}
					#col-c ul#d {display: inline; float: left; width: 71px; list-style: none;}
						ul#d #ebanner {background: url(images/eservices/ebanner.png) scroll no-repeat; padding: 0 0 5px 20px;}
						ul#d #eflip {background: url(images/eservices/eflip.png) scroll no-repeat; padding: 0 0 5px 20px;}
						ul#d #emeet {background: url(images/eservices/emeet.png) scroll no-repeat; padding: 0 0 5px 20px;}
						#col-c li {font-size: 11px;}
					#col-c #map {width: 114px; height: 90px; display: block; border: 1px solid #cacacc; background: url(images/map.png) scroll no-repeat; margin-top: 50px; float: left;}
		
			#footer-beta #col-d {display: inline; position: relative; float: left; width: 215px;}
					#col-d h2 {background: url(images/tweets.png) scroll no-repeat; width: 237px; margin-bottom: 5px; position: absolute; top: -78px; padding: 104px 0 0 4px; font-size: 10px;}
						#col-d h2 a, #col-d h2 a:link, #col-d h2 a:visited, #col-d h2 a:hover {color: #2076C0;}
					#col-d .tweets {margin: 38px 0 0 4px;}
					.tweets a, .tweets a:link, .tweets a:visited {color: #333; text-decoration: none; line-height: 15px;}
						.tweets a:hover {text-decoration: underline; color: #333; line-height: 15px;}
					.tweets .date {font-style: italic; font-size: 11px; color: #acacac;}
		
/* --- Spacer to clear div floats --- */	
.spacer{clear:both; height:0; line-height:0; font-size:0; margin:0;}

/* --- Default login classes????? --- */
.login_link:link, .login_link:visited, .login_link{font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #bababa;}
.login_link:hover {font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #1f2e43;}

/* --- Login ---- */
.login{padding-top:30px;}
.login .NormalTextBox{font-size:18px; padding:3px; width:200px !important; margin-bottom:5px;}
.login label{font-size:15px; margin-top:5px;}
.login .StandardButton{margin:5px 5px 5px 117px; width:85px; cursor:pointer;}
.login #dnn_ctr5571_Login_chkCookie{margin:2px 15px 0 0;}

/*---Contact us---*/
#SaveForm p{width:200px; margin:0 auto;}
#SaveForm p a#dnn_ctr5844_DynamicForms_lnkSave{position:relative; left:28px; padding:5px 10px; display:inline; float:left; border:1px solid #aaa;}
/* Search boxes */
.search {float:right; width:170px; vertical-align:bottom; text-align: right;  padding:0px 0px 0 0;line-height:20px; border:none;}
.search img {padding:0px 0px 0px 0px; border:none;}
.search input { background:#1f558b; border:none; color:#ffffff; width:130px; }
.SearchField{ font-family:Arial, Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#666666;}
a.SearchField {font-size:11px; color:#666666 !important; text-decoration:none !important; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-right:3px; vertical-align:bottom;}
a.SearchField:hover {text-decoration:underline !important;}
#dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 0px 1px 2px; font-size:11px; height:20px;border: #000000 1px solid; width:120px;}

/* 404 Error stuff */
#wrap-404{width:500px; margin:0 auto; position:relative; padding-top:230px;}
#party-dog{display:block; position:absolute; top:150px; right:0; height:295px; width:250px; background:url(images/partydog.jpg) no-repeat scroll 0 0;}
#ohhithere{display:block; height:73px; width:250px; background:url(images/ohhithere.png) no-repeat scroll 0 0; text-indent:-9999px; margin-top:30px;}
a#takemeback, a#takemeback:visited, a#takemeback:hover{color:#0099cc !important; background:url(images/small_blue_arrow.png) no-repeat scroll right top; padding-right:20px; display:block; width:185px; margin-top:40px;}


/* --- TEST AREA --- */