@charset "UTF-8";
/**
 * Ubuntu 11.04 Redesign
 *
 * CSS created for the 11.04 redesign. First phase. This will initially
 * be applied only to the business section of ubuntu.com
 *
 * Namespace: "#u1104-header", "#u1104"
 * 
 * @project		Ubuntu.com 11.04 Redesign - Phase 1
 * @author		Canonical Web Team: Inayaili de León
 * @copyright	2011 Canonical Ltd.
 *
 * @colordef	#333333; main text
 * @colordef	#dd4814; unvisited links orange
 * @colordef	#772953; canonical augerbine
 * @colordef	#2C001e; dark aubergine
 * @colordef	#e2d4dc; lavender
 * @colordef	#dfdcd9; grey
 * @colordef	#efeeec; light grey
 */

/**
 * Table of contents
 *
 * Reset
 * Structure
 * Global
 * Links
 * Typography
 * Lists
 * Forms
 * Tables
 * Visual media
 * Components
 * Reusable
 * Page specific
 */

/**
 * Reset
 *
 * @section reset
 */
 
#u1104 div, #u1104 span, #u1104 applet, #u1104 object, #u1104 iframe,
#u1104 h1, #u1104 h2, #u1104 h3, #u1104 h4, #u1104 h5, #u1104 h6, #u1104 p, #u1104 blockquote, #u1104 pre,
#u1104 a, #u1104 abbr, #u1104 acronym, #u1104 address, #u1104 big, #u1104 cite, #u1104 code,
#u1104 del, #u1104 dfn, #u1104 em, #u1104 img, #u1104 ins, #u1104 kbd, #u1104 q, #u1104 s, #u1104 samp,
#u1104 small, #u1104 strike, #u1104 strong, #u1104 sub, #u1104 sup, #u1104 tt, #u1104 var,
#u1104 b, #u1104 u, #u1104 i, #u1104 center,
#u1104 dl, #u1104 dt, #u1104 dd, #u1104 ol, #u1104 ul, #u1104 li,
#u1104 fieldset, #u1104 form, #u1104 label, #u1104 legend,
#u1104 table, #u1104 caption, #u1104 tbody, #u1104 tfoot, #u1104 thead, #u1104 tr, #u1104 th, #u1104 td,
#u1104 article, #u1104 aside, #u1104 canvas, #u1104 details, #u1104 embed, 
#u1104 figure, #u1104 figcaption, #u1104 footer, #u1104 header, #u1104 hgroup, 
#u1104 menu, #u1104 nav, #u1104 output, #u1104 ruby, #u1104 section, #u1104 summary,
#u1104 time, #u1104 mark, #u1104 audio, #u1104 video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
#u1104 article, #u1104 aside, #u1104 details, #u1104 figcaption, #u1104 figure, #u1104 footer, 
#u1104 header, #u1104 hgroup, #u1104 menu, #u1104 nav, #u1104 section {
	display:block;
	}
#u1104 blockquote, #u1104 q {
	quotes:none;
	}
#u1104 blockquote:before, #u1104 blockquote:after, #u1104 q:before, #u1104 q:after {
	content:'';
	content:none;
	}
#u1104 a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
#u1104 ins {
	background-color:#ff9;
	color:#333;
	text-decoration:none;
	}
#u1104 mark {
	background-color:#ff9;
	color:#333;
	font-style:italic;
	font-weight:bold;
	}
#u1104 del {
	text-decoration: line-through;
	}
#u1104 abbr[title], #u1104 dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
	}
#u1104 table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
	}
#u1104 hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #dfdcd9;
	margin:1em 0;
	padding:0; }
input, select {
	vertical-align:middle;
	}
#u1104 strong {
	font-weight:bold;
	}

/**
 * Structure
 *
 * Main section blocks
 *
 * @section structure
 */
 
#wrapper-server {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-radius: 0 0 4px 4px;
	} 
#wrapper-server #site-header {
	width:983px;
	}
#u1104 .content {
	background: white;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-khtml-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	margin-bottom:16px;
	min-height:300px;
	}
#u1104 {
	width: 944px;
	margin:auto;
	}
#u1104-header .node-title {
	height:96px;
	z-index:100;
	}
#u1104-header .header-tall {
	height:207px;
	}
#u1104-3rd-nav {
	width:auto;
	float:none;
	}
#u1104 .row {
	padding:20px;
	overflow:hidden;
	clear:both;
	position:relative;
	zoom:1;
	}
#u1104 .row-single { /* Needs border-radius, since it's not container in anything. */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px;
	}
#u1104 .content-2 { /* Second container, separated from first. */
	overflow:hidden;
	margin-bottom:20px;
	}
#u1104-header #u1104-header-2 {
	margin-left:0;
	}
#u1104-header #u1104-header-2 h1 {
	padding-left:10px;
	}

/**
 * Global
 *
 * Site-wide common elements
 *
 * @section global
 */
 
/**
 * Links
 *
 * @section links
 */

#u1104 a:link,
#u1104 a:visited,
#u1104 a:hover,
#u1104 a:active { /* Default. Same colour as surrounding text. */
	color:inherit;
	border-bottom:1px solid;
	text-decoration:none;
	}

#u1104 h1 a:link, #u1104 h1 a:visited, #u1104 h1 a:hover, #u1104 h1 a:active,
#u1104 h2 a:link, #u1104 h2 a:visited, #u1104 h2 a:hover, #u1104 h2 a:active,
#u1104 h3 a:link, #u1104 h3 a:visited, #u1104 h3 a:hover, #u1104 h3 a:active,
#u1104 h4 a:link, #u1104 h4 a:visited, #u1104 h4 a:hover, #u1104 h4 a:active,
#u1104 h5 a:link, #u1104 h5 a:visited, #u1104 h5 a:hover, #u1104 h5 a:active,
#u1104 h6 a:link, #u1104 h6 a:visited, #u1104 h6 a:hover, #u1104 h6 a:active { /* Headings links are orange. */
	color:#dd4814;
	border:none;
	}

#u1104 .aubergine a:link, #u1104 .aubergine a:visited,
#u1104 .aubergine a:hover, #u1104 .aubergine a:active,
#u1104 .orange a:link, #u1104 .orange a:visited,
#u1104 .orange a:hover, #u1104 .orange a:active { /* Links on aubergine or orange are white. */
	color:white;
	}
	
#u1104 .box a:link, #u1104 .box a:visited,
#u1104 .box a:hover, #u1104 .box a:active { /* To override previous rule for white boxes within aubergine/orange rows. */
	color:#dd4814;
	}

/**
 * Typography
 *
 * @section type
 */

#u1104 {
	font-family:"Ubuntu","Ubuntu Beta",UbuntuBeta,Ubuntu,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif;
	}
 
#u1104-header h1 {
	color:white;
	font-size:36px;
	line-height:1.1;
	padding:16px 0 16px 10px;
	margin:0;
	}
#u1104 h2 {
	font-size:24px;
	line-height:1.2;
	margin-bottom:14px;
	}
	#u1104-header h2 {
		color:white;
		font-size:20px;
		line-height:1.3;
		padding-left:10px;
		width:606px;
		margin:0;
		}
	#u1104 .aubergine h2 {
		color:#ffffff;
		}
	#u1104 .package h2 {
		margin-bottom:8px;
		color:#772953;}
#u1104 h3 {
	font-size:18px;
	line-height:1.3;
	margin-bottom:8px;
	}
	#u1104 .package h3 {
		margin-bottom:14px;
		}
#u1104 p {
	margin-bottom:10px;
	line-height:1.4;
	}
#u1104 .box p:last-child {
	margin-bottom:0;
	}

#u1104 .content {
	font-size:13px;
	z-index:1;
	}
	
#u1104 .quote blockquote {
	font-size:24px;
	line-height:1.3;
	text-indent:-10px;
	color:#772953;
	}
	#u1104 .quote p {
		margin-bottom:0;
		}
#u1104 .quote cite {
	font-size:16px;
	margin-bottom:4px;
	padding-top:4px;
	text-indent:0;
	display:block;
	}

/**
 * Lists
 *
 * @section lists
 */
 
#u1104 li {
	text-indent:0;
	}

/* Simple list in box. */

#u1104 .list-box {
	background:white;
	border:1px solid #dfdcd9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	padding:15px 20px;
	font-size:16px;
	}
