/*	
	E-scape Interactive Layout and Presentation CSS
	Author(s): M. J. Magee (www.mjmagee.com)
	Date: 22.10.08
	Version: 1.c
	
	www.e-scape.co.uk

	Change Log:
	
	08.09.09 - 1a - adding in styling for standfirsts
    10.11.09 - 1b - adding in call to action box
    24.02.10 - 1c - taking out offers

*/




/* Standards */
	* { margin: 0px; padding: 0px; }
	body { background: url(../img/gradient-bg.png) repeat-x #d8e9f3; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
	span, hr, .hidden { display: none; }
	.clear { clear: both; height: 1px; }
	a:active, a:focus { outline: none; }
	button:hover, button:focus { cursor: pointer; }
	
	
	
/* Main Body */
	#wrapper { width: 898px; margin: 80px auto 0 auto; padding-bottom: 20px; text-align: center; }
    
    
    
/* Tab Navigation - offers 
	ul#navigation { width: 898px; height: 57px; list-style: none; margin-top: 52px; }
	ul#navigation li { float: left; }
	ul#navigation li a { height: 57px; background: url(../img/tabs.png) no-repeat; display: block; cursor: pointer; }
	ul#navigation li a span.hover { width: 100%; height: 57px; background: url(../img/tabs.png) no-repeat; display: block; cursor: pointer; }
	
	ul#navigation li#home a { width: 101px; background-position: 0 0; }
	ul#navigation li#home a:hover, ul#navigation li#home a span.hover { background-position: 0 -57px; }
	ul#navigation li#home a.selected, #wrapper ul#navigation li#home a.selected:hover { background-position: 0 -114px; }
	
	ul#navigation li#about a { width: 96px; background-position: -101px 0; } 
	ul#navigation li#about a:hover, ul#navigation li#about a span.hover  { background-position: -101px -57px; }
	ul#navigation li#about a.selected, #wrapper ul#navigation li#about a.selected:hover { background-position: -101px -114px; }
	
	ul#navigation li#services a { width: 90px; background-position: -197px 0; }
	ul#navigation li#services a:hover, ul#navigation li#services a span.hover { background-position: -197px -57px; }
	ul#navigation li#services a.selected, #wrapper ul#navigation li#services a.selected:hover { background-position: -197px -114px; }
	
	ul#navigation li#portfolio a { width: 93px; background-position: -287px 0; }
	ul#navigation li#portfolio a:hover, ul#navigation li#portfolio a span.hover { background-position: -287px -57px; }
	ul#navigation li#portfolio a.selected, #wrapper ul#navigation li#portfolio a.selected:hover { background-position: -287px -114px; }
	
	ul#navigation li#offers a { width: 76px; background-position: -380px 0; }
	ul#navigation li#offers a:hover, ul#navigation li#offers a span.hover { background-position: -380px -57px; }
	ul#navigation li#offers a.selected, #wrapper ul#navigation li#offers a.selected:hover { background-position: -380px -114px; }
	
	ul#navigation li#contact a { width: 442px; background-position: -456px 0; }
	ul#navigation li#contact a:hover, ul#navigation li#contact a span.hover { background-position: -456px -57px; }
	ul#navigation li#contact a.selected, #wrapper ul#navigation li#contact a.selected:hover { background-position: -456px -114px; }*/
	
	
	
/* Tab Navigation - No Offers  */
	ul#navigation { width: 898px; height: 57px; list-style: none; margin-top: 52px; }
	ul#navigation li { float: left; }
	ul#navigation li a { height: 57px; background: url(../img/tabs-no-offers.png) no-repeat; display: block; cursor: pointer; }
	ul#navigation li a span.hover { width: 100%; height: 57px; background: url(../img/tabs-no-offers.png) no-repeat; display: block; cursor: pointer; }
	
	ul#navigation li#home a { width: 101px; background-position: 0 0; }
	ul#navigation li#home a:hover, ul#navigation li#home a span.hover { background-position: 0 -57px; }
	ul#navigation li#home a.selected, #wrapper ul#navigation li#home a.selected:hover { background-position: 0 -114px; }
	
	ul#navigation li#about a { width: 96px; background-position: -101px 0; } 
	ul#navigation li#about a:hover, ul#navigation li#about a span.hover  { background-position: -101px -57px; }
	ul#navigation li#about a.selected, #wrapper ul#navigation li#about a.selected:hover { background-position: -101px -114px; }
	
	ul#navigation li#services a { width: 121px; background-position: -197px 0; }
	ul#navigation li#services a:hover, ul#navigation li#services a span.hover { background-position: -197px -57px; }
	ul#navigation li#services a.selected, #wrapper ul#navigation li#services a.selected:hover { background-position: -197px -114px; }
	
	ul#navigation li#portfolio a { width: 123px; background-position: -318px 0; }
	ul#navigation li#portfolio a:hover, ul#navigation li#portfolio a span.hover { background-position: -318px -57px; }
	ul#navigation li#portfolio a.selected, #wrapper ul#navigation li#portfolio a.selected:hover { background-position: -318px -114px; }
	
	ul#navigation li#contact a { width: 457px; background-position: -441px 0; }
	ul#navigation li#contact a:hover, ul#navigation li#contact a span.hover { background-position: -441px -57px; }
	ul#navigation li#contact a.selected, #wrapper ul#navigation li#contact a.selected:hover { background-position: -441px -114px; }


	
/* Header */
	#header-wrapper { position: relative; }
	#header { width: 853px; min-height: 260px; background: url(../img/header-bg.png) no-repeat; padding-right: 45px; padding-bottom: 8px; text-align: justify; color: #FFFFFF; }
	
    #header p { position: relative; margin-top: 1.2em; margin-left: 634px; font-size: 1.15em; z-index: 20; }
	#header p strong { margin-top: 0.5em; text-align: left; font-size: 1.6em; display: block; }
    
    #header p#logo { bottom: 10px; margin-top: 0px;  margin-left: 644px; }
	#header p#logo a { width: 196px; height: 138px; background: url(../img/logo.png) no-repeat; display: block; }
	
    #header h1 { position: absolute; top: 47px; left: 30px; font-size: 4.5em; }
	#homepage #header h1 { font-size: 3.0em; }
    .sIFR-active #header h1 { top: 135px; }
    .sIFR-active #homepage #header h1 { top: 185px; }
	
	#header-bottom { width: 898px; height: 48px; background: url(../img/header-bottom.png) no-repeat; position: relative; bottom: 23px; display: block; z-index: 10; }
	
	#header-wrapper object { width: 592px; position: absolute; bottom: 31px; left: 0px; z-index: 20; }
	#homepage #header-wrapper object { bottom: 31px; }
    #homepage #header-wrapper h1 object { bottom: 0px; }
	
	
	
	/* Twitter */
	#twitter_div { width: 302px; height: 100px; background-repeat: no-repeat; background-position: 0 33px; position: absolute; top: -62px; right: 8px; z-index: 100; }
	#twitter_div ul#twitter_update_list { width: 223px; background-repeat: no-repeat; list-style: none; position: absolute; top: -14px; right: 0px; padding-top: 29px; }
	#twitter_div ul#twitter_update_list li { width: 223px; background-repeat: no-repeat; background-position: bottom; padding-bottom: 10px; text-align: left; font-size: 11px; color: #223159; display: none; }
	#twitter_div ul#twitter_update_list li span { width: 190px; position: relative; top: -20px; left: 25px; margin-bottom: -20px; overflow: hidden; display: block; }
	#twitter_div a { display: none; }
	#twitter_div span a { color: #2da3dd; text-decoration: underline; display: inline; }
	#twitter_div span a:hover { color: #1f7aa7; }
	#twitter_div a#twitter-link { position: absolute; bottom: 12px; left: 215px; font-size: 9px; color: #FFFFFF; text-decoration: none; font-style: italic; display: inline; }
	#twitter_div a#twitter-link:hover { color: #dcdcdc; }
	
	#twitter_div.small ul#twitter_update_list { top: 10px; }
	#twitter_div.small ul#twitter_update_list li { height: 20px; }
	#twitter_div.small a#twitter-link { bottom: 14px; }
	
	#twitter_div.medium ul#twitter_update_list { top: 5px; }
	#twitter_div.medium a#twitter-link { bottom: 17px; }
	
	#twitter_div.big a#twitter-link { bottom: 20px; }
	
	
/* Content */
	#content-wrapper { margin: -7px auto 48px auto; text-align: left; }
	#content-wrapper .top { width: 890px; height: 40px; background: url(../img/content-top.png) no-repeat; display: block; }
	#content-wrapper .content { width: 826px; background: url(../img/content-bg.png) repeat-y; padding: 0 34px 0 30px; }
	#content-wrapper .content h2 { margin-top: -5px; margin-bottom: 0.6em; font-size: 2.5em; color: #3f3f3f; }
	#content-wrapper .content h2.standfirst { position: relative; bottom: 0.6em; margin: 0px; font-size: 1.3em; color: #616161; font-weight: bold; }
    #content-wrapper .content h3 { margin-top: 2.0em; margin-bottom: -0.5em; font-size: 1.4em; color: #39669d; }
	
	#content-wrapper .content p { margin-top: 1.5em; font-size: 1.2em; color: #000000; }
    #content-wrapper .content a { color: #39669d; font-weight: bold; text-decoration: none; }
	#content-wrapper .content a:hover { text-decoration: underline; }
	#content-wrapper .content ul { list-style: none; padding: 1.5em 0 1.0em 0; font-size: 1.2em; }
	#content-wrapper .content ul li { background: url(../img/default-arrow.gif) no-repeat 0 0.4em; padding-bottom: 0.3em; padding-left: 18px; }
	#content-wrapper .content ul li ul { padding: 0.8em 0; }
	#content-wrapper .content ul li ul li { font-size: 0.8em; }
    
    #content-wrapper .content p.breadcrumbs { position: relative; bottom: 25px; margin: 0px; font-size: 1.1em; color: #666666; }
    #content-wrapper .content p.breadcrumbs a { color: #666666; text-decoration: underline; }
	#content-wrapper .content p.breadcrumbs a:hover { color: #323232; }
    
	
	/* Col 1 */
	#content-wrapper .content .col-1 { width: 524px; float: left; padding-right: 34px; border-right: 1px solid #d4d4d4; }
	#content-wrapper .content .col-1 dl, #content-wrapper .content dl.list { font-size: 1.2em; }
	#content-wrapper .content .col-1 dl dt, #content-wrapper .content dl.list dt { min-height: 19px; background: url(../img/default-arrow-bullet.jpg) no-repeat 0% 50%; margin-top: 1.4em; padding-left: 39px; font-size: 1.2em; color: #39669d; font-weight: bold; }
	#content-wrapper .content .col-1 dl dd, #content-wrapper .content dl.list dd { margin-top: 0.8em; padding-left: 40px; color: #000000; }
	#content-wrapper .content .col-1 dl dd big, #content-wrapper .content dl.list dd big { font-size: 1.0em; color: #000000; font-weight: bold; }
	#content-wrapper .content .col-1 dl dd br, #content-wrapper .content dl.list dd br { margin-bottom: 0.5em; }
	#content-wrapper .content .col-1 dl dd p, #content-wrapper .content dl.list dd p { margin-bottom: 1.0em; font-size: 1.0em; }
	#content-wrapper .content .col-1 dl dd p br, #content-wrapper .content dl.list p br { margin: 0px; }
	#content-wrapper .content .col-1 dl dd ul, #content-wrapper .content dl.list ul { padding: 0.5em 0 0.5em 0; font-size: 1.0em; }
	#content-wrapper .content .col-1 dl dd table, #content-wrapper .content dl.list dd table { width: 100%; margin-bottom: 3.0em; }
	#content-wrapper .content .col-1 dl dd table tr th, #content-wrapper .content dl.list dd table tr th { padding-bottom: 10px; }


	/* Comparison Table */
	#content-wrapper .content .col-1 ul.comparison { width: 100%; list-style: none; margin-top: 3.0em; padding: 0px; }
	#content-wrapper .content .col-1 ul.comparison-top { background: url(../img/services-tabs-bg.png) no-repeat 0 31px; }
	#content-wrapper .content .col-1 ul.comparison li { background: none; padding: 0px; }
	#content-wrapper .content .col-1 ul.comparison li h2 { font-size: 1.2em; }
	#content-wrapper .content .col-1 ul.comparison li .content { width: 100%; background: none; margin-bottom: 2.0em; }
	#content-wrapper .content .col-1 ul.comparison li .content p { font-size: 1.0em; }
	#content-wrapper .content .col-1 ul.comparison li .content ul { list-style: none; padding: 1.5em 0 1.0em 0; font-size: 1.2em; }
	#content-wrapper .content .col-1 ul.comparison li .content ul li { background: url(../img/default-arrow.gif) no-repeat 0 0.4em; padding-bottom: 0.3em; padding-left: 18px; }
	
	
	#content-wrapper .content .col-1 ul.comparison li a { height: 33px; background: url(../img/services-tabs.png) no-repeat; display: block; cursor: pointer; }
	
	#content-wrapper .content .col-1 ul.comparison li.offer a { width: 113px; background-position: 0 0; }
	#content-wrapper .content .col-1 ul.comparison li.offer a:hover { background-position: 0 -33px; }
	#content-wrapper .content .col-1 ul.comparison li.offer a.selected, #content-wrapper .content .col-1 ul.comparison li.offer a.selected:hover { background-position: 0 -66px; }
	
	#content-wrapper .content .col-1 ul.comparison li.standard a { width: 134px; background-position: -113px 0; }
	#content-wrapper .content .col-1 ul.comparison li.standard a:hover { background-position: -113px -33px; }
	#content-wrapper .content .col-1 ul.comparison li.standard a.selected, #content-wrapper .content .col-1 ul.comparison li.standard a.selected:hover { background-position: -113px -66px; }
	
	#content-wrapper .content .col-1 ul.comparison li.advanced a { width: 139px; background-position: -247px 0; }
	#content-wrapper .content .col-1 ul.comparison li.advanced a:hover { background-position: -247px -33px; }
	#content-wrapper .content .col-1 ul.comparison li.advanced a.selected, #content-wrapper .content .col-1 ul.comparison li.advanced a.selected:hover { background-position: -247px -66px; }
	
	#content-wrapper .content .col-1 ul.comparison li.enterprise a { width: 145px; background-position: -386px 0; }
	#content-wrapper .content .col-1 ul.comparison li.enterprise a:hover { background-position: -386px -33px; }
	#content-wrapper .content .col-1 ul.comparison li.enterprise a.selected, #content-wrapper .content .col-1 ul.comparison li.enterprise a.selected:hover { background-position: -386px -66px; }
	
	#content-wrapper .content .col-1 .comparison-content { width: 507px; padding: 10px 14px 5px 14px; border-right: 2px #f0f0f0 solid; border-left: 2px #f0f0f0 solid; }
	#content-wrapper .content .comparison-bottom  { width: 539px; height: 9px; background: url(../img/services-bottom.png) no-repeat; margin-bottom: 3.0em; display: block; }
	
	
	/* Vanilla */
	#content-wrapper .content h2#vanilla { width: 180px; height: 57px; background: url(../img/vanilla-logo.png) no-repeat; position: relative; bottom: 50px; float: right; margin: 0 -15px -30px 10px; display: block; }
	
	
	
	/* Information Table */
	#content-wrapper .content table.information { width: 539px; margin-top: 20px; background: url(../img/information-table-top.png) no-repeat; padding-bottom: 8px; display: block; }
	#content-wrapper .content table.information th { padding: 25px 30px 5px 30px; font-size: 1.2em; color: #17305e; }
	#content-wrapper .content table.information td { padding: 25px 10px 5px 10px; font-size: 1.2em; }
	#content-wrapper .content table.information td ul { padding-top: 0px; padding-bottom: 0px; }
	#content-wrapper .content table.information td li { font-size: 0.8em; }
	
    
    /* Call to Action */
    #content-wrapper .content .call-to-action { width: 499px; background: url(../img/call-to-action-bg.png) repeat-y; margin-top: 1.0em; padding: 0 20px; display: block; }
	#content-wrapper .content .call-to-action .top, #content-wrapper .content .call-to-action .bottom { width: 539px; height: 10px; background: url(../img/call-to-action-edges.png) no-repeat; margin-left: -20px; display: block; }
	#content-wrapper .content .call-to-action .bottom { background-position: 0 -10px; margin-top: 8px; }
	#content-wrapper .content .call-to-action h3 { margin-top: 0px; color: #17305e; }
    #content-wrapper .content .call-to-action a { color: #17305e; }
	
    
	
	/* Col 2 */
	#content-wrapper .content .col-2 { width: 237px; float: left; padding-left: 30px; }
	#content-wrapper .content .col-2 h3 { margin: 0px; font-size: 1.4em; color: #27436c; }
	#content-wrapper .content .col-2 p { text-align: left; font-size: 1.15em; }
	#content-wrapper .content .col-2 dl { width: 237px; margin-top: 3.0em; }
	#content-wrapper .content .col-2 dl dt { width: 100px; float: right; margin-top: 0.5em; margin-left: 10px; font-size: 1.4em; color: #335789; font-weight: bold; }
	#content-wrapper .content .col-2 dl dd { width: 100px; float: right; margin-top: 0.4em; margin-bottom: 0.6em; margin-left: 10px; font-size: 1.2em; color: #616161; white-space: normal; }
	#content-wrapper .content .col-2 dl dd a { color: #39669d; text-decoration: none; }
	#content-wrapper .content .col-2 dl dd a:hover { text-decoration: underline; } 
	#content-wrapper .content .col-2 dl dd.img { width: 100px; float: left; margin: 0 0 30px 0; padding: 10px 10px 25px 10px; border: 1px solid #d4d4d4; }
	#content-wrapper .content .col-2 dl dd.img:hover { background: #f2f2f2; cursor: pointer; }
	#content-wrapper .content .col-2 dl dd.img a img { border: 1px solid #d4d4d4; }
	#content-wrapper .content .col-2 dl dd.title { font-size: 1.1em; font-style: italic; }
	#content-wrapper .content .col-2 dl dd.clear { clear: both; width: 100%; float: none; margin: 0px; margin-left: 10px; }
	#content-wrapper .content .col-2 ul li a img { margin-top: 1.2em; position: relative; right: 18px; }
	
	#content-wrapper .bottom { width: 890px; height: 40px; background: url(../img/content-bottom.png) no-repeat; display: block; }
	
	
	
/* Showcases */
	#content-wrapper .content ul.showcase { width: 826px; margin-top: 40px; padding: 0px; overflow: hidden; }
	#content-wrapper .content ul.showcase li { width: 283px; background: none; position: relative; padding: 0px; }
	#content-wrapper .content ul.showcase li.one { right: 12px; }
	#content-wrapper .content ul.showcase li.two { right: 12px; }
	#content-wrapper .content ul.showcase li.three { margin-left: -23px; left: 10px; }
	
	#content-wrapper .content ul.showcase li h3 { margin: 0px; }
	#content-wrapper .content ul.showcase li h3 a { width: 283px; height: 103px; background: url(../img/portfolio-tab.png) no-repeat 0 0; position: relative; text-align: center; display: block; z-index: 10; }
	#content-wrapper .content ul.showcase li h3 a:hover { background-position: 0 -103px; }	
	#content-wrapper .content ul.showcase li h3.selected a { height: 118px; background-position: 0 -206px; margin-bottom: -15px; z-index: 20; }	
	#content-wrapper .content ul.showcase li.three h3.selected a { background-position: 0px -324px; }
	
	#content-wrapper .content ul.showcase li .portfolio-item { width: 824px; position: relative; display: block; }	
	#content-wrapper .content ul.showcase li .portfolio-item .top { width: 824px; height: 15px; background: url(../img/portfolio-top.png) no-repeat; }
	#content-wrapper .content ul.showcase li .portfolio-item .content { width: 742px; background: url(../img/portfolio-bg.png) repeat-y; position: relative; padding: 10px 24px 20px 58px; }
	#content-wrapper .content ul.flash li .portfolio-item .content { width: 772px; padding-left: 28px; }
	#content-wrapper .content ul.showcase li .portfolio-item .content a img { position: absolute; top: 3.2em; right: 24px; z-index: 500; }
	#content-wrapper .content ul.flash li .portfolio-item .content object { position: relative; top: 2.5em; left: 34px; }
	#content-wrapper .content ul.flash li .portfolio-item .content dl dt object, #content-wrapper .content ul.flash li .portfolio-item .content p.link object { top: 0px; left: 0px; }
    #content-wrapper .content ul.flash li .portfolio-item .content p.link object { right: 0px; }
    #content-wrapper .content ul.flash li .portfolio-item .content p.link { width: 200px; float: right; position: relative; margin-top: 45px; text-align: right; }
	#content-wrapper .content ul.flash li .portfolio-item .content p.link a { color: #23375d; text-decoration: none; }
	#content-wrapper .content ul.flash li .portfolio-item .content p.link a:hover { color: #39669d; }
	
	#content-wrapper .content ul.showcase li .portfolio-item .content dl { width: 300px; float: left; }
	#content-wrapper .content ul.flash li .portfolio-item .content dl { width: 280px; }
	#content-wrapper .content ul.showcase li .portfolio-item .content dl dt { margin-bottom: 0.3em; font-size: 1.7em; color: #23375d; font-weight: bold; display: block; top: 0px !important; left: 0px !important; }
	
    #content-wrapper .content ul.showcase li .portfolio-item .content dl dd { margin-bottom: 2.5em; }
	#content-wrapper .content ul.showcase li .portfolio-item .content blockquote { clear: both; width: 252px; background: url(../img/quote-top.gif) no-repeat; padding-left: 48px; }
	#content-wrapper .content ul.showcase li .portfolio-item .content blockquote p { background: url(../img/quote-bottom.gif) no-repeat 100% 100%; padding-right: 48px; font-size: 1.0em; }
	#content-wrapper .content ul.showcase li .portfolio-item .content blockquote br { display: none; }
	#content-wrapper .content ul.showcase li .portfolio-item .content blockquote b { margin-top: 0.6em; display: block; }
	#content-wrapper .content ul.showcase li .portfolio-item .content .view-site { position: absolute; top: 438px; right: 26px; }
	#content-wrapper .content ul.showcase li .portfolio-item .content .view-site a { width: 148px; height: 14px; background: url(../img/view-the-website.png) no-repeat; display: block; }
	#content-wrapper .content ul.showcase li.clear { clear: both; width: 826px; height: 50px; float: none; }
	
	#content-wrapper .content ul.showcase li .portfolio-item .bottom { width: 824px; height: 16px; background: url(../img/portfolio-bottom.png) no-repeat; }
	#content-wrapper .content .more-info { margin-top: 15px; text-align: left; font-size: 1.2em; }

	
	
	
	
/* Services */
	#services #content-wrapper .content dl { font-size: 1.2em; }
	#services #content-wrapper .content dl dt { margin-top: 1.4em; margin-bottom: 1.8em; background: url(../img/default-arrow-bullet.jpg) no-repeat 0 50%; padding-left: 40px; font-size: 1.3em; color: #39669d; font-weight: bold; }
	#services #content-wrapper .content dl dd { min-height: 110px; margin-top: 0.8em; padding-top: 5px; text-align: justify; color: #000000; }
	#services #content-wrapper .content dl dd.ecommerce { background: url(../img/ecommerce-icon.png) no-repeat 40px 0; padding-left: 164px; }
	#services #content-wrapper .content dl dd.cms { background: url(../img/cms-icon.png) no-repeat 40px 0; padding-left: 164px; }
	#services #content-wrapper .content dl dd.flash { background: url(../img/flash-icon.png) no-repeat 40px 0; padding-left: 164px; }
	#services #content-wrapper .content dl dd.hover { cursor: pointer; }

	
	
/* Footer */
	#footer-wrapper { width: 888px; margin-top: 20px; text-align: left; font-size: 1.1em; color: #000000; }
	
	#footer-wrapper .buckets { width: 888px; background: #FFFFFF; position: relative; margin-bottom: -8px; padding-bottom: 10px; }
	#footer-wrapper .buckets .top { width: 888px; height: 52px; background: url(../img/buckets-top.png) no-repeat; position: absolute; top: -27px; display: block; z-index: 10; }
	
	#footer-wrapper .buckets dl { width: 260px; min-height: 210px; background: url(../img/buckets-bottom.png) no-repeat bottom; position: relative; float: left; margin-top: -10px; margin-left: 12px; padding-top: 10px; padding-left: 20px; display: block; z-index: 20; }
	#footer-wrapper .buckets dl dt { position: relative; bottom: 5px; margin-bottom: -5px; font-size: 1.75em; color: #0e2b57; font-weight: bold; }
	#footer-wrapper .buckets dl dt a { color: #0e2b57; text-decoration: none; }
	#footer-wrapper .buckets dl dt a:hover { color: #39669d; }
	#footer-wrapper .buckets dl dd { min-height: 10.0em; position: relative; padding-right: 120px; font-size: 1.1em; color: #000000; }
	#footer-wrapper .buckets dl.ecommerce dd { background: url(../img/ecommerce-icon.png) no-repeat 90% 30%; }
	#footer-wrapper .buckets dl.cms dd { background: url(../img/cms-icon.png) no-repeat 90% 30%; }
	#footer-wrapper .buckets dl.flash dd { background: url(../img/flash-icon.png) no-repeat 90% 30%; }
	#footer-wrapper .buckets dl.hover { background: url(../img/buckets-bottom-hover.png) no-repeat bottom #efefef; cursor: pointer; }
	
	#footer-wrapper .buckets dl dd p { min-height: 8.0em; margin-top: 1.2em; display: block; }
	#footer-wrapper .buckets dl dd p.more { min-height: 0px; margin-top: 20px; padding-bottom: 2.0em; }
	#footer-wrapper .buckets dl dd p.more a { padding-left: 16px; }
	#footer-wrapper .buckets dl dd a { font-weight: bold; text-decoration: none; }
	#footer-wrapper .buckets dl dd a:hover { text-decoration: underline; }
	
	#footer-wrapper .buckets dl.ecommerce dd a, #footer-wrapper .buckets dl.ecommerce dd strong { color: #92c502; }
	#footer-wrapper .buckets dl.ecommerce dd p.more a { background: url(../img/ecommerce-arrow.gif) no-repeat 0 50%; }
	#footer-wrapper .buckets dl.cms dd a, #footer-wrapper .buckets dl.cms dd strong { color: #ba006c; }
	#footer-wrapper .buckets dl.cms dd p.more a { background: url(../img/cms-arrow.gif) no-repeat 0 50%; }
	#footer-wrapper .buckets dl.flash dd a, #footer-wrapper .buckets dl.flash dd strong { color: #52b3fe; }
	#footer-wrapper .buckets dl.flash dd p.more a { background: url(../img/flash-arrow.gif) no-repeat 0 50%; }

	#footer-wrapper .top { width: 888px; height: 10px; background: url(../img/footer-rounded-top.png) no-repeat; display: block; }
	#footer-wrapper .content { width: 824px; background: #FFFFFF; padding: 0 32px; }
	#footer-wrapper p { float: left; }
	#footer-wrapper ul { list-style: none; float: right; }
	#footer-wrapper ul li { background: url(../img/footer-div.gif) no-repeat 0 50%; padding: 0 2.1em 0 2.0em; text-transform: lowercase; display: inline; }
	#footer-wrapper ul li.last-item { padding-right: 0px; }
	#footer-wrapper ul li a { color: #39669d; text-decoration: none; }
	#footer-wrapper ul li a:hover { text-decoration: underline; }
	#footer-wrapper .bottom { width: 888px; height: 10px; background: url(../img/footer-rounded-bottom.png) no-repeat; display: block; }