/**** Common Styles ****/


html {
	/* http://www.hicksdesign.co.uk/journal/535/ */
	height: 100%;
	margin-bottom: 1px;
	}

body {
	background: #e9e7dd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #555555;
	line-height: 150%;
	margin: 0;
	padding: 0;
	z-index: 0;
}


h1, h2, h3, h4, h5, h6, h7 {
	margin: 0;
	padding: 0;
	}
	
h1 {
	font-size: 		15pt;
	font-weight:	500;
	clear: 			both}
	
h2 {
	font-size:		11pt;
	font-weight:	700;
	clear: 			both}

h3 {
	font-size:		11pt;
	font-style:		italic;
	font-weight:	400}


a:link, a:visited {
	color: #B51A00;
	text-decoration: underline
	}


a:hover, a:active {
	color: #771001;
	text-decoration: underline}
	
	
/**** Layout ****/

#header {
	margin: 31px -34px 0 64px;
	padding: 19px 0 0 0;
	position: relative;
	background: transparent;
	text-align: right}
	
	
#frame {
	position: relative;
	margin: 0 30px;
	background: #EFEFEF url(images/bg_frame.gif) repeat-y right;
	z-index: 1;
	}
	
#pagename {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	padding: 0 0 0 0;
	background: #FFFFFF;
	}
	
#pagetitle {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	width: 70px;
	}
	
#pagepic {
	position: absolute;
	left: 0;
	bottom: 0;
	}

#pagepic img {
	display: block;
	}
	
#content
{
	margin: 0 0px 0 200px;
	padding: 3em 110px 0 3em;
	background: #EFEFEF;
}
	
#content img {
	float: right;
	margin-left: 1em;
	}
	
	
#contentshadow {
	background: #D4D2C8;
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 7px;
	left: 7px;
	}

#footer {
	clear:	both;
	margin: 31px 0 0 0;
	padding: 0.5em 30px;
	background: #000000;
	color: #FFFFFF;
	font-size: x-small;
	}

#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/**** Image Replacement ****/
	
h1#h-logo {
	text-indent: -9000px;
	width: 200px;
	height: 100px;
	background: url(images/txt_logo.gif);
	
	}
	
h2#h-logo-sub {
	text-indent: -9000px;
	width: 200px;
	height: 37px;
	/*background: url(images/txt_logo_sub.gif) no-repeat;*/

	}


#keywords {
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	22px;
	font-size:		12px;
	font-weight:	400;
	padding:		0 13px 0 13px;
	color: 			#555555;}

#keywords a {
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	22px;
	font-size:		12px;
	font-weight:	400;
	color: 			#555555;
	text-decoration:none}

#keywords a:link {
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	22px;
	font-size:		12px;
	font-weight:	400;
	color: 			#555555;
	text-decoration:none}

#keywords a:hover {
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	22px;
	font-size:		12px;
	font-weight:	400;
	color: 			#555555;
	text-decoration:none}

#keywords a:visited {
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	22px;
	font-size:		12px;
	font-weight:	400;
	color: 			#555555;
	text-decoration:none}





p#h-logo {
	text-indent: -9000px;
	width: 200px;
	height: 100px;
	background: url(images/txt_logo.gif);
	
	}

p#h-logo-sub {
	text-indent: -9000px;
	width: 200px;
	height: 37px;
	background: url(images/txt_logo_sub.gif) no-repeat;

	}
	
/**** Navigation Bar ****/
	
ul#navigation {
	position: relative;
	top: 0;
	right: 0;
	width:966px;
	margin: 0 0 0 auto;
	height: 19px;
	list-style-type: none;
	overflow: hidden;
	padding: 0;
}


ul#navigation  { background: transparent url(images/nav-matrix.gif) no-repeat 0 0; }

ul#navigation li a {
	position: absolute;
	top: 0;
	text-indent: -9000px;
	text-decoration: none;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* IE5/Win */
	background: transparent url(images/nav-matrix.gif) no-repeat;
}


ul#navigation li#nav-home a 				{ background-position: 0 0px; width: 46px; left: 0; }
ul#navigation li#nav-home a:hover			{ background-position: 0 -19px; }

ul#navigation li#nav-corporate a 			{ background-position: -46px 0px; width: 64px; left: 46px; }
ul#navigation li#nav-corporate a:hover		{ background-position: -46px -19px; }

ul#navigation li#nav-websites a 			{ background-position: -110px 0px; width: 56px; left: 110px; }
ul#navigation li#nav-websites a:hover		{ background-position: -110px -19px; }


ul#navigation li#nav-environment a 			{ background-position: -166px 0px; width: 164px; left: 166px; }
ul#navigation li#nav-environment a:hover	{ background-position: -166px -19px; }


ul#navigation li#nav-mediaeditorial a 		{ background-position: -330px 0px; width: 114px; left: 330px; }
ul#navigation li#nav-mediaeditorial a:hover	{ background-position: -330px -19px; }

ul#navigation li#nav-editingservices a 		{ background-position: -444px 0px; width: 89px; left: 444px; }
ul#navigation li#nav-editingservices a:hover{ background-position: -444px -19px; }

