/**
 * author Dieter Orens dieter@dio5.com
 * for GPMD http://www.gpmd.co.uk
 */

/* ------------- $Main Structure ------------- */

body {
	color:#222;
	font:13px/1.45 Arial, Helvetica, sans-serif;
	background:#fff url(../images/top_bg_grad.png) repeat-x;	
}

#Container{
	position:relative;
	width:840px;
	background:#fff url(../images/container_top.png) no-repeat;
	margin:0 auto;
	padding:70px 30px 20px;
	min-height:531px;
}

#Container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#MainContent{
	position:relative;
	float:left;
	width:513px;
	margin-top:5px;
}

#Sidebar{
	float:right;
	width:294px;
	margin-top:5px;
}

/* ----------- $main typography styles ------------ */

p{
	margin-bottom:12px;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

#MainContent a, #BreadCrumbs a, .ui-dialog-content a{
	color:#799701;
	border-bottom:1px solid #a3a3a3;
	text-decoration:none;
}

#MainContent a:hover, #BreadCrumbs a:hover, .ui-dialog-content a:hover{
	background-color:#d9eb00;
	border-bottom:1px solid #a3a3a3;
	color:#333;
}

h1{
	font-size:22px;
	font-weight:bold;
	color:#10137e;
	margin-bottom:8px;
}

h1 span{ color:#b0bf01; }

h2{
	font-size:18px;
	color:#799701;
	margin-bottom:6px;
}

h3, #MainContent h3 a{
	font-size:16px;
	color:#10137e;
	font-weight:bold;
	border-bottom:none;
}

#MainContent h2 a{ border-bottom:none; }

#MainContent ul, #MainContent ol{ margin:0 0 12px 10px; }

#MainContent li, .ui-dialog-content li{
	font-size:13px;
	background:url(../images/ul_li.gif) no-repeat left 7px;
	padding-left:12px;
}

.ui-dialog-content ul{ margin:0 0 0 5px; }

#MainContent a.imgwrap, #MainContent a.imgwrap:hover{ border-bottom:none; }
img{ display:block; background-color:#fff; border:1px solid #D7D5DE; padding:4px; }
.OfficeHolderPage #Map img, .OfficePage #MainContent img, #jquery-lightbox img{ background:transparent; border:none; padding:0; }
#jquery-lightbox img{ display:inline; }

/* ------------ $Header ---------------------- */

#Header{
	position:relative;
	background:#fff url(../images/header_border.gif) repeat-x left bottom;
	padding-bottom:30px;
	margin-bottom:20px; 
}

#Header p{
	display:none;
}

#Logo{
	position:absolute;
	top:0;
}

#MenuBanner{
	position:relative;
	background:#424487 url(../images/menu_banner.gif) no-repeat;
	width:704px;
	height:132px;
	margin-left:135px;
}

/* -- $Navigation (in header)-- */

#Navigation{
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:15px;
}

#Navigation li{
	float:left;
}

#Navigation li a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:2px 8px;
	display:block;
}

#Navigation li.current,
#Navigation li.section{
	background:#fff url(../images/menu_right.gif) no-repeat right top;
	margin-right:5px;
}

#Navigation li.current a,
#Navigation li.section a,
#Navigation li.current a:hover,
#Navigation li.section a:hover {
	color:#10137e;
	background:url(../images/menu_left.gif) no-repeat left top;
}

#Navigation a:hover{
	color:#d2ff00;
}

/* ------------ $Breadcrumbs ----------------- */

p#BreadCrumbs{
	margin:-15px 0 -4px;
}

/* ------------ $MainContent ----------------- */

img.illustration{
	margin-bottom:10px;
}

/* ------------ $HomePage -------------------- */

#MainContent #SlideShow{ 
	overflow:hidden; 
	margin:0 0 12px;
	padding:0; 
	height:172px; 
}

#SlideShow li{ 
	background:none; 
	margin:0; 
	padding:0; 
}