#u1104 .list-box li {
	list-style-image:none;
	list-style-type:none;
	border-top:1px dotted #dfdcd9;
	margin-top:15px;
	padding-top:16px;
	color:#dd4814; /* The links will inherit this colour. */
	}
#u1104 .list-box li:first-child {
	border:none;
	padding:0;
	margin:0;
	}
#u1104 .list-box h3 {
	font-size:20px;
	color:#333333;
	margin:0;
	}
#u1104 .list-box a {
	border:none;
	}

/* Icons/logos list with vertical separators and headings. */

#u1104 .icons-row {
	overflow:hidden;
	margin:28px 0 0 0;
	}
#u1104 .icons-row h4 {
	font-size:14px;
	display:inline;
	}
#u1104 .icons-row li {
	list-style:none;
	display:inline;
	margin-right:15px;
	padding-right:18px;
	border-right:1px dotted #dfdcd9;
	}
#u1104 .icons-row li:first-child,
#u1104 .icons-row li:last-child { /* If first-child fails on IE6, try separating these two. */
	border:none;
	margin-right:0;
	}
#u1104 .icons-row img {
	vertical-align:middle;
	}

/* Icons/logos list no vertical separators, no heading. */

#u1104 .icons-box {
	overflow:hidden;
	}
#u1104 .icons-box li {
	list-style:none;
	display:inline;
	margin-left:10px;
	}
#u1104 .icons-box li:first-child {
	margin-left:0;
	}
#u1104 .icons-box img {
	vertical-align:middle;
	}

/* Benefits lists. */

#u1104 .checks {
	border:1px solid #dfdcd9;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-html-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	border-width:1px 0 1px 1px;
	padding:15px 20px;
	width:226px;
	background:white;
	float:right;
	position:relative;
	right:-20px;
	}
#u1104 .checks h3 {
	font-size:16px;
	margin-bottom:12px;
	}
#u1104 .checks li {
	list-style-image:none;
	list-style-type:none;
	padding:5px 0 5px 28px;
	margin-bottom:10px;
	background:url(/sites/default/themes/ubuntu10/img/orangetick.png) no-repeat left center;
	}
#u1104 .checks li:first-child {
	padding:0;
	background:none;
	}
#u1104 .checks li:last-child {
	margin-bottom:0;
	}

/* Two-column lists. */

#u1104 .list-2-col {
	background:white;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	padding:15px 20px;
	overflow:hidden;
	}
#u1104 .list-2-col h3 {
	font-size:16px;
	color:#772953;
	border-bottom:1px dotted #dfdcd9;
	padding-bottom:10px;
	margin-bottom:10px;
	}
#u1104 .list-2-col li {
	list-style: inside disc;
	padding-top:10px;
	padding-left:4px;
	margin-top:10px;
	border-top:1px dotted #dfdcd9;
	}
#u1104 .list-2-col li:first-child {
	padding-top:0;
	margin-top:0;
	border:0;
	}
 
/**
 * Forms
 *
 * @section forms
 */

#u1104 form {
	clear:both;
	width:636px;
	padding-top:20px;
	}
#u1104 fieldset {
	background:#efeeec no-repeat -15px -16px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	padding:15px 20px 15px 94px;
	margin-bottom:8px;
	}
	#u1104 .fieldset-1 { background-image:url(/sites/default/themes/ubuntu10/img/fieldsets-1.png); }
	#u1104 .fieldset-2 { background-image:url(/sites/default/themes/ubuntu10/img/fieldsets-2.png); }
	#u1104 .fieldset-3 { background-image:url(/sites/default/themes/ubuntu10/img/fieldsets-3.png); }
	#u1104 .fieldset-4 { background-image:url(/sites/default/themes/ubuntu10/img/fieldsets-4.png); }
#u1104 fieldset h3 {
	padding-bottom:10px;
	margin-bottom:9px;
	border-bottom:1px dotted #dfdcd9;
	}
#u1104 fieldset h4 {
	margin-bottom:4px;
	}
#u1104 form li {
	list-style:none;
	margin-top:14px;
	}
	#u1104 fieldset li:first-child {
		margin-top:0;
		}
	#u1104 .fieldset-submit li:first-child {
		margin-bottom:0;
		}
	#u1104 form li li,
	#u1104 fieldset li li {
		margin-top:6px;
		}
#u1104 form label {
	display:block;
	margin-bottom:4px;
	cursor:pointer;
	}
	#u1104 form li li label {
		display:inline;
		vertical-align:middle;
		margin-left:5px;
		}
#u1104 input[type=text],
#u1104 textarea {
	width:300px;
	padding:4px;
	background:white;
	border:1px solid #999999;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	font:13px "Ubuntu","Ubuntu Beta",UbuntuBeta,Ubuntu,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif;
	}
#u1104 input[type=text]:focus,
#u1104 textarea:focus {
	border-color:black;
	}
#u1104 input[type=checkbox],
#u1104 input[type=radio] {
	margin:0;
	}
#u1104 input[type=checkbox] + label,
#u1104 input[type=radio] + label,
#u1104 input[type=checkbox] + span,
#u1104 input[type=radio] + span { /* Spans are for marketo. */
	width:auto;
	display:inline;
	vertical-align:middle;
	margin-left:5px;
	}
#u1104 li li input[type=checkbox] + label + input {
	margin:4px 0 0 23px;
	display:block;
	width:277px;
	}
#u1104 .note {
	font-size:11px;
	display:block;
	padding-top:2px;
	}
	#u1104 .submit .note {
		font-size:12px;
		padding-top:14px;
		}
#u1104 .submit input,
#u1104 #mktFrmSubmit {
	font-size:16px;
	color:white;
	background:#dc4814 url(/sites/default/themes/ubuntu10/img/cta-background.gif) repeat-x left bottom;
	border:1px solid #df734e;
	border-style:ridge;
	cursor:pointer;
	padding:4px 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-shadow: #333 0px 1px;
	-moz-box-shadow:#b13a11 0 1px 0;
	-webkit-box-shadow:#b13a11 0 1px 0;
	box-shadow:#b13a11 0 1px 0;
	}
	#u1104 .submit input:hover {
		background:#b73a10 url(/sites/default/themes/ubuntu10/img/cta-background-hover.gif) repeat-x left bottom;
		text-decoration: none;
		}
	#u1104 .submit input:active {
		background-color:#962d0c;
		}
	
	#u1104 .mktFormMsg { /* Only for Marketo forms. */
		display:block;
		color:#e03131;
		margin-top:4px;
		}
 
/**
 * Tables
 *
 * @section tables
 */
 
#u1104 table {
	width:100%;
	}
#u1104 th,
#u1104 td {
	padding:4px 20px;
	border:1px dotted #dfdcd9;
	}
#u1104 td {
	text-align:center;
	vertical-align:middle;
	}
#u1104 tbody {
	border-bottom:1px solid #c8c3bd;
	}
#u1104 th[scope="col"] {
	background:#e2d4dc;
	color:#772953;
	text-align:center;
	}
#u1104 thead th:first-of-type {
	text-align:left;
	}
#u1104 tbody th[rowspan] {
	background:#F7F2F6;
	}
#u1104 tfoot {
	font-weight:bold;
	}
#u1104 tfoot td,
#u1104 tfoot th {
	background:#dfdcd9;
	}
#u1104 tfoot th[rowspan] {
	background:#DFDCD9;
	}
#u1104 td:empty {
	border:none;
	}

/**
 * Visual media
 *
 * Styles for images and video
 *
 * @section visual-media
 */
 
/**
 * Components
 *
 * @section components
 */
 
#u1104 .box {
	color:#333333;
	background:white;
	border:1px solid #dfdcd9;
	padding:15px 20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	margin-right:20px;
	overflow:hidden;
	width:auto;
	}
	#u1104 .col-2 .box { /* Two boxes per row. */
		width:380px;
		float:left;
		}
	#u1104 .content-2 .col-2 .box {
		width:422px;
		border:none;
		}
	#u1104 .col-3 .box { /* Three boxes per row. */
		width:246px;
		float:left;
		}
	#u1104 .col-2,
	#u1104 .col-3 {
		overflow:hidden;
		}
	#u1104 .aubergine .box,
	#u1104 .orange .box {
		border:none; /* Boxes on dark backgrounds don't need border. */
		}

#u1104 .bubble { /* Aubergine row with text and bubble quote. */
	position:relative;
	padding:20px;
	overflow:hidden;
	zoom:1;
	}
	#u1104 .bubble p {
		font-size:16px;
		}
	#u1104 .bubble img {
		position:absolute;
		}

