/* MAIN SHEETS */
@import "/css/base/2.base.css";

/* MODULES */
@import "/css/modules/site-navigation.css";
@import "/css/modules/branding.css";
@import "/css/modules/faqs.css";
@import "/css/modules/sitemap.css";
@import "/css/modules/site-search.css";
@import "/css/modules/pages.css";


/****** HTML + BODY LAYOUT **/
		
		html {
			font-size:62.5%;
			line-height:1.4;
			color:#666;
		}
		
		/* Elements that won't inherit the above statement */
		
		html,
		table, button, textarea, input, select {
			font-family: Arial, Sans-serif;
		}
		
		body {
			/* Uncomment for Production
			
			position:relative;
			
			*/
			font-size:120%;
			background: #FFF url(/images/page_bg.jpg) repeat-y center -2px;
		}
		

/****** MAIN PAGE DIVIDERS **/

		#skipnav {
		  display: none;
		}

		#container {
		  background: url('/images/page_bees_bg.jpg') no-repeat center 61px;
		  margin: 0 auto;
		  width: 930px;
		  min-height:800px;
		}

		#home #container {
			min-height:0;
		}
		
		#content-container{
			padding:20px 17px 35px 20px;
			overflow:hidden;
		}

		#page-content {
		  float: left;
		  width: 640px;
		}

		#secondary-content {
		  float: right;
		  left: -8px;
		  position: relative;
		  width: 253px;
		}
		
/*** PAGE CONTENT ***/

	/* Site Branding */
	
		#site-branding {
		  margin: 0 0 10px 25px;
		}

	/* Primary Content Styles */
		
		#primary-content {
		  background: #FFF url('/images/main_content_bg.gif') repeat-y top left;
		  padding: 20px 20px 0;
		}

		#content {
			margin: 0 0 0 150px;
			padding: 0 0 25px;
			width:437px;
		}
		
		.content a {
			font-weight:bold;
		}
		
		#product .content,
		#solutions .content,
		#demo .content,
		#clients .content,
		#about-us .content,
		#news .content,
		#faqs .content {
			padding-top:64px;
			background-position:left top;
			background-repeat:no-repeat;
		}
		
		#product .content { background-image:url(/images/ttl_product.gif); }
		#solutions .content { background-image:url(/images/ttl_solutions.gif); }
		#demo .content { background-image:url(/images/ttl_demo.gif); }
		#clients .content { background-image:url(/images/ttl_clients.gif); }
		#about-us .content { background-image:url(/images/ttl_about.gif); }
		#news .content {
			background-image:url(/images/ttl_news.gif);
			background-position:right top;
		}
		#faqs .content { background-image:url(/images/ttl_faqs.gif); }
		
		.content fieldset {
			background:#e8e8e8 url(/images/BG_fieldset-bot.gif) no-repeat scroll left bottom;
			padding-bottom:22px;
		}
		
		.content fieldset ol {
			background:transparent url(/images/BG_fieldset-top.gif) no-repeat scroll left top;
			padding:22px 14px 0 !important;
			width:409px;
		}
		
		.content fieldset li.submit{
			position:absolute;
			bottom:0;
			z-index:1;
			left:324px;
			width:auto;
		}

		.constant #content {
			padding-left:150px;
			padding-top:64px;
			margin:0;
		}
		
		.constant #content {
			position:relative;
		}
		
		.constant #content #title-header{
			position:absolute;
			top:0;
			right:0;
		}
		
		#sub-heading {
			margin:0 0 17px;
			padding:0 0 5px;
			background:transparent url(/images/BG_thick-hr.gif) no-repeat scroll left bottom;
		}
		
		#sub-heading blockquote h2{
			text-transform:uppercase;
			font-weight:normal;
			color:#666 !important;
			letter-spacing:0.05em;	
			font-size:1.3em;	
		}

		#sub-heading h2 em{
			font-size:80%;
		}
		
		#sub-heading blockquote p.citation{
			color:#333;
		}
		
	/* Selected Clients */
		
		#selected-clients {
			background-color:#dedede;
			padding:12px 20px 0 20px;
			overflow:hidden;
			margin-top:1em;
		}
		
		#selected-clients ul{
			overflow:hidden;
			margin:0;
		}
		
		#selected-clients ul li {
			background-image:none;
			padding:0;
			float:left;
			display:block;
			margin:0 9px 10px 0;
		}
		
		#selected-clients ul li a {
			height:0;
			overflow:hidden;
			padding-top:78px;
			width:78px;
			background-repeat:no-repeat;
			background-position:left top;
			display:block;
			border:7px solid #919191;
		}
		
		#selected-clients ul li.selected a,
		#selected-clients ul li a:hover {
			border:7px solid #c24400;
			background-position:left -78px;			
		}
		
		/* Driven by the PageID - be careful! */
		li#page111 a { background-image:url(/images/BG_british-monarchy.jpg); }
		li#page112 a { background-image:url(/images/BG_no-10.jpg); }
		li#page113 a { background-image:url(/images/BG_platinum-guild.jpg); }
		li#page114 a { background-image:url(/images/BG_privy-council.jpg); }
		li#page121 a { background-image:url(/images/BG_IFSL.jpg); }
		li#page122 a { background-image:url(/images/BG_city-uk.jpg); }
		li#page123 a { background-image:url(/images/BG_qatar-foundation.jpg); }
		li#page124 a { background-image:url(/images/BG_qata-financial-centre.jpg); }
		
	/* Print Page */
	
		#print-page {
			text-align:right;
			margin: 50px 0 0;
			border-top:1px solid #E8E8E8;
			overflow:visible;
			height:26px;
			width:441px;
		}
		
		#print-page a {
		  display:block;
		  float:right;
		  height:0;
		  padding-top:33px;
		  width: 88px;
		  overflow:hidden;
		  background: url(/images/print.gif) no-repeat top left;
		  position:relative;
		  top:-8px;
		}

	/* Back to Top */

		#btt {
		  padding: 15px 0 0;
		  background: url('/images/content_bottom_bg.png') no-repeat top left;
		}

		#btt p {
		  margin: 0 0 0 6px;
		  padding: 0;
		}

		#btt a {
		  background: url('/images/back_to_top.gif') no-repeat top left;
		  display: block;
		  height: 30px;
		  width: 130px;
		}

		#btt a span {
		  display: none;
		}
		