#SlideShow img{ 
	border:none; 
	padding:0;
}

/* ------------ $News ------------------------ */

#MainContent #News{ 
	margin:0; 
	padding:0; 
}

#MainContent li.hentry{
	background:none; 
	margin:0; 
	padding:12px 0 0; 
	position:relative; 
	border-top:1px solid #e7e6ee;
}

.titleholder{
	position:relative;
	min-height:52px; 
}

.NewsHolderPage .titleholder{ 
	margin-bottom:4px; 
}

.NewsPage .titleholder{
	margin:8px 0;
}

.holder{ position:relative; }

.holder .entry-content{ margin-right:140px; }

p.date{
	width:42px;
	height:47px;
	padding-top:3px;
	background:url(../images/date_icon.gif) no-repeat left top;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	position:absolute;
	top:0;
	left:0;
}

p.date .datewrap{
	display:block;
	width:36px; 
	text-align:center; 
}

.day, .month{ display:block; }
.month{ margin-top:2px; font-size:13px; }

li.hentry a.imgwrap{ 
	position:absolute;
	top:0; 
	right:0; 
}

p.meta{ 
	font-style:italic; 
	color:#424487;
	margin:0 0 0 50px;
}

#MainContent .entry-title{ 
	margin:0 0 0 50px;
}

.NewsPage #MainContent h1{ 
	line-height:1.2;
}

.NewsHolderPage #MainContent h2 a{ 
	color:#10137e;
	font-weight:bold;
}

/* ------------ $Projects -------------------- */

#MainContent #Projects li{
	overflow:hidden;
	position:relative;
	border-color:#D5D6E1;
	border-style:solid;
	border-width:1px 1px 6px;
	background:#eeeef3 url(../images/projects_li_bg.gif) repeat-x left top;
	height:90px;
	padding:15px;
	margin-bottom:15px;
}

#Projects li img{
	position:absolute;
	left:10px;
	top:15px;
	border:6px solid #d9dae4;
}

#MainContent #Projects a.showproject{
	position:absolute;
	color:#10137e;
	bottom:10px;
	right:15px;
	padding-left:15px;
	background:url(../images/show_projects.gif) no-repeat left center;
	border:none;
	font-style:italic;
}

#MainContent #Projects a.showproject:hover{ text-decoration:underline; }

#Projects h2{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:100px;
}

#Projects h2 a, #Projects h2 a:hover{ border:0; background:none; }

#Projects p{
	margin:0 0 0 100px; 
}

#MainContent #Projects, #MainContent #ProjectImages{
	overflow:hidden;
	position:relative;
	margin:20px 0 0;
}

#MainContent #ProjectImages li{
	float:left;
	margin:0 12px 12px 0;
	background:none;
	padding:0;
}

#MainContent #ProjectImages li a{
	display:block;
	border:6px solid #d9dae4;
	width:100px;
	height:100px;
}

#MainContent #ProjectImages li a:hover{
	border-color:#d0e10f;
}

#Projects img, #ProjectImages img{ display:block; border:none; padding:0; }
#MainContent .pagination{ position:relative; margin-left:0; }
#MainContent .pagination li{ background:none; padding:0; }
#MainContent .pagination li.next{ position:absolute; right:0; top:0; }

p#Offices{ padding:2px 3px; background-color:#eeeef3; }

/* ------- $Offices --------------------- */

.ui-dialog{ padding:5px 10px 15px; background:#fff url(../images/popup_top.gif) repeat-x left top; border:6px solid #8b8ca6; }
.ui-resizable-disabled .ui-resizable-handle { visibility: hidden; } 
.ui-dialog-titlebar-close{ position:absolute; width:16px; height:16px; top:8px; right:0; background:url(../images/cross.png) no-repeat left top; outline:none; }
.ui-dialog-titlebar-close span{ display:none; }
.ui-dialog h1{ margin-bottom:15px; }

#tooltip{
	padding:3px;
	background:#fff url(../images/popup_top.gif) repeat-x left top;
	border:1px solid #8b8ca6;
	z-index:10000;
	display:none;
}