#u1104-header .cta a,
#u1104 .cta a {
	font-size:20px;
	color:white;
	background:#dc4814 url(/sites/default/themes/ubuntu10/img/cta-background.gif) repeat-x left bottom;
	border:1px solid #dd4814;
	cursor:pointer;
	padding:9px 12px 11px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-shadow: #333 0px 1px;
	-moz-box-shadow:#b13a11 0 1px 0;
	-webkit-box-shadow:#b13a11 0 1px 0;
	box-shadow:#b13a11 0 1px 0;
	display:block;
	}
	#u1104-header .cta a:hover,
	#u1104 .cta a:hover {
		background:#b73a10 url(/sites/default/themes/ubuntu10/img/cta-background-hover.gif) repeat-x left bottom;
		border-color:#c42300;
		text-decoration: none;
		}
	#u1104-header .cta a:active,
	#u1104 .cta a:active {
		background-color:#962d0c;
		}
	#u1104-header .node-title .cta { /* Positions the Call To Action button when it's placed within the header area. */
		position:absolute;
		right:38px;
		bottom:30px;
		}
	#u1104 .actions .cta { /* Positions the Call To Action button when it's placed within an actions row. */
		float:right;
		}
	#u1104-header .cta-download { /* CTA with arrows dotted. */
		padding-top:137px;
		background:url(/sites/default/themes/ubuntu10/img/matrix_download.png) no-repeat center top;
		}
	#u1104-header .cta-download a {
		margin:0 6px;
		}
	#u1104-header #contact-canonical {
		background-image:url(/sites/default/themes/ubuntu10/img/matrix_contact.png);
		}
		
/* Arrows links block. */

#u1104 .arrows {
	}
	#u1104 .arrows div a {
		background-image:url(/sites/default/themes/ubuntu10/img/arrows-links.png);
		background-repeat:no-repeat;
		display:block;
		padding-top:26px;
		color:#333333;
		border:none;
		}
		#u1104 .arrows a:hover,
		#u1104 .arrows a:active,
		#u1104 .arrows a:focus {
			color:white;
			text-decoration:none;
			}
	#u1104 .arrow-top-left {
		float:left;
		margin-bottom:6px;
		}
		#u1104 .arrow-top-left a {
			width:454px;
			height:111px;
			background-position:0 0;
			}
		#u1104 .arrow-top-left a:hover,
		#u1104 .arrow-top-left a:active,
		#u1104 .arrow-top-left a:focus {
			background-position:0 -213px;
			}
	#u1104 .arrow-top-right {
		float:right;
		margin-bottom:-7px;
		}
		#u1104 .arrow-top-right a {
			width:450px;
			height:126px;
			background-position:-566px 0;
			}
		#u1104 .arrow-top-right a:hover,
		#u1104 .arrow-top-right a:active,
		#u1104 .arrow-top-right a:focus {
			background-position:-566px -213px;
			}
	#u1104 .arrow-bottom-left {
		float:left;
		}
		#u1104 .arrow-bottom-left a {
			width:447px;
			height:111px;
			background-position:-1705px 0;
			}
		#u1104 .arrow-bottom-left a:hover,
		#u1104 .arrow-bottom-left a:active,
		#u1104 .arrow-bottom-left a:focus {
			background-position:-1705px -213px;
			}
	#u1104 .arrow-bottom-right {
		float:right;
		}
		#u1104 .arrow-bottom-right a {
			width:455px;
			height:110px;
			background-position:-1132px 0;
			}
		#u1104 .arrow-bottom-right a:hover,
		#u1104 .arrow-bottom-right a:active,
		#u1104 .arrow-bottom-right a:focus {
			background-position:-1132px -213px;
			}
	#u1104 .arrows h3 {
		font-size:16px;
		margin-bottom:8px;
		padding:0 20px;
		}
		#u1104 .arrow-top-right h3 ,
		#u1104 .arrow-bottom-right h3{
			padding:0 10px 0 30px;
			}
	#u1104 .arrows p {
		font-size:12px;
		padding:0 10px 10px 80px;
		margin-bottom:0;
		margin-left:20px;
		background-image:url(/sites/default/themes/ubuntu10/img/arrows-links-icons.png);
		background-repeat:no-repeat;
		}
		#u1104 .arrow-top-left p {
			background-position:0 0;
			padding-right:20px;
			}
			#u1104 .arrow-top-left a:hover p,
			#u1104 .arrow-top-left a:active p,
			#u1104 .arrow-top-left a:focus p {
				background-position:0 -85px;
				}
		#u1104 .arrow-top-right p {
			background-position:0 -170px;
			margin-left:30px;
			}
			#u1104 .arrow-top-right a:hover p,
			#u1104 .arrow-top-right a:active p,
			#u1104 .arrow-top-right a:focus p {
				background-position:0 -255px;
				}
		#u1104 .arrow-bottom-left p {
			background-position:0 -340px;
			}
			#u1104 .arrow-bottom-left a:hover p,
			#u1104 .arrow-bottom-left a:active p,
			#u1104 .arrow-bottom-left a:focus p {
				background-position:0 -425px;
				}
		#u1104 .arrow-bottom-right p {
			background-position:4px -510px;
			margin-left:30px;
			padding-bottom:10px;
			margin-bottom:0;
			}
			#u1104 .arrow-bottom-right a:hover p,
			#u1104 .arrow-bottom-right a:active p,
			#u1104 .arrow-bottom-right a:focus p {
				background-position:4px -595px;
				}

/* Arrows block, no links. */

#u1104 .arrows-simple {
	}
	#u1104 .arrows-simple div {
		background-image:url(/sites/default/themes/ubuntu10/img/arrows.png);
		background-repeat:no-repeat;
		padding:28px 20px 0 21px;
		}
	#u1104 .arrows-simple .arrows-s-top-left {
		width:412px;
		height:157px;
		background-position:0 0;
		margin-bottom:8px;
		}
	#u1104 .arrows-simple .arrows-s-mid-left {
		width:403px;
		height:114px;
		background-position:-605px 0;
		margin-bottom:7px;
		}
	#u1104 .arrows-simple .arrows-s-bottom-left {
		width:403px;
		height:129px;
		background-position:-1200px 0;
		}
	#u1104 .arrows-simple .arrows-s-right {
		width:396px;
		height:487px;
		background-position:-1795px 0;
		float:right;
		padding-left:32px;
		}
	#u1104 .arrows-simple h3 {
		color:#772953;
		font-size:16px;
		margin-bottom:2px;
		}
	#u1104 .arrows-simple p {
		line-height:1.2;
		}
		
/* Combo: Intro, list and arrow block. */

#u1104 .combo {
	}
#u1104 .combo-text {
	width:440px;
	float:left;
	}
#u1104 .combo-text p {
	font-size:14px;
	line-height:1.5;
	}
#u1104 .combo-text li {
	list-style:disc;
	line-height:1.5;
	font-size:14px;
	margin-left:20px;
	margin-bottom:4px;
	}
#u1104 .arrow-s-tall {
	width:401px;
	height:442px;
	padding:15px 20px 20px 34px;
	background:url(/sites/default/themes/ubuntu10/img/big_arrow.png) no-repeat;
	float:right;
	}
#u1104 .arrow-s-tall p {
	font-size:13px;
	line-height:1.4;
	}

/* Packages. */
	
#u1104 .packages {
	clear:both;
	overflow:hidden;
	border:1px dotted #efeeec;
	background:#e2d4dc;
	}
#u1104 .packages h2 {
	background:#efeeec url(/sites/default/themes/ubuntu10/img/servicesserver_owl.png) no-repeat 20px center;
	width:230px;
	padding:30px 0 48px 170px;
	float:left;
	margin-bottom:0;
	min-height:96px;
	_height:96px; /* IE6 inteprets "height" as "min-height". */
	}
#u1104 .packages dl {
	width:166px;
	border-left:1px dotted #b9b7ba;
	float:left;
	}
#u1104 .packages dt {
	padding:10px 10px 0 10px;
	font-size:16px;
	}
#u1104 .packages dd {
	padding:6px 10px;
	height:90px;
	}
#u1104 .packages .price {
	margin-top:10px;
	padding:10px 10px 9px 10px;
	border-top:1px dotted #b9b7ba;
	color:#6e6f71;
	background:#f7f2f6;
	font-weight:bold;
	font-size:16px;
	height:auto;
	}
 
