/*
 * CSS, HTML, Silverstripe PHP Programming by Dieter Orens for GPMD. http://www.gpmd.co.uk
 */

body {
	font:65%/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#efefef;
	color:#737373;
}

.left{
	float:left;
}

.right{
	float:right;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

a{
	color:#0071bc;
	font-weight:bold;
	text-decoration:none;
}

#Container{
	position:relative;
	width:949px;
	margin:0 auto;
	padding:12px 15px;
}

/* ----- $LeftBar ------------------ */

#LeftBar{
	position:absolute;
	left:15px;
	top:17px;
	width:130px;
	height:605px;
	background:#efefef url(../images/leftbar_bg.gif) left top  no-repeat;
	padding:28px 20px 0 20px;
}

#Logo{
	position:relative;

}

#Phone{
	position:absolute;
	bottom:-76px;
	left:0;
}
#Phone img{ display:block; }

/* ----- $Menu ---------- */
#Menu{
	margin-top:53px;
}
#Menu, #Menu ul{
	background:url(../images/dash_grey.gif) left top repeat-x;
}

#Menu li{
	background:url(../images/dash_grey.gif) left bottom repeat-x;
}

#Menu li a{
	color:#0071BC;
	font-weight:bold;
	text-decoration:none;
	display:block;
	min-height:26px;
	line-height:26px;
	padding-left:15px;
	background:url(../images/menu_bullet_blue.gif) left center no-repeat;
}
#Menu li a:hover, #Menu li a.current, #Menu li a.section {
	color:#505050;
	background:url(../images/menu_bullet_brown.gif) left center no-repeat;
}
#Menu li li a{
	color:#999;
	min-height:21px;
	line-height:21px;
}
#Menu ul li, #Menu ul a, #Menu ul a.current, #Menu ul a.section, #Menu ul a:hover, #Menu ul li.children ul a, #Menu ul li.children ul a.section, #Menu ul li.children ul a.current {
	background:none;
}

#Menu ul li.children a{
	background:url(../images/arrow_left.gif) left 80% no-repeat;
}

#Menu ul li.children a.section, #Menu ul li.children a.current{
	background:url(../images/arrow_down.gif) left 80% no-repeat;
}

#Menu li li ul{
	background:url(../images/dash_grey.gif) left bottom repeat-x;
}
#HomeMenu{
	margin-top:8px;
}
#HomeMenu a{
	display:block;
	margin-left:15px;
	min-height:26px;
	line-height:26px;
}
/* ----- $Header ------------------- */
#Header{
	position:relative;
	margin-left:177px;
	width:776px;
	height:196px;
	background-color:#efefef;
}

/* ----- $Content ------------------ */

#Content{
	position:relative;
	margin-left:177px;
	margin-top:8px;
	min-height:520px;
	
	overflow:hidden;
}
#Content.SmallColumnPage, #Content.ComplexPage{
	margin-top:9px;
}

div#Content.ScalablePage{
	margin-top:4px;
}
/* ---- $MainContent --- */

#MainContent{
	float:left;
	padding:28px 31px 0;
}
.SimplePage div#MainContent, .Page div#MainContent, .ContactPage div#MainContent, .ShoutsAndWhisperHolderPage div#MainContent, .PressArticleHolderPage div#MainContent{
	background:url(../images/simple_content_bg.gif) left top no-repeat;
	width:454px;
	height:484px;
}
.ScalablePage div#MainContent{
	background:url(../images/shadow_mid_516.gif) left top repeat-y;
	padding:0;
}
.ScalablePage div#MainContent div.outer{
	background:url(../images/shadow_top_516.gif) left top no-repeat;
}
.ScalablePage div#MainContent div.inner{
	background:url(../images/shadow_btm_516.gif) left bottom no-repeat;
	padding:32px 31px 16px;
	width:454px;
	height:auto;
}
.ContactPage div#MainContent, .ShoutsAndWhisperHolderPage div#MainContent{
	position:relative;
}
.ComplexPage div#MainContent{
	background:url(../images/complex_content_bg.gif) left top no-repeat;
	width:454px;
	height:220px;	
}

.SmallColumnPage div#MainContent{
	background:url(../images/smallcol_bg.gif) left top no-repeat;
	width:192px;
	height:481px;
	margin-left:4px;
	padding:26px 28px 0;	
}

/* --- $p's -------------------- */

#MainContent p{
	margin-bottom:15px;
}

.ComplexPage div#MainContent p, .Page #MainContent p, .ShoutsAndWhisperHolderPage p, .PressArticleHolderPage p, .SmallColumnPage #MainContent p, .ContactPage #MainContent p, p.first{
	font:13px Arial, Helvetica, sans-serif;
	color:#808080;
	line-height:1.3em;
	padding-bottom:2px;
}

p#ShoutInfo{
	font:10px Verdana, Arial, sans-serif; 
	margin-top:-10px;
}
/* --- $h's -------------------- */