/*** SECONDARY CONTENT ***/

	/* Features */

		#features {
		  background: url('/images/features_bottom_bg.png') no-repeat right bottom;
		  color: #666;
		  float: right;
		  padding-bottom:21px;
		  position:relative;
		  padding-top:15px;
		  width: 100%;
		}

		#features-header {
		  background: url('/images/features_summary_top.png') no-repeat top left;
		  height:68px;
		  width:100%;
		  display:block;
		  position:absolute;
		  left:0;
		  top:0;
		  z-index:1;
		}
		
		#features-content{
			background-color:#fff;
			border-right:4px solid #FF6633;
			padding:0 8px 4px 13px;
			min-height:110px;
			margin-left:4px;
			position:relative;
			z-index:2;
		}

		#feature-summary {
			margin: 0;
			padding: 0 0 10px;
		}

		.feature-summary-box h3 {
			margin-bottom:5px;
		}

		.feature-summary-box p{
		  height: 30px;
		  overflow: hidden;
		}

		#feature-summary img {
		  display: block;
		  float: right;
		  margin: 0 0 0 8px;
		}

		#features-list {
			overflow:hidden;
			height:1%;
		}

		#features-list ol {
			float: left;
			display:block;
			list-style:none;
		}
		
		#features-list ol li {
			display: block;
			float:left;
			margin: 0 9px 9px 0;
			height: 35px;
			width: 37px;
		}
		
		#features-list ol li.row-end {
			margin:0;
		}
		
		#features-list li a {
			height:0;
			padding-top: 35px;
			overflow:hidden;
			background-position:left -35px;
			float:left;
			display:block;
			width:100%;
		}
		
		#features-list li a:hover {
			background-position:left top;
		}

		#features-list li#feature-photo-gallery a { background-image:url(/images/feature_icon_1.gif); }
		#features-list li#feature-video a { background-image:url(/images/feature_icon_2.gif); }
		#features-list li#feature-rss a { background-image:url(/images/feature_icon_3.gif); }
		#features-list li#feature-poll a { background-image:url(/images/feature_icon_4.gif); }
		#features-list li#feature-dashboard a { background-image:url(/images/feature_icon_5.gif); }
		#features-list li#feature-event-manager a { background-image:url(/images/feature_icon_6.gif); }
		#features-list li#feature-workflow a { background-image:url(/images/feature_icon_7.gif); }
		#features-list li#feature-w3c a { background-image:url(/images/feature_icon_8.gif); }
		#features-list li#feature-news-manager a { background-image:url(/images/feature_icon_9.gif); }
		#features-list li#feature-wysiwyg a { background-image:url(/images/feature_icon_10.gif); }

		#features-list li a span {
		  display: none;
		}

		#features-list p {
		  margin: 0;
		  padding: 0;
		}

		#features-list p a {
		  color: #C53C06;
		  font-weight: bold;
		  text-decoration: none;
		}

		#features-list p img {
		  vertical-align: -10%;
		}

		#print-page {
		  clear: left;
		}

	/* Grey Box */
		
		.grey-box {
		  float: right;
		  margin: 10px 0 0;
		  padding:10px 0;
		  width: 236px;
		  position:relative;
		  background-image: url(/images/grey_box_bottom_bg.png);
		  background-position:left bottom;
		  background-repeat:no-repeat;
		}

		.grey-box-header {
			height: 10px;
			position:absolute;
			left:0;
			top:0;
			width:100%;
			background-image: url(/images/grey_box_top_bg.png);
			background-position:left bottom;
			background-repeat:no-repeat;
		}

		.grey-box-content {
			margin: 0;
			padding: 0 12px 2px;
			background-image: url(/images/grey_box_bg.png);
			background-position:left bottom;
			background-repeat:repeat-y;
			overflow:hidden;
		}

		.grey-box h2 {
			background-color:#575757;
			color: #FFF;
			font-size: 1.4em;
			font-weight: normal;
			padding:5px 0 2px;
			border-bottom:1px dotted #ACACAC;
			margin-bottom:12px;
		}

		.grey-box h3 {
			display:none;
		}

		.grey-box h4,
		.grey-box h4 a {
		  color: #F69537;
		  font-size:100%;
		  font-style: normal;
		  font-weight: bold;
		}
		
		.grey-box a,
		.grey-box a:visited,
		.grey-box a:active,
		.grey-box a:hover {
		  color: #F69537;
		  font-weight:bold;		
		}

		.grey-box p {
			background-color:#575757;
			color: #FFF;
			margin-bottom:12px;
			line-height:1.3;
		}
		
		#case-study h4 {
			margin-bottom:6px;
		}
		
		#case-study img.pull-right {
			margin:0 0 0 10px;
			border:3px solid #000;
		}
		
	/* Footer */
	
		#footer {
		  float: right;
		  margin: 10px 0 0;
		  padding:15px 0;
		  width: 236px;
		  background: url(/images/footer_bottom_bg.png) no-repeat bottom left;
		  position:relative;
		  color:#000;
		  font-size:90%;
		}

		#footer-header {
		  background: url(/images/footer_top_bg.png) no-repeat top left;
		  height: 15px;
		  position:absolute;
		  left:0;
		  top:0;
		  width:100%;
		}

		#footer-content {
		  background: url(/images/footer_bg.gif) repeat top left;
		  margin: 0;
		  padding: 0 13px 2px;
		  overflow:hidden;
		}

		#footer p {
		  margin: 0;
		  padding: 0;
		}