/**
 * Reusable
 *
 * Mostly non-semantic, presentational classes.
 *
 * @section reusable
 */
 
/* Floats. */

#u1104 .fRight {
	float:right;
	margin-left:10px;
	margin-top:4px;
	}
#u1104 .fLeft {
	float:left;
	margin-right:10px;
	margin-top:4px;
	}
#u1104 .fTop {
	display:block;
	margin-bottom:15px;
	}

/* Background colours. */

#u1104 .orange {
	background-color:#dd4814;
	color:white;
	}
#u1104 .aubergine {
	background-color:#772953;
	color:white;
	}
#u1104 .dark-aub {
	background-color:#2C001e;
	}
#u1104 .lavender {
	background-color:#e2d4dc;
	}
#u1104 .grey-light {
	background-color:#efeeec;
	}

/* Width. */

#u1104 .width-1-2 {
	width:442px;
	margin-right:20px;
	float:left;
	}
#u1104 .width-2-3 {
	width:636px;
	float:left;
	}

/* Types of rows. */

#u1104 .quote {
	padding:24px 30px;
	}
#u1104 .actions {
	background:white;
	overflow:hidden;
	padding:10px 20px;
	}
#u1104 .arrows {
	padding:20px;
	overflow:hidden;
	}
#u1104 .arrows-simple {
	background:#efeeec;
	}
#u1104 .package {
	padding:20px 20px 0 20px;
	overflow:hidden;
	}
#u1104 .message-thanks {
	background:none no-repeat scroll 70px center;
    padding: 40px 20px 40px 220px;
	}
	
/* Classes for last box in a row or first/last row in a column. */

#u1104 .last {
	margin-right:0;
	}
#u1104 .top {
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	}
#u1104 .bottom {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	}

#u1104-header .movable,
#u1104 .movable{ /* All movable elements are position:absolute. Position depends on page and is added with ID. */
	position:absolute;
	}
 
/**
 * Page specific
 *
 * @section page-specific
 */

/* Ubuntu for your business */

#u1104 #banner-ubuntu-business {
	background:#fff url(/sites/default/themes/ubuntu10/img/biz_large_image.png) no-repeat center top;
	height:303px;
	border-bottom:1px dotted #dfdcd9;
	}
#u1104 #banner-ubuntu-business .banner-cta {
	position:absolute;
	right:16px;
	bottom:17px;
	font-size:24px;
	}
#u1104 #banner-ubuntu-business .banner-cta a {
	padding:10px 6px;
	background:white;
	display:block;
	color:#dd4814;
	border:none;
	}

/* Business: Server: Overview */

#u1104 #quote-serverbiz {
	top:0;
	right:57px;
	}

/* Business: Services: Server */

#u1104 #quote-serviceserver {
	top:0;
	right:26px;
	}

/* Business: Case studies */

#u1104 .case-study {
	padding:36px 420px 36px 36px;
	background-repeat:no-repeat;
	}
#u1104 .case-study-odd {
	padding:36px 36px 36px 400px;
	background-repeat:no-repeat;
	}
#u1104 #cs-skalica {
	background-image:url(/sites/default/themes/ubuntu10/img/casestudy-reducecosts.png);
	background-position:64px center;
	}
#u1104 #cs-agoragames {
	background-image:url(/sites/default/themes/ubuntu10/img/casestudy-agoragames.png);
	background-position:545px top;
	}
#u1104 #cs-wikimedia {
	background-image:url(/sites/default/themes/ubuntu10/img/casestudy-wikipedia.png);
	background-position:545px top;
	}





/* ----- Consumer pages style dump. Needs some serious tidying. ----- */

/* ----- navigation.css ----- */

#wrapper ul.nice-menu .bottom-holder ul li {
	background:none!important; /* Remove important when legacy CSS is deleted. */
	border-right:1px solid #fff;
	border-left:1px solid #e6e6e6; }
#wrapper ul.nice-menu .bottom-holder ul li:first-child {
	border-left:none; }

#wrapper .bottom-holder,
#wrapper #search-box {
	border:none; }

#wrapper #search-box {
	height:33px!important; /* Remove important when legacy CSS is deleted. */ }
 
#wrapper .bottom-holder,
#wrapper #search-box,
#wrapper #u1104-3rd-nav {
	background: #efefef; }
#wrapper #u1104-3rd-nav li {
	background:none!important; /* Remove important when legacy CSS is deleted. */
	border-right:1px solid #fff;
	border-left:1px solid #e6e6e6; }
#wrapper #u1104-3rd-nav li:first-child {
	border-left:none; }
#u1104-3rd-nav {
	width:auto;
	float:none; }

/* ----- structure.css ----- */

#wrapper-server,
#wrapper { /* Make this generic. */
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-radius: 0 0 4px 4px; } 
#wrapper-server #site-header,
#wrapper #site-header { /* Make this generic. */
	width:983px; }
#u1104 .consumer-page .content {
	background: #efefef;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-khtml-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	margin-bottom:16px;
	min-height:300px; }
	
#u1104 .consumer-page {
	width: 944px;
	margin:auto; }
#u1104-header .consumer-page  .node-title {
	height:96px;
	z-index:100; }
#u1104-header .consumer-page  .header-tall {
	height:207px; }
#u1104-header .consumer-page  .header-auto {
	height: auto; }

/* ----- main.css ----- */

#u1104 .consumer-page {
	font-family:"Ubuntu","Ubuntu Beta",UbuntuBeta,Ubuntu,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif; }
 
#u1104-header .consumer-page h1 {
	color: #333;
	font-size:36px;
	line-height:1.1;
	padding:16px 0 16px 10px;
	margin:0; }
#u1104 .consumer-page .content h1 {
	color: #333;
	font-size:24px;
	line-height:1.2;
	margin-bottom:20px; }
#u1104 .consumer-page h2 {
	color: #333;
	font-size:24px;
	line-height:1.2;
	margin-bottom:14px; }
#u1104-header .consumer-page h2 {
	color: #333;
	font-size:20px;
	line-height:1.3;
	padding-left:10px;
	width:606px;
	margin:0; }
#u1104 .consumer-page .aubergine h2 {
	color:#ffffff; }
#u1104 .consumer-page h3 {
	font-size:16px;
	line-height:1.3;
	margin-bottom:8px; }
#u1104 .consumer-page p {
	margin-bottom:10px;
	line-height:1.4; }
#u1104 .consumer-page .box p:last-child {
	margin-bottom:0; }
#u1104 .consumer-page .content { /* @todo Move this to body. */
	font-size:13px;
	z-index:1; }
#u1104 .consumer-page li {
	text-indent:0; }
 
/**
 * Links
 *
 * @section links
 */

#u1104 .consumer-page a:link,
#u1104 .consumer-page a:visited,
#u1104 .consumer-page a:hover,
#u1104 .consumer-page a:active,
#u1104-header .consumer-page a:link,
#u1104-header .consumer-page a:visited,
#u1104-header .consumer-page a:hover,
#u1104-header .consumer-page a:active { /* Default. Same colour as surrounding text. */
	color:inherit;
	text-decoration:none;
	border:none; }

#u1104 .consumer-page h1 a:link, #u1104 .consumer-page h1 a:visited, #u1104 .consumer-page h1 a:hover, #u1104 .consumer-page h1 a:active,
#u1104 .consumer-page h2 a:link, #u1104 .consumer-page h2 a:visited, #u1104 .consumer-page h2 a:hover, #u1104 .consumer-page h2 a:active,
#u1104 .consumer-page h3 a:link, #u1104 .consumer-page h3 a:visited, #u1104 .consumer-page h3 a:hover, #u1104 .consumer-page h3 a:active,
#u1104 .consumer-page h4 a:link, #u1104 .consumer-page h4 a:visited, #u1104 .consumer-page h4 a:hover, #u1104 .consumer-page h4 a:active,
#u1104 .consumer-page h5 a:link, #u1104 .consumer-page h5 a:visited, #u1104 .consumer-page h5 a:hover, #u1104 .consumer-page h5 a:active,
#u1104 .consumer-page h6 a:link, #u1104 .consumer-page h6 a:visited, #u1104 .consumer-page h6 a:hover, #u1104 .consumer-page h6 a:active { /* Headings links are orange. */
	color:#dd4814;
	border:none; }