ul#navigation li#nav-tourism a 				{ background-position: -533px 0px; width: 55px; left: 533px; }
ul#navigation li#nav-tourism a:hover		{ background-position: -533px -19px; }

ul#navigation li#nav-submissions a 			{ background-position: -588px -0px; width: 75px; left: 588px; }
ul#navigation li#nav-submissions a:hover	{ background-position: -588px -19px; }

ul#navigation li#nav-workshops a 			{ background-position: -663px 0px; width: 96px; left: 663px; }
ul#navigation li#nav-workshops a:hover		{ background-position: -663px -19px; }

ul#navigation li#nav-testimonials a 		{ background-position: -759px 0px; width: 76px; left: 759px; }
ul#navigation li#nav-testimonials a:hover	{ background-position: -759px -19px; }

ul#navigation li#nav-contactus a 			{ background-position: -835px 0px; width: 68px; left: 835px; }
ul#navigation li#nav-contactus a:hover		{ background-position: -835px -19px; }

/**** Page-specific styles ****/

#home #frame, 
#home #pagename, 
#home #pagetitle,
#addvalue #frame, 
#addvalue #pagename, 
#addvalue #pagetitle,
#websites #frame, 
#websites #pagename, 
#websites #pagetitle
{
	height:		120em;
}
#editorial #frame, 
#editorial #pagename, 
#editorial #pagetitle
{
	height:		65em;
}
#editingservices #frame, 
#editingservices #pagename, 
#editingservices #pagetitle,
#environment #frame, 
#environment #pagename, 
#environment #pagetitle
{
	height:		65em;
}
#mediaworkshops #frame, 
#mediaworkshops #pagename, 
#mediaworkshops #pagetitle
{
	height:		68em;
}
#contactus #frame, 
#contactus #pagename, 
#contactus #pagetitle
{
	height: 50em;
	}

#home #content, 
#addvalue #content,
#websites #content,
#environment #content,
#editorial #content,
#editingservices #content,
#mediaworkshops #content,
#contactus #content
{
		height: 37em; /* #frame height minus 3em */
	}
	
#home #pagetitle 			{ background: #550b00; }
#addvalue #pagetitle 		{ background: #771001; }
#tenders #pagetitle 		{ background: #d0780c; }
#websites #pagetitle 		{ background: #931d01; }
#environment #pagetitle 	{ background: #a53904; }
#corporate #pagetitle 		{ background: #771001; }
#tourism #pagetitle 		{ background: #c86c0a; }
#editorial #pagetitle 		{ background: #b24a06; }
#editingservices #pagetitle { background: #bd5b08; }
#mediaworkshops #pagetitle 	{ background: #d8840d; }
#testimonials #pagetitle 	{ background: #e89b2d; }
#contactus #pagetitle 		{ background: #ffb346; }


#home #frame, 
#home #pagename, 
#home #pagetitle
{
	height: 70em;
	}

#home #content 
{
		height: 55em; /* #frame height minus 3em */
	}
	
#tenders #frame, #tenders #pagename, #tenders #pagetitle {
	height: 77em;
	}

#tenders #content {
		height: 43em; /* #frame height minus 3em */
	}
	
	
#tenders table, #tourism table {
	margin: 0;
	}

#tenders td, #tourism td {
	border-bottom: solid 1px #E3E3E3;
	}
	
#corporate #frame, 
#corporate #pagename, 
#corporate #pagetitle
{
	height: 110em;
	}

#corporate #content 
{
		height: 50em; /* #frame height minus 3em */
	}
	
#tourism #frame, 
#tourism #pagename, 
#tourism #pagetitle
{
	height: 78em;
	}

#tourism #content 
{
		height: 55em; /* #frame height minus 3em */
	}
	
#testimonials #frame, 
#testimonials #pagename, 
#testimonials #pagetitle
{
	height: 167em;
	}
	
#testimonials #content
{
		height: 120em; /* #frame height minus 3em */
	}
	
#article {
	padding: 3em;
	}
	
#article h2 { font-style: italic; }

.centeredimage {
text-align: center;
}
	
.right {
	float: right;
	
	}

.articlelist {
}
	
.articlelist li
{
	margin: 0;
	padding: 0 0 0.2em 0;
}

.htmlicon {	
	list-style-image: url(images/icon_htm.gif);
	vertical-align: middle;
	padding:	2px 8px 2px 8px;
	}
	
.pdficon {	
	list-style-image: url(images/icon_pdf.gif);
	vertical-align: middle;
	padding:	2px 8px 2px 8px;
	}
	
.firstcol {
	font-weight: bold;
	vertical-align: top;
	}

.smalltext {
	font-size: smaller;
	font-style:italic}





.formfield_required {
	padding-top:		5px;
	padding-right:		3px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			9pt;
	color:				#990000}

.formfield_text {
	padding-top:		5px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			7pt;
	color:				#333333}

.formfield_01 {
	border-left:		1px solid #b51a00;
	border-bottom:		1px solid #b51a00;
	border-top:			0px;
	border-right:		0px;
	background-color:	#FFFFFF;
	font-size:			9pt;
	color:				#771001}

.formfield_02 {
	border:				1px solid #b51a00;
	background-color:	#FFFFFF;
	font-size:			9pt;
	color:				#771001}