@charset "utf-8";
/*RESETTING CSS BELOW THIS POINT*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*CSS STARTS HERE!*/
body
{
	background-color:white;
}

body.design 
{
	background-color:black;
	color:white;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	padding:0;
}

/*TEXT*/
.intro a{color:white; }
.intro a:hover{color:white; border-bottom:1px white dotted;}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0px 10px 10px 0;
	margin:0;
}

p.subscribe_error_message
{
	padding:5px;
	background-color:blanchedalmond;
	color:darkred;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}

p.subscribe_success_message
{
	padding:5px;
	background-color:blanchedalmond;
	color:green;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}


body.design h1
{
	font-size:24px;
	font-weight:normal;
	color:#1C2334;
	padding-top:8px;
	padding-bottom:4px;
	border-bottom:1px solid #cccccc;
	margin-bottom:5px;
}

body.design h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0px 10px 10px 0;
	margin:0;
	font-weight:bold;
	color:#1B2434;
}

body.design h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0px 10px 10px 0;
	margin:0;
	font-weight:bold;
}

body.design h4
{
	font-size:16px;
	font-weight:normal;
	color:white;
	padding-top:8px;
	margin-bottom:5px;

}

ul
{
	padding:0;
	margin:5px 0 15px 0;
}

li
{
	padding:2px 3px 5px 0;;
	margin:0px 0 0px 30px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a
{
	color:#444444;
	text-decoration:none;
	border-bottom:1px dotted #444444;
}

a:hover
{
	color:navy;
	border-bottom:1px dotted navy;
}


a.box_link
{
	display:inline-block;
	background-image:url('images/content/box_link.jpg');
	background-position:top right;
	background-repeat:no-repeat;
	height:17px;
	padding:3px 20px 3px 0;
	text-decoration:none;
	font-size:12px;
	color:#1B2434;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
}

a.box_link:hover
{
	color:#495770;
	border:none;
}

/*NAV LINKS*/

div.link_wrap
{
	float:right;
	display:inline-block;
}

div#nav_wrapper
{
	margin:0 auto 0 auto;
	text-align:right;
	width:924px;
	height:50px;
	background-color:black;
}


a.nav_link
{
	display:inline-block;
	float:left;
	height:38px;
	padding:12px 20px 0 20px;
	color:white;
	text-decoration:none;
	background-color:black;
	border-right:1px solid black;
	border-left:1px solid black;
	text-transform:uppercase;
	border:none;
	font-size:16px;
}

a.nav_link:hover
{
	background-image:url('images/nav/bg3.jpg');
	border:none;
	color:white;
}

a.project_link
{
	color:white;
	text-decoration:none;
	border-bottom:none;
	line-height:16px;
}

a.project_link:hover
{
	border-bottom:1px solid white;
	color:white;
}



/*MAIN CONTENT*/

div.wrapper
{
	border:3px solid #8d8d8d;
	margin:0 auto 0 auto;
	width:916px;
	position:relative;
	background-color:black;
	z-index:0;
}

div.image_area
{
	position:absolute;
	top:0;
	left:0;
	width:916px;
	height:610px;
	z-index:-1;
}

div.image_area_small
{
	position:absolute;
	top:0;
	left:0;
	width:916px;
	height:342px;
	z-index:-1;
}


div.content
{
	background-image:url('images/content/trans_n.png');
	background-repeat:no-repeat;
	width:300px;height:610px;
	text-align:left;
	behavior: url("iepngfix.htc");
	z-index:100;
}

div.about_wrapper
{
	background-image:url('images/content/trans_s.png');
	background-repeat:no-repeat;
	width:300px;height:322px;
	text-align:left;
	padding:10px;
	behavior: url("iepngfix.htc");
	z-index:100;
}

div.product_services_wrapper
{
	background-image:url('images/content/trans_h.png');
	background-repeat:no-repeat;
	width:916px;height:610px;
	text-align:left;
	behavior: url("iepngfix.htc");
	z-index:100;
}

div.projects_wrapper
{
	background-image:url('images/content/trans_n.png');
	background-repeat:no-repeat;
	width:300px;height:610px;
	text-align:left;
	behavior: url("iepngfix.htc");
	z-index:100;
}

div.partner_column_wrapper
{
	width:915px;
	color:#888888;
}

div.partner_column_wrapper li
{
	font-size:16px;
}


div.partner_column
{
	float:left;
	width:292px;
	overflow:hidden;
}

div.partner_column table td
{
	padding:0;
	padding-bottom:20px;
}


.intro
{
	position:absolute;
	top:110px;
	left:20px;
	width:210px;
	height:420px;
	text-align:justify;
}



.about_image_left
{
	position:absolute;
	top:100px;
	left:20px;
	width:210px;
	height:220px;
	text-align:justify;
}

.project_image_left
{
	position:absolute;
	top:110px;
	left:20px;
	width:210px;
	height:480px;
	text-align:justify;
}

.contact_image
{
	border-bottom:1px solid #888888;
	padding-bottom:5px;
	margin-bottom:5px;
}

/*CONTENT BOTTOM*/

.content_bottom
{
	text-align:left;
	margin:0 auto 0 auto;
	width:922px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.content_bottom_left
{
	float:left;
	padding:15px 0 15px 0;
}

.content_bottom_right
{
	float:right;
	padding:10px 0 10px 0;
	background-image:url('images/content/search_reflection.jpg');
	background-repeat:no-repeat;
}

.search_button
{
	border:2px solid #5e5c59;
	width:40px;
	background-color:white;
	cursor:pointer;
}

.search_field
{
	border:2px solid #5e5c59;
	margin-right:10px;
	width:133px;
}

a.crumb_links
{
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	border:none;
}

a.crumb_links:hover
{
	text-decoration:underline;
	color:white;
	border:none;
}

/*BOTTOM*/

.bottom_wrapper
{
	background-color:white;
	color:#1c2332;
	background-image:url('images/content/bottom_center.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	padding:20px 0 20px 0;
	border-top:3px solid white;
}

.bottom_center
{
	width:922px;
	margin:0 auto 0 auto;
	text-align:left;
}

.news
{
	padding-right:10px;
}

.news img
{
	margin:10px;
}

.bottom_center table tr td
{
	vertical-align:top;
	font-size:12px;
}

.news_wrapper
{
	margin:0 0 10px 0;
}

.news_wrapper p
{
	padding:0 0 5px 0;
	margin:0;
	line-height:normal;
}

.news_left
{
	width:50px; 
	text-align:center; 
	vertical-align:top;
	background-image:url('images/content/news_left.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:25px;
	font-family:Arial, Helvetica, sans-serif;
}

.news_right
{
	width:272px;
	padding-top:5px;
}

/*FOOTER*/

.footer_wrapper
{
	background-color:black;
	color:white;
}

.footer_center
{
	width:922px;
	margin:0 auto 0 auto;
	text-align:right;
	font-size:12px;
}

.footer_bottom
{
	background-color:white;
	color:#AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('images/content/bottom_center.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	border-top:3px solid white;
}

.footer_center_bottom
{
	width:922px;
	margin:0 auto 0 auto;
	text-align:right;
	font-size:12px;
}

.footer_link
{
	display:block;
	float:left;
	background-color:black;
	color:#cccccc;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	margin:13px 10px 10px 0;
	font-size:12px;
	border:none;
	text-transform:uppercase;
	border:1px solid black;
}

.footer_link:hover
{
	border:none;
	color:white;;
	border:1px solid white;
	background-color:#444444;
}

.footer_right
{
	padding:10px 0px 10px 5px;
	text-decoration:none;
	margin:10px 0 10px 0;
	display:inline-block;
	font-size:11px;
}

/*PRODUCT SERVICE PAGE*/
#consultancy_link, #design_link, #product_link, #commissioning_link
{display:block;width:104px;height:104px;position:absolute;top:16px;left:424px;text-decoration:none;border:none;background-color:transparent;}

#design_link{left:534px}
#product_link{left:644px}
#commissioning_link{left:754px}