#u1104 .consumer-page .aubergine a:link, #u1104 .consumer-page .aubergine a:visited,
#u1104 .consumer-page .aubergine a:hover, #u1104 .consumer-page .aubergine a:active,
#u1104 .consumer-page .orange a:link, #u1104 .consumer-page .orange a:visited,
#u1104 .consumer-page .orange a:hover, #u1104 .consumer-page .orange a:active { /* Links on aubergine or orange are white. */
	color:white; }
	
#u1104 .consumer-page .box a:link, #u1104 .consumer-page .box a:visited,
#u1104 .consumer-page .box a:hover, #u1104 .consumer-page .box a:active { /* To override previous rule for white boxes within aubergine/orange rows. */
	color:#dd4814; }

/**
 * Components
 *
 * @section components
 */

/* Simple list in box. @todo make sizes more generic and override in business.css */

#u1104 .consumer-page .list-box {
	background:white;
	border:1px solid #dfdcd9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	padding:15px 20px;
	font-size:16px; }
#u1104 .consumer-page .list-box li {
	list-style-image:none;
	list-style-type:none;
	border-top:1px dotted #dfdcd9;
	margin-top:15px;
	padding-top:16px;
	color:#dd4814; /* The links will inherit this colour. */ }
#u1104 .consumer-page .list-box li:first-child {
	border:none;
	padding:0;
	margin:0; }
#u1104 .consumer-page .list-box h3 {
	/* font-size:20px; DEBUG */
	color:#333333;
	margin:0; }
#u1104 .consumer-page .list-box a {
	border:none; }

/* Icons/logos list with vertical separators and headings. */

#u1104 .consumer-page .icons-row {
	overflow:hidden;
	margin:28px 0 0 0; }
#u1104 .consumer-page .icons-row h4 {
	font-size:13px; /* DEBUG */
	display:inline; }
#u1104 .consumer-page .icons-row li {
	list-style:none;
	display:inline;
	margin-right:15px;
	padding-right:18px;
	border-right:1px dotted #dfdcd9; }
#u1104 .consumer-page .icons-row li:last-child {
	border:none;
	margin-right:0; }
#u1104 .consumer-page .icons-row img {
	vertical-align:middle; }
#u1104 .consumer-page .icons-row li img { /* Needs more specificity than previous. */
	margin:0; }

/* Icons/logos list no vertical separators, no heading. */

#u1104-header .consumer-page .icons-box,
#u1104 .consumer-page .icons-box {
	overflow:hidden; }
#u1104-header .consumer-page .icons-box li,
#u1104 .consumer-page .icons-box li {
	list-style:none;
	display:inline;
	margin-left:10px; }
#u1104-header .consumer-page .icons-box li:first-child,
#u1104 .consumer-page .icons-box li:first-child {
	margin-left:0; }
#u1104-header .consumer-page .icons-box img,
#u1104 .consumer-page .icons-box img {
	vertical-align:middle; }

/* Generic rows padding and border radius. */

#u1104 .consumer-page .row {
	padding:20px;
	overflow:hidden;
	clear:both;
	position:relative;
	height:1%; }
#u1104 .consumer-page .row-single { /* Needs border-radius, since it's not container in anything. */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px; }

/* To create separate content box. */
	
#u1104 .consumer-page .content-2 { /* Second container, separated from first. */
	overflow:hidden;
	margin-bottom:20px; }
	
/* Call-to-action buttons. Most important button in a page. 
@todo needs to be updated to new design (will influence business pages) */

#u1104-header .consumer-page .cta a,
#u1104 .consumer-page .cta a {
	font-size:20px;
	color:white;
	background:#f25c2c url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/cta-background.png) repeat-x left bottom;
	border:1px solid #de4220;
	cursor:pointer;
	padding:9px 20px 11px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-khtml-border-radius:30px;
	border-radius:30px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,.4);
	box-shadow:0 1px 0 rgba(0,0,0,.4);
	display:block; }
#u1104-header .consumer-page .cta a:hover,
#u1104 .consumer-page .cta a:hover {
	background:#f25c2c url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/cta-background-hover.png) repeat-x left top;
	text-decoration: none; }
#u1104-header .consumer-page .cta a:active,
#u1104 .consumer-page .cta a:active {
	background-color:#962d0c; }
#u1104-header .consumer-page .node-title .cta { /* Positions the Call To Action button when it's placed within the header area. */
	position:absolute;
	right:20px;
	bottom:34px; }
#u1104-header .consumer-page .cta-download {
	padding-top: 0;
	background-image: none; }
		
/* Carousel content.
@todo Move across remaining carousel styles from legacy CSS. */

#u1104 .consumer-page .carousel {
	padding: 0 20px; }
#u1104 .consumer-page .carousel ul {
	height: auto; }
#u1104 .consumer-page .carousel #thumbNav { /* Hide thumbnail navigation by default. */
	display: none; }
#u1104 .consumer-page .carousel .arrow  {
	height: 64px;
	width: 33px;
	display: block;
	position: absolute;
	font-size: 0;
	top: 138px;
	cursor: pointer;
	border: 0;
	z-index: 1000; }
#u1104 .consumer-page .carousel .arrow:hover {
	background-position: 0px -65px; }
#u1104 .consumer-page .carousel .arrow:active {
	background-position: 0px -130px; }
#u1104 .consumer-page .carousel .back {
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/carousel-arrow-back.png) no-repeat 0 0;
	left: 20px; }
#u1104 .consumer-page .carousel .forward {
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/carousel-arrow-forward.png) no-repeat 0 0;
	right: 20px; }
#u1104 .consumer-page .carousel-no-arrows #thumbNav {
	display: block; }
#u1104 .consumer-page .carousel-no-arrows .arrow {
	display: none; }

/* Tooltip.
Lives outside the u1104 container. */
#tooltip {
	position: absolute;
	z-index: 1000;
	padding: 6px 5px;
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff; 
	border: 1px solid #dfdcd9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; }
#tooltip h3 {
	margin: 0; 
	font-size: 13px; }
 
/**
 * Reusable
 *
 * Mostly non-semantic, presentational classes.
 *
 * @section reusable
 */
 
/* Floats (mainly for images). */

#u1104 .consumer-page .fRight {
	float:right;
	margin-left:10px;
	margin-top:4px; }
#u1104 .consumer-page .fLeft {
	float:left;
	margin-right:10px;
	margin-top:4px; }
#u1104 .consumer-page .fTop {
	display:block;
	margin-bottom:15px; }

/* Background colours. */

#u1104 .consumer-page .orange {
	background-color:#dd4814;
	color:white; }
#u1104 .consumer-page .aubergine {
	background-color:#772953;
	color:white; }
#u1104 .consumer-page .dark-aub {
	background-color:#2C001e; }
#u1104 .consumer-page .lavender {
	background-color:#e2d4dc; }
#u1104 .consumer-page .grey-light {
	background-color:#efeeec; }

/* Width. */

#u1104 .consumer-page .width-1-2 {
	width:442px;
	margin-right:20px;
	float:left; }
#u1104 .consumer-page .width-2-3 {
	width:636px;
	float:left; }
	
/* Classes for last box in a row or first/last row in a column. */

#u1104 .consumer-page .last {
	margin-right:0; }
#u1104 .consumer-page .top {
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	border-top-left-radius:4px; }
#u1104 .consumer-page .bottom {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px; }

#u1104-header .consumer-page .movable,
#u1104 .consumer-page .movable { /* All movable elements are position:absolute. Position depends on page and is added with ID. */
	position:absolute; }

/* ----- features.css ----- */

/**
 * Type
 *
 * @section type
 */

#u1104 .consumer-page .content h1 {
	margin-top:10px; }
 
#u1104 .consumer-page h2 {
	font-size:16px; }
 
/**
 * Components
 *
 * @section components
 */ 

/* Overview page intro */

#u1104 .consumer-page .over-intro {
	padding-right: 0;
	padding-bottom: 10px; }
#u1104 .consumer-page .over-intro h1 {
	margin-top: -6px }
#u1104 .consumer-page .over-intro p {
	font-size: 16px;
	margin-bottom: 30px; }

/* Feature page intro */

#u1104 .consumer-page .feats-intro {
	border-bottom:1px dotted #dfdcd9;
	padding-right:0;
	padding-bottom:0; }
#u1104 .consumer-page .feats-intro p {
	font-size:16px; }
#u1104 .consumer-page .feats-hero {
	float:right;
	margin-left:20px; }
#u1104 .consumer-page .feats-intro img {
	vertical-align:top; }

/* Generic box and widths */