.OfficePage #MainContent{
	width:800px;
}
.OfficePage #Map{
	background:url(../images/map_small.gif);
	width:400px;
	height:255px;
	position:absolute;
	top:70px;
	right:10px;
}

.OfficePage .location{ cursor:default; font-size:7px; }
.OfficePage #Map a{ position:absolute; bottom:-30px; right:0; }

/* ------------ $ConversionTools ------------- */

p#Warning{ color:#f00; border-top:3px solid #f00; border-bottom:3px solid #f00; background:#ffc; padding:5px; font-weight:bold; }
#ConversionForms{ margin-bottom:25px; background-color:#eeeef3; padding:10px; }
#ConversionForms form{ margin:0 0 12px; }
#ConversionForms select{ width: 180px; }
#ConversionForms input{ width: 50px; }
#ConversionForms legend{ font-weight:bold; }
#ConversionForms div.result{ background:#d9eb00; padding:1px 4px; display:inline; }
.white{ background:#fff; }

/* ------------ $Sidebar --------------------- */

#Sidebar .box{
	background-color:#eeeef3;
	padding:10px;
	margin-bottom:20px;
}

#Sidebar h2{
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#10137e;
	font-variant:small-caps;
	line-height:1;
	margin-bottom:7px;
	letter-spacing:-.02em;
}

#Sidebar h3, #Sidebar h3 a{
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:5px;
	padding-top:3px;
	border-top:3px solid #fff;
	clear:both;
}
#Sidebar h3 a{ border:none; margin:0; padding:0; }

#Sidebar p a{ color:#333; text-decoration:none; }
#Sidebar h3 a:hover, #Sidebar p a:hover{ text-decoration:underline; }

#Sidebar .projects a.imgwrap{ float:left; }
#Sidebar .projects p{ margin:-3px 0 10px 75px; }

/* ----- $SubNav (in sidebar) + similar lists ----- */

ul#SubNav li, div.box .filter li{
	margin-bottom:1px;
}

ul#SubNav a, div.box .filter a{
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#799701;
	padding:2px 5px;
	background-color:#fff;
}

ul#SubNav a.section, ul#SubNav a.current, div.box .filter a.section, div.box .filter a.current{
	color:#10137e;
	background:#fff url(../images/submenu_arrow.gif) no-repeat 6px center;
	padding-left:18px;
}

ul#SubNav a:hover, div.box .filter a:hover{
	color:#10137e;
}

/* ------------ $Footer ---------------------- */

#Footer{
	position:relative;
	clear:both;
	background:#13143d url(../images/footer_shadow.gif) repeat-x;
	height:278px;
	padding-top:22px;
	margin-top:25px;
}

#Footer div{
	position:relative;
	background-color:#0c0d2c;
	width:840px;
	height:273px;
	margin:0 auto;
	padding:5px 30px 0;
}

#Footer p, #Footer li{
	font-size:11px;
	color:#8b8ca6;
}

#Footer a{
	color:#8b8ca6;
	text-decoration:none;
	border-bottom:1px solid #595a7d;
}

#Footer a:hover{
	color:#fff;
}

#Footer ul{
	position:absolute;
	right:30px;
	top:6px;
}

#Footer li{
	float:left;
	padding:0 6px;
	border-right:1px solid #8b8ca6;
	line-height:1.2;
}

#Footer li.last{
	border:none;
}

/* ------------ $Tables --------------- */
table{ 
	background-color:#eeeef3;
	margin-bottom:20px;
}
td{
	padding:2px 21px 2px 4px;
	border:1px solid #fff;
}

/* -------- $WYSIWYG IMGS ------------------------ */

img.right {
	float:right;
	margin:0 0 10px 10px;
}
img.left {
	float:left;
	margin:0 10px 10px 0;
}
img.leftAlone {
	float:none;
	display:block;
}
img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}