#MainContent h1, #useful-links #MainContent h2, .ShoutsAndWhisperHolderPage #MainContent h2, .PressArticleHolderPage #MainContent h2{
	color:#0071BC;
	font:170% Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
#useful-links #MainContent h2{
	margin-bottom:3px;
}
.ComplexPage #MainContent h1{
	margin-bottom:4px;
}

#MainContent h2{
	color:#281100;
	font:130% Arial, Helvetica, sans-serif;
	margin-bottom:13px;
}
#partners #MainContent h2{
	color:#737373;
	font:bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:0;
}

/* --- $ul's ------------------- */

#MainContent ul{
	margin:0 0 15px 15px;
}
#MainContent ul li{
	list-style:square;
	margin-top:6px;
	
}

/* ----- $QuickLinks ----------- */

#MainContent ul#QuickLinks{
	margin-left:0;
}
#MainContent #QuickLinks li{
	list-style-type:none;
	margin:0;
}
#QuickLinks a{
	display:block;
	padding-left:15px;
	line-height:18px;
	background:url(../images/menu_bullet_blue.gif) left center no-repeat;
	
}
/* ----- $Boxes ----------------- */

#Boxes{
	float:right;
}
div#Content.ScalablePage #Boxes{
	margin-top:4px;
}

.box{
	margin-top:1px;
	width:230px;
	height:230px;
	padding:8px 9px 10px 9px;
	background:url(../images/box_bg.gif) left top no-repeat;
}
div#Box_client-scenarios{
	width:244px;
	height:245px;
	padding:3px 0 0 4px;
}
.box div{
	width:194px;
	height:194px;
	padding:18px;
	background-color:#321500;
}

.ComplexPage .box{
	float:left;
    margin-left:4px;
	margin-right:8px;
}
.SmallColumnPage #Boxes{
	position:relative;
	float:left;
	margin-top:-1px;
	margin-left:12px;
}
.SmallColumnPage .box{
	position:absolute;
}
.SmallColumnPage div.pos_1{
	left:0;
	top:0;
}
.SmallColumnPage div.pos_2{
	left:260px;
	top:0;
}
.SmallColumnPage div.pos_3{
	left:0;
	top:260px;
}
.SmallColumnPage div.pos_4{
	left:260px;
	top:260px;
}

body .ComplexPage div.pos_1{
	margin:0 0 11px 8px;
}
body .ComplexPage div.pos_4{
	margin-right:0;
	margin-left:4px;
}

.SimplePage .box, .ScalablePage .box, .Page .box, .ContactPage .box{
	margin-bottom:12px;
}
.box h2{
	font:170% Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
.box a{
	display:block;
	margin-top:10px;
	padding-left:13px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	background:url(../images/box_arrow.gif) left center no-repeat;
}

.box p.email a{
	display:inline; margin:0; padding:0;
	background:none;
}
.box a.white{
	color:#fff;
}

.box a.blue{
	color:#0071bc;
	background:url(../images/menu_bullet_blue.gif) left center no-repeat;
}
/* ----- $ShoutBox ----------------- */
#PublicationBox{
	float:right;
	margin-top:1px;
	background:url(../images/smallcol_bg.gif) left top no-repeat;
	width:248px;
	height:508px;
}
#PublicationBox div{
	background:#0071bc url(../images/blue_grad_short.jpg) left top no-repeat;
	margin:8px 9px 10px;
	height:452px;
	padding:20px 18px 18px;
}
#PublicationBox p{
	color:#fff;
	font:10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-right:20px;
	line-height:1.5;
}

#PublicationBox li{
	margin-bottom:11px;
}
#PublicationBox h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:170%;
	color:#fff;
	line-height:1.2;
	margin-bottom:11px;
}
#PublicationBox h3 a{
	color:#fff;
	padding-left:13px;
	background:url(../images/box_arrow.gif) left center no-repeat;
	line-height:1.5;
}
/* ----- $Footer ------------------- */

#Footer{
	background-color:#fff;	
	color:#999;
	clear:both;
}
#Footer div{
	position:relative;
	width:928px;
	margin:0 auto;
	padding:5px 18px 5px;
}
#FooterMenu{
	position: absolute;
	overflow: hidden;
	top:13px; left:185px;
}

#Footer a{
	color:#999;
	font-weight:normal;
	text-transform: capitalize;
	text-decoration: none;
}

#Footer a:hover, #Footer a.current{
	color:#151515;
	text-decoration:underline;
}

#FooterMenu li{
	float:left;
	padding:0 10px;
	line-height:1.2;
	border-right:1px solid #888;
}

#FooterMenu li.last{
	border-right:none;
}
#Footer p{
	padding-top:7px;
}
#Footer #Credits{
	position:absolute;
	right:15px;
	top:5px;
}
#Credits a{
	color:#999;
	font-weight:normal;
}