#u1104 .consumer-page .box {
	border:1px solid #dfdcd9;
	background:#fff;
	float:left;
	margin-right:20px;
	overflow:hidden;
	height:1%;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:15px 20px; }
	
#u1104 .consumer-page .box-1-3 {
	width:246px; 
	min-height: 198px;
	height: auto !important; /* IE 6 */
	height: 198px; /* IE 6 */ }
#u1104 .consumer-page .box-1-3 img {
	margin:30px 0 -20px -20px; }
	
#u1104 .consumer-page .box-2-3 {
	width:554px;
	min-height: 198px; 
	height: auto !important; /* IE 6 */
	height: 198px; /* IE 6 */ }
#u1104 .consumer-page .box-2-3 img {
	float:right;
	margin-right:-20px;
	margin-bottom:-20px; }
#u1104 .consumer-page .box-2-3 h2,
#u1104 .consumer-page .box-2-3 p {
	margin-right:308px; }

/* Full width boxes */

#u1104 .consumer-page .box-full {
	width: 862px; 
	margin-top: 20px; }
#u1104 .consumer-page .box-full img {
	float: right;
	margin: 0 -20px -20px 20px; }
#u1104 .consumer-page .box-full img.quotation {
	margin: -20px -20px 0 20px; }
#u1104 .consumer-page .box-full-image,
#u1104 .consumer-page .box-full-screengrab {
	-moz-box-shadow:0 2px 2px 0 #c2c2c2;
	-webkit-box-shadow:0 2px 2px 0 #c2c2c2;
	box-shadow:0 2px 2px 0 #c2c2c2;
	width:100%;
	height:300px;
	padding:0;
	margin:20px 0;
	background:center top; 
	border: 0; }
#u1104 .consumer-page .box-full-image {
	position: relative; }
#u1104 .consumer-page .box-full-image div h2 {
	color: #fff; }
#u1104 .consumer-page .box-full-image div {
	position: absolute; 
	padding: 0 20px;
	left: 616px;
	top: 53px;
	color: #fff; }
#u1104 .consumer-page .row-no-top-pad .box-full-image {
	margin: 0; }
#u1104 .consumer-page .box-full-screengrab { /* Used for interactive screengrabs */
	position: relative;
	overflow: visible;
	height: 510px;
	margin: 10px 0 0 0; }
	
/* Screengrab list */

#u1104 .consumer-page .grab-list {
	width: 862px;
	margin-bottom: 20px; }
#u1104 .consumer-page .grab-list h3 {
	margin: 10px 0 1px 0;
	font-size: 13px;
	font-weight: bold; }
#u1104 .consumer-page .grab-list li {
	margin-right: 20px;
	list-style: none;
	float: left; 
	width: 274px; }
#u1104 .consumer-page .grab-list .last {
	margin-right: 0; }
#u1104 .consumer-page .grab-list img {
	float: none;
	margin: 0; }

/* Padded box */

#u1104 .consumer-page .padded {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding: 11px 6px 6px 6px;
	margin-bottom:20px;
	background:#efefef; }
#u1104 .consumer-page .padded h2 {
	margin-left:8px;
	margin-bottom:9px; }
#u1104 .consumer-page .over-intro .padded,
#u1104 .consumer-page .apps-intro .padded {
	background: #fff;
}

/* Software Centre padded box. Inherits from Padded box. */
	
#u1104 .consumer-page .soft-centre {
	background:#a4a3a1 url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/soft-centre-bkg.gif); }
#u1104 .consumer-page .soft-centre h2 {
	color:#fff; }
#u1104 .consumer-page .soft-centre ul {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
	height:1%;
	padding:15px 11px; }
#u1104 .consumer-page .soft-centre li {
	list-style:none;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px dotted #dfdcd9; }
	#u1104 .consumer-page .soft-centre-4 li {
		width:211px;
		min-height:100px; 
		height: auto !important; /* IE 6 */
		height: 100px; /* IE 6 */ }
	#u1104 .consumer-page .soft-centre-3 li {
		width:289px;
		min-height:85px;
		height: auto !important; /* IE 6 */
		height: 85px; /* IE 6 */}
	#u1104 .consumer-page .soft-centre-2 li {
		width:444px;
		min-height:80px; 
		height: auto !important; /* IE 6 */
		height: 80px; /* IE 6 */ }
#u1104 .consumer-page .soft-centre .last {
	border:none;
	margin-right:0;
	padding-right:0; }
#u1104 .consumer-page .soft-centre h3 {
	font-weight:bold;
	font-size:13px;
	margin-left:44px; }
#u1104 .consumer-page .soft-centre p {
	margin-left:44px;
	margin-bottom:0; }
#u1104 .consumer-page .soft-centre img {
	float:left;
	margin-right:8px; }

/* More features, Get Ubuntu, Category and FAQ boxes. Inherit from Padded box. */

#u1104 .consumer-page .more-feats,
#u1104 .consumer-page .get-ubuntu {
	width:450px;
	float:left; }
#u1104 .consumer-page .more-feats {
	margin-right:20px; }
#u1104 .consumer-page .more-feats li,
#u1104 .consumer-page .get-ubuntu li,
#u1104 .consumer-page .categories li,
#u1104 .consumer-page .faqs li {
	list-style:none; }

#u1104 .consumer-page .more-feats a,
#u1104 .consumer-page .get-ubuntu a {
	color:#dd4814;
	border:none; }
#u1104 .consumer-page .more-feats a,
#u1104 .consumer-page .categories li,
#u1104 .consumer-page .faqs li {
	padding-bottom:8px;
	display:block; }

#u1104 .consumer-page .more-feats div,
#u1104 .consumer-page .categories div,
#u1104 .consumer-page .faqs div {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
	height:1%;
	padding:15px 11px 0 11px; }
#u1104 .consumer-page .more-feats ul { 
	width:204px;
	float:left;
	margin-right:20px; }
#u1104 .consumer-page .faqs ul {
	width: 445px;
	float: left;
	margin-right: 20px; }
#u1104 .consumer-page .more-feats .last,
#u1104 .consumer-page .categories .last,
#u1104 .consumer-page .faqs .last {
	margin-right:0; }
#u1104 .consumer-page .more-feats li,
#u1104 .consumer-page .categories li {
	border-bottom:1px dotted #dfdcd9;
	padding-top:8px; }
#u1104 .consumer-page .more-feats li:first-child {
	padding-top:0; }
#u1104 .consumer-page .more-feats li:last-child,
#u1104 .consumer-page .categories li:last-child,
#u1104 .consumer-page .faqs li:last-child{
	border:0; }

#u1104 .consumer-page .over-intro .more-feats {
	float: right;
	margin-left: 20px;
	width: 430px; }
#u1104 .consumer-page .over-intro .more-feats div,
#u1104 .consumer-page .categories div {
	background: #efefef; }
#u1104 .consumer-page .over-intro .more-feats ul {
	width: 184px; }
	
#u1104 .consumer-page .categories {
	width: 584px;
	float: right;
	margin-left: 20px; }
#u1104 .consumer-page .categories div {
	padding-bottom: 10px; }
#u1104 .consumer-page .categories ul {
	width: 174px;
	float: left;
	margin-right: 20px; }
#u1104 .consumer-page .categories li {
	padding-left: 34px;
	background: url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/category-icons-sprite.png) no-repeat; }
#u1104 .consumer-page .categories .accessories {
	background-position: 0 5px; }
#u1104 .consumer-page .categories .education {
	background-position: 0 -55px; }
#u1104 .consumer-page .categories .fonts {
	background-position: 0 -113px; }
#u1104 .consumer-page .categories .games {
	background-position: 0 -169px; }
#u1104 .consumer-page .categories .graphics {
	background-position: 0 -227px; }
#u1104 .consumer-page .categories .internet {
	background-position: 0 -284px; }
#u1104 .consumer-page .categories .office {
	background-position: 0 -342px; }
#u1104 .consumer-page .categories .science {
	background-position: 0 -400px; }
#u1104 .consumer-page .categories .sound {
	background-position: 0 -459px; }
#u1104 .consumer-page .categories .universal {
	background-position: 0 -517px; }
	
/* Educational resources */
#u1104 .consumer-page .educational {
	background: #0a0d18 url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/usc-stellarium.jpg) no-repeat center bottom;
	height: 396px !important; /* Important required to override the IE 6 min-height fix */
	color: #fff; }

#u1104 .consumer-page .get-ubuntu ul {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
	height:1%;
	padding:15px 11px; }
#u1104 .consumer-page .get-ubuntu li {
	width:142px;
	text-align:center;
	float:left; }
#u1104 .consumer-page .get-ubuntu a {
	padding-top:75px;
	display:block;
	background:none no-repeat center -127px; }
/*#u1104 .consumer-page .get-ubuntu a:hover {
	background-position: center -127px; }*/
/*#u1104 .consumer-page .get-ubuntu .tryit a {
	background-image:url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/picto-getubuntu-tryit.gif); }*/
#u1104 .consumer-page .get-ubuntu .cd a {
	background-image:url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/picto-getubuntu-cd.gif); }
#u1104 .consumer-page .get-ubuntu .windows a {
	background-image:url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/picto-getubuntu-windows.gif); }
#u1104 .consumer-page .get-ubuntu .download a {
	background-image:url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/picto-getubuntu-download.gif); }
	
/* Secure features */

#u1104 .consumer-page .secure-feats p {
	margin-right: 0; }
#u1104 .consumer-page .secure-feats div {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #dfdcd9;
	height: 1%;
	overflow: hidden;
	margin-top: 20px;
	padding: 10px 20px }
#u1104 .consumer-page .secure-feats ul {
	float: left;
	width: 246px; }
#u1104 .consumer-page .secure-feats ul:last-child {
	margin-left: 20px; }
#u1104 .consumer-page .secure-feats li {
	background: url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/feats-tick.gif) 0 10px no-repeat;
	list-style: none;
	float: left;
	padding: 10px 0 10px 27px;
	width: 219px;
	border-bottom: 1px dotted #dfdcd9; }
#u1104 .consumer-page .secure-feats li:last-child {
	border: 0; }
	
/* Compatible features */

#u1104 .consumer-page .compatible-feats img {
	margin: 40px auto 13px auto;
	display: block; }

/* Icons. Slightly different margins from main.css */

#u1104 .consumer-page .icons-row {
	margin-top:20px; }
#u1104 .consumer-page .icons-row li {
	margin-right:5px;
	padding-right:8px; }
#u1104 .consumer-page .icons-row img {
	float: none; }
#u1104 .consumer-page .icons-row .row-text {
	border: 0; 
	margin-right: 8px;
	padding-right: 0; }
#u1104 .consumer-page .icons-box {
	margin-top:20px; }

/* Music streaming */

#u1104 .consumer-page .music-streaming {
	position: relative; }
#u1104 .consumer-page .music-streaming p {
	width: 596px;
	margin-right: 20px; }
#u1104 .consumer-page .music-streaming ul {
	position: absolute;
	top: 18px;
	left: 630px; }

/* Text columns */
.col-2 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

#u1104-header .consumer-page .header-auto {
	border-bottom: 1px dotted #dfdcd9;
	margin-bottom: 20px; }
#u1104-header .consumer-page .header-auto h1 {
	margin-bottom: 20px; }
#u1104-header .consumer-page .header-auto h2 {
	margin-top: -20px; }
#u1104-header .consumer-page .header-auto img,
#u1104-header .consumer-page .header-auto iframe {
	float: right;
	margin: 20px 0 0 20px; }
#u1104-header .consumer-page .header-auto p,
#u1104-header .consumer-page .header-auto a {
	margin-left: 10px;
	font-size: 16px;
	line-height: 1.4; }
#u1104-header .consumer-page .header-auto p {
	margin-bottom: 10px; }
#u1104-header .consumer-page .header-auto a {
	color: #dd4814; }
#u1104-header .consumer-page .no-border {
	border: 0; }

/* Homepage header */

#u1104-header .consumer-page .header-home {
	margin-bottom: 8px; }
#u1104-header .consumer-page .header-home .hero {
	float: right;
	margin: 20px 0 0 0; }
#u1104-header .consumer-page .header-home h1 {
	font-size: 24px;
	line-height: 1.2;
	padding: 20px;
	background-color: #fff; 
	width: 330px;
	margin-left: 5px; }
#u1104-header .consumer-page .header-home .cta {
	float: left; 
	position: static;
	margin-bottom: 30px; }
#u1104-header .consumer-page .header-home .cta a {
	color: #fff;
	font-size: 20px; 
	line-height: inherit; }
#u1104-header .consumer-page .header-home img {
	float: none;
	margin: 0; }
#u1104-header .consumer-page .header-home p {
	font-size: inherit;
	line-height: inherit;
	clear: left; }
#u1104-header .consumer-page .header-home a,
#u1104-header .consumer-page .header-home p,
#u1104-header .consumer-page .header-home .icons-box {
	margin-left: 25px; }
#u1104-header .consumer-page .header-home .explore-feats {
	padding: 10px;
	margin-left: 15px; 
	background: #fff; }
#u1104-header .consumer-page .header-home .icons-box li {
	margin-left: 16px; }
#u1104-header .consumer-page .header-home .icons-box li:first-child {
	margin-left: 0; }

/* Ubuntu for you, homepage */
	
#u1104 .consumer-page .ubuntu-for-you,
#u1104 .consumer-page .ubuntu-homepage {
	border: 0; }

#u1104 .consumer-page .ubuntu-for-you {
	background: #fff; }
	
#u1104 .consumer-page .ubuntu-homepage {
	background: none; }

#u1104 .consumer-page .ubuntu-for-you .row,
#u1104 .consumer-page .ubuntu-homepage .row {
	padding-left: 0;
	padding-right: 0; }

/* Ubuntu for you */

#u1104 .consumer-page .ubuntu-for-you .box-1-3 {
	min-height: 274px;
	height: auto !important; /* IE 6 */
	height: 274px; /* IE 6 */ }
#u1104 .consumer-page .ubuntu-for-you .box-1-3 a {
	display: block;
	margin-bottom: 10px; }
#u1104 .consumer-page .ubuntu-for-you .box-2-3 {
	width: 594px; }

#u1104 .consumer-page .ubuntu-for-you .grab-list {
	border: 0;
	width: 904px;
	background-color: #efefef; 
	margin: 20px 0 -20px 0; }
#u1104 .consumer-page .ubuntu-for-you .grab-list li {
	width: 211px;
	margin-right: 20px; }
#u1104 .consumer-page .ubuntu-for-you .grab-list .last {
	margin-right: 0; }
#u1104 .consumer-page .ubuntu-for-you .grab-list h2 {
	font-size: 24px; }

#u1104 .consumer-page .compare-feats li {
	background: url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/feats-tick.gif) 0 4px no-repeat;
	padding: 5px 0 5px 27px; }
	
/* Homepage */

/* Dotted background */
body.front #wrapper {
	background: #fff url(/sites/www.ubuntu.com/files/active/images/home-bkg.gif) 8px 0 repeat-x;
	width: 976px;
	-moz-box-shadow: 0 2px 2px 0 #c2c2c2;
	-webkit-box-shadow: 0 2px 2px 0 #c2c2c2;
	box-shadow: 0 2px 2px 0 #c2c2c2; }
body.front #wrapper #site-header {
	margin: 0; }
body.front #wrapper #wrapper-bottom {
	background: none }

#u1104 .consumer-page .ubuntu-homepage a {
	color: #dd4814; }
#u1104 .consumer-page .ubuntu-homepage .box-1-3 {
	border: 0;
	width: 261px;
	min-height: 278px;
	height: auto !important; /* IE 6 */
	height: 278px; /* IE 6 */
	color: #fff;
	position: relative; }
#u1104 .consumer-page .ubuntu-homepage .box-1-3 h2 {
	color: #fff; }
#u1104 .consumer-page .ubuntu-homepage .box-1-3 img {
	margin: 0;
	position: relative; }
#u1104 .consumer-page .ubuntu-homepage .box-1-3 a {
	display: block;
	position: absolute; 
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%;
	z-index: 100; }
#u1104 .consumer-page .ubuntu-homepage .box-1-3 a span {
	display: none; }

#u1104 .consumer-page .ubuntu-homepage .home-feats {
	padding: 20px;
	float: left;
	height: 1%; 
	margin-bottom: 40px;
	background: #fff; }
#u1104 .consumer-page .ubuntu-homepage .all-feats #thumbNav { /* Slider pagers */
	left: 167px;
	top: 102px; }
#u1104 .consumer-page .ubuntu-homepage .all-feats #thumbNav a {
	margin: 0 5px 0 0;
	width: 9px;
	height: 9px;
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/slider-pager.png) 0 0 no-repeat; }
#u1104 .consumer-page .ubuntu-homepage .all-feats #thumbNav a.cur {
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/slider-pager-active.png) 0 0 no-repeat; }
#u1104 .consumer-page .ubuntu-homepage .all-feats,
#u1104 .consumer-page .ubuntu-homepage .how-free {
	float: left; }
#u1104 .consumer-page .ubuntu-homepage .all-feats {
	padding: 0;
	width: 602px;
	margin-right: 20px; }
#u1104 .consumer-page .ubuntu-homepage .all-feats ul {
	width: 4880px; 
	height: 104px; }
#u1104 .consumer-page .ubuntu-homepage .how-free {
	padding: 0 10px 0 20px;
	width: 250px;
	border-left: 1px dotted #dfdcd9; }
#u1104 .consumer-page .ubuntu-homepage .all-feats a,
#u1104 .consumer-page .ubuntu-homepage .how-free a {
	float: right;
	font-size: 16px;
	margin-top: 10px; }
#u1104 .consumer-page .ubuntu-homepage .how-free a {
	margin-top: 13px; }
#u1104 .consumer-page .ubuntu-homepage .all-feats img {
	float: left;
	margin-right: 15px;
	-moz-box-shadow:0 2px 2px 0 #c2c2c2;
	-webkit-box-shadow:0 2px 2px 0 #c2c2c2;
	box-shadow:0 2px 2px 0 #c2c2c2; }
#u1104 .consumer-page .ubuntu-homepage .all-feats h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1px; }
#u1104 .consumer-page .ubuntu-homepage .all-feats p {
	width: 602px; }
#u1104 .consumer-page .ubuntu-homepage .ready-cloud {
	background-color: #2C001e; }
#u1104 .consumer-page .ubuntu-homepage .ready-cloud img {
	margin-top: 78px;
	top: 17px; }
#u1104 .consumer-page .ubuntu-homepage .ubuntu-one {
	background-color: #dd4814; }
#u1104 .consumer-page .ubuntu-homepage .ubuntu-one img {
	margin-bottom: 10px;
	top: -15px; }
#u1104 .consumer-page .ubuntu-homepage .whats-new {
	background-color: #333; }
#u1104 .consumer-page .ubuntu-homepage .whats-new img {
	margin-top: 20px;
	top: 27px; }

/* For business padded box. Inherits from Padded box. */
	
#u1104 .consumer-page .for-business {
	background-color: #2c001e;
	margin-top: 16px;
	font-size: 16px;
	line-height: 1.4;
	clear: left; }
#u1104 .consumer-page .for-business h2 {
	color: #fff; 
	font-size: 24px; }
#u1104 .consumer-page .for-business ul {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
	height: 1%;
	padding: 15px; }
#u1104 .consumer-page .for-business li {
	list-style: none;
	float: left;
	width: 90px;
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px dotted #dfdcd9;
	text-align: center; }
#u1104 .consumer-page .for-business .intro {
	width: 441px;
	text-align: left;
	border: 0; }
#u1104 .consumer-page .for-business li a {
	display: block;
	padding: 100px 0 0 0; }
#u1104 .consumer-page .for-business .intro a {
	padding: 0; 
	margin-top: 33px; }
#u1104 .consumer-page .for-business .desktop {
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/home-business-desktop.png) 0 0 no-repeat; }
#u1104 .consumer-page .for-business .server {
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/home-business-server.png) 0 0 no-repeat; }
#u1104 .consumer-page .for-business .cloud {
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/home-business-cloud.png) 0 0 no-repeat; }
#u1104 .consumer-page .for-business .last {
	border: none;
	margin-right: 0;
	padding-right: 0; }

/* What's new? */

#u1104 .consumer-page .marker {
	position: absolute;
	display: block;
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/marker.png) 0 0 no-repeat;
	width: 34px;
	height: 35px; }
#u1104 .consumer-page .marker span {
	display: none; }
#u1104 .consumer-page #marker-1 {
	top:17px;
	left:30px; }
#u1104 .consumer-page #marker-2 {
	top:367px;
	left:28px; }
#u1104 .consumer-page #marker-3 {
	top:268px;
	left:30px; }
#u1104 .consumer-page #marker-4 {
	top:400px;
	left:580px; }
#u1104 .consumer-page #marker-5 {
	top:1px;
	left:25px; }
#u1104 .consumer-page #marker-6 {
	left:110px;
	top:27px; }
#u1104 .consumer-page #marker-7 {
	left:230px;
	top:144px; }
#u1104 .consumer-page #marker-8 {
	left:560px;
	top:290px; }
#u1104 .consumer-page #marker-9 {
	left:30px;
	top:300px; }
#u1104 .consumer-page #marker-10 {
	top:400px;
	left:580px; }
#u1104 .consumer-page #marker-11 {
	left:28px;
	top:352px; }
#u1104 .consumer-page #marker-12 {
	left:440px;
	top:240px; }
#u1104 .consumer-page #marker-13 {
	left:384px;
	top:162px; }
#u1104 .consumer-page #marker-14 {
	top:400px;
	left:497px; }
#u1104 .consumer-page .marker-label {
	padding: 16px 0 0 16px;
	position: absolute;
	display: none;
	background: transparent url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/marker-label-point.png) 0 0 no-repeat; }
#u1104 .consumer-page .marker-label div {
	padding: 16px;
	width: 250px;
	background-color: #fff;
	-moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 0px 8px 8px 8px;
	-webkit-border-radius: 0px 8px 8px 8px;
	border-radius: 0px 8px 8px 8px; }
	
/* Download */

#u1104 .consumer-page .ubuntu-download .desktop {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; }
#u1104 .consumer-page .ubuntu-download .desktop li,
#u1104 .consumer-page .ubuntu-download .server li {
	list-style: none;
	padding: 0 20px 10px 20px;
	/*width: 171px;*/
	width: 248px;
	min-height: 350px;
	height: auto !important; /* IE 6 */
	height: 350px; /* IE 6 */	
	float: left;
	margin-right: 20px;
	background-color: #fff 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; }
#u1104 .consumer-page .ubuntu-download h3,
#u1104 .consumer-page .ubuntu-download h3 {
	margin: 0 -20px 10px -20px;
	border-bottom: 1px dotted #dfdcd9; 
	font-size: 24px; 
	line-height: 1.2; }
#u1104 .consumer-page .ubuntu-download a,
#u1104 .consumer-page .ubuntu-download a {
	display: block;
	padding: 130px 20px 10px 20px; }
#u1104 .consumer-page .ubuntu-download .desktop a {
	color: #dd4814;
	min-height: 57px;
	height: auto !important; /* IE 6 */
	height: 57px; /* IE 6 */ }
#u1104 .consumer-page .ubuntu-download .server a {
	color: #2c001e; }
#u1104 .consumer-page .ubuntu-download .desktop .windows,
#u1104 .consumer-page .ubuntu-download .server .windows {
	margin-right: 0; }
/*#u1104 .consumer-page .ubuntu-download .desktop .tryit {
	background: #fff url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/download-desktop-tryit.png) center 20px no-repeat; }*/
#u1104 .consumer-page .ubuntu-download .desktop .cd {
	background: #fff url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/download-desktop-cd.png) center 20px no-repeat; }
#u1104 .consumer-page .ubuntu-download .desktop .windows {
	background: #fff url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/download-desktop-windows.png) center 20px no-repeat; }
#u1104 .consumer-page .ubuntu-download .desktop .download {
	background: #fff url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/download-desktop-download.png) center 20px no-repeat; }
#u1104 .consumer-page .ubuntu-download .server .tryit {
	background: #fff url(/sites/www.ubuntu.com/files/active/images/download-server-tryit.png) center 20px no-repeat; }
#u1104 .consumer-page .ubuntu-download .server .download {
	background: #fff url(/sites/www.ubuntu.com/files/active/natty-consumer-pages/css/download-server-download.png) center 20px no-repeat; }

/* Why use Ubuntu? */

#whyDownload {
	background: url(/sites/default/files/active/images/desktopWallpaper.jpg) no-repeat scroll center top !important; }

/**
 * Reusable
 *
 * @section reusable
 */

#u1104 .consumer-page .last { /* Needs to be repeated from main.css otherwise .box will override it. */
	margin-right:0; }
#u1104 .consumer-page .no-top-pad {
	padding-top: 0; }
#u1104 .consumer-page .no-bot-mar {
	margin-bottom: 0; }