html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 0px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: top; }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
/*:focus          { outline: thin dotted invert }*/
:focus          { outline: none }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}




html {overflow-x:auto;overflow-y:scroll;}
body { border:0; height: 100%;  margin: 0; padding: 0; background-color: #ffffff; margin-left: 50px; margin-right: 50px;}
body {  position: relative; }

   #navlist_container div {
   	$margin-bottom: 5px;
  }

#container
{

}
/*
#navlist
{
	margin-left: 1%;
	padding: 8px 0px 8px 0px;
	text-align:center;
	border: solid 1px black;
	width: 99%;
	margin:0 auto;
	padding: 0;
	margin: 0;
	float: left;
	left: 50%;
	position: relative;
	text-align: center;

}

#navlist_container
{
	border: red 1px solid;
	text-align:center;
	overlfow: hidden;

}

#body
{

}

#navlist li
{
	display: inline;
	float: left;
	list-style-type: none;
	margin-left:0px;
	padding-left: 2%;
	padding-right: 2%;
	white-space:nowrap;
	border: solid 1px green;
	float: left;
	left: -50%;
	position: relative;
	padding: 0;
	margin: 0;

} */
/*
#navlist li.first
{
	background-color: yellow;
	padding-left: 5%;
}

#navlist li.last
{
	background-color: yellow;
	padding-right: 5%;
}
*/
:focus
{
  -moz-outline-style: none;
}


#navlist_container a:visited, #navlist_container a:link, #navlist_container a:hover, #navlist_container a:active
{
	color: black;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial;
	font-size: 21px;
	white-space:nowrap;
	line-height: 22px;
}


#navlist_container a:hover
{
	color: #999999;
	border-bottom: 2px solid #0099cc;
	white-space:nowrap;
}

#navlist_container a.current:visited, #navlist_container a.current:link, #navlist_container a.current:hover, #navlist_container a.current:active
{
	color: #999999;
	border-bottom: 0px;
	white-space:nowrap;
}

#navlist_container a:hover
{
	color: #333333;
}

#logo
{
	width: 276px; height: 112px; float: left;
	text-align: left;
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	color: #66ccff;
	padding-left: 12px;
}

#phone_main
{
	background-image: url(../images/phone_logo.png);
	background-repeat: no-repeat;
	padding-left: 60px;
	height: 60px;
	padding-top: 7px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 32px;
	color: #666666;
}

#page-all
{
	min-height: 100%; margin-bottom: -60px; background-color: white;
	min-width: 1000px;
	/*width:expression(document.body.clientWidth < 1000? "1000px": "auto" );*/
}

* html #page-all {height: 100%; }
#page-empty {height: 70px; clear: both;}
#footer
{
	height: 60px;
	background-color: white;
	min-width: 1000px;
	/*width:expression(document.body.clientWidth < 1000? "1000px": "auto" );*/
	text-align: right;
}

@-moz-document url-prefix()
{
	#footer
	{
		text-align: -moz-right;
	}
}

#footer .footer_text
{
	font-family: "Trebuchet MS", Arial;
	font-size: 0.75em;
	color: #999999;
}

#menu
{
	font-family: "Trebuchet MS", Arial;
	text-align:center;

}

@-moz-document url-prefix()
{
	#menu
	{
		text-align: -moz-center;
	}
}


.news_header
{
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	color: #0099cc;
	font-size: 21px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.orange_box_left
{
	background-image: url(../images/left_orange_box.gif); width: 4px; height: 14px; float: left;
	background-repeat: no-repeat;
}

.orange_box_right
{
	background-image: url(../images/right_orange_box.gif); width: 4px; height: 14px; float: left;
	background-repeat: no-repeat;
}

.orange_box_middle
{
	 font-size: 13px;
	 color: white;
	 background-image: url(../images/orange_box.gif);
	 height: 14px;
	 background-repeat: repeat-x;
	 font-weight: bold;
	 float:left;
	 display:table-cell;
	 vertical-align:middle;
}


.big_orange_box_left
{
	background-image: url(../images/left_big_orange_box.gif); width: 12px; height: 30px; float: left;
}

.big_orange_box_right
{
	background-image: url(../images/right_big_orange_box.gif); width: 12px; height: 30px; float: left;
}

.big_orange_box_middle
{
	 font-size: 12px;
	 color: white;
	 background-image: url(../images/big_orange_box.gif);
	 height: 30px;
	 background-repeat: repeat-x;
	 float:left;
	 padding-top: 7px;
	 display:table-cell;
	 vertical-align:middle;
	 font-family: Arial;
}

.blue_box_left
{
	background-image: url(../images/left_big_blue_box.gif); width: 13px; height: 31px; float: left;
}

.blue_box_right
{
	background-image: url(../images/right_big_blue_box.gif); width: 13px; height: 31px; float: left;
}

.blue_box_middle
{
	 font-size: 11px;
	 color: white;
	 background-image: url(../images/center_big_blue_box.gif);
	 height: 31px;
	 background-repeat: repeat-x;
	 float:left;
	 padding-top: 7px;
	 display:table-cell;
	 vertical-align:middle;
	 font-family: Arial;
}


/**********************************
	MAIN TWO PAGE LAYOUT -- BEGIN
**********************************/
.colmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;

		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */
	.doublepage {
		/*background:green;		 right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		/*background:red;		 left column background colour */
	}
	.doublepage .col1 {
		width:48%;			/* left column content width (column width minus left and right padding) */
		left:50%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:52%;			/* right column content width (column width minus left and right padding) */
		left:49%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

/**********************************
	MAIN TWO PAGE LAYOUT -- END
**********************************/

/**********************************
	ASK BLUE BOX -- BEGIN
**********************************/
.ask_box_container
{
	position: relative;
	top: 21px;
	top: -6px;
	height: 26px;
	width: 100%;

}

.ask_box
{
	position: relative;
	text-align: center;
	float: right;
	height: 26px;
	width: 160px;
	font-family: Arial;
	font-weight: bold;
	white-space: nowrap;
}

.ask_box a:visited, .ask_box a:link, .ask_box a:hover, .ask_box a:active
{
	font-family: Arial;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.ask_box_left
{
	background-image: url(../images/ask_box_left.gif);
	width: 8px; height: 26px;
	float: left;
	background-repeat: no-repeat;
}

.ask_box_right
{
	background-image: url(../images/ask_box_right.gif); width: 8px; height: 26px;
	float: left;
	background-repeat: no-repeat;
}

.ask_box_middle
{
	 font-size: 12px;
	 color: white;
	 background-image: url(../images/ask_box_middle.gif);
	 height: 26px;
	 background-repeat: repeat-x;
	 float:left;
	 padding-top: 7px;
	 display:table-cell;
	 vertical-align:middle;
	 font-family: Arial;
}

/**********************************
	ASK BLUE BOX -- END
**********************************/

div.news_date
{
	position: relative;
	top: -1px;
}

div.news_block
{
	width: 46%; float: left; margin-left: 20px; margin-top: 50px;
	_margin-left: -10px;
}

img
{
	border: 0px;
}


.news_title
{
	font-size: 14px;
	padding-left: 15px;
	padding-bottom: 10px;
	float: left;
	font-weight: bold;
	margin-top: -2px;
	font-family: Arial;
}

.news_date
{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}

a.more_news_date:link , a.more_news_date:visited, a.more_news_date:hover, a.more_news_date:active
{
	text-decoration:none;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}

a.more_news_title:link , a.more_news_title:visited, a.more_news_title:hover, a.more_news_title:active
{
	text-decoration:none;
	color: black;
}

a.a_news_menu_title:link , a.a_news_menu_title:visited, a.a_news_menu_title:hover, a.a_news_menu_title:active
{
	text-decoration:none;
	color: #0099cc;
}

a.a_portfolio_descr:link , a.a_portfolio_descr:visited, a.a_portfolio_descr:hover, a.a_portfolio_descr:active
{
	text-decoration:none;
	color: #999999;
}

.main_text, .contact_label
{
	font-family: Arial;
	font-size: 13px;
	color: #333333;
	padding-top: 8px;
}


.subtitle
{
	font-weight: bold;
	font-size: 13pt;
	color: #0099cc;
	font-family: Arial;
	padding-bottom: 10px;
}

.subtitle_portfolio
{
	font-weight: bold;
	font-size: 11pt;
	color: #0099cc;
	padding-bottom: 5px;
	font-family: Arial;
}

.subtitle_portfolio a
{
  font: bold: 11pt Arial;
  color: #09c;
  text-decoration: none;
}

.subtitle_gray
{
	font-size: 12pt;
	color: #999999;
	font-family: "Trebuchet MS", Arial;
}

.work_description
{
	color: #999999;
	font-family: Arial;
	font-size: 13px;
}

.subtitle a:visited, .subtitle a:link, .subtitle a:hover, .subtitle a:active
{
	font-weight: bold;
	font-size: 13pt;
	color: #0099cc;
	font-family: Arial;
	text-decoration:none;
}

#backToNewsList
{
	margin-top: 50px;
}

#backToNewsList_text
{
	font-family: Tahoma, Arial;
	position: relative;
	padding-left: 10px;
	font-size: 13px;
	top: -5px;
}

a.pagingpage:link              { color:#0099cc; text-decoration:none; font-size: 1.0em;}
a.pagingpage:visited           { color:#0099cc; text-decoration:none; font-size: 1.0em;}
a.pagingpage:hover             { color:#093138; text-decoration:none; font-size: 1.0em;}
a.pagingpage:active            { outline: none; color:#0099cc; text-decoration:none; font-size: 1.0em;}



.news_text
{
	padding-top: 5px;
	font-family: Arial;
	font-size: 13px;
	color: #333333;
}

div.arrow_block
{
	width: 95%;
	text-align: right;
}

div.news_content_block
{
	min-width: 280px;
	/*width:expression(document.body.clientWidth < 280? "280px": "auto" );*/
}

div.conceptions_block
{
	width: 46%; float: right; margin-left: 20px; margin-top: 50px; margin-right: 20px;
	_margin-left: 0px;
	font-family: Arial;
	font-size: 13px;
	color: #333333;
}

div.box25x25
{
	height: 25px;
	width: 25px;
}

td.white_box_top_left
{
	background-image: url(../images/white_box_top_left.gif);
	background-repeat: no-repeat;
}

td.white_box_top_middle
{
	background-image: url(../images/white_box_middle.gif);
}

td.white_box_top_right
{
	background-image: url(../images/white_box_top_right.gif);
	background-repeat: no-repeat;
}

td.white_box_bottom_left
{
	background-image: url(../images/white_box_bottom_left.gif);
	background-repeat: no-repeat;
}

td.white_box_bottom_middle
{
	background-image: url(../images/white_box_bottom_middle.gif);
	background-repeat: repeat-x;
	text-align: right;
	padding-right: 60px;
}

@-moz-document url-prefix()
{
	td.white_box_bottom_middle
	{
		text-align: -moz-right;
	}
}

td.white_box_bottom_right
{
	background-image: url(../images/white_box_bottom_right.gif);
	background-repeat: no-repeat;
}

td.white_box_middle_left
{
	background-image: url(../images/white_box_middle_left.gif);
}

td.white_box_middle_right
{
	background-image: url(../images/white_box_middle_right.gif);
	background-repeat: repeat-y;
}

#newspaging
{
	position: relative;
	z-index: 1000;
	visibility: hidden;
}

.noborder
{
	border: 0px;
}

ul.lang_list
{
	padding-top: 30px;
	list-style: none;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 0.7em;
}

ul.lang_list a.inactiveLang:visited, ul.lang_list a.inactiveLang:link, ul.lang_list a.inactiveLang:hover, ul.lang_list a.inactiveLang:active
{
	text-decoration:none;
	color: black;
}

ul.lang_list a.inactiveLang:hover
{
	color: #999999;
}

ul.lang_list a.activeLang:visited, ul.lang_list a.activeLang:link, ul.lang_list a.activeLang:hover, ul.lang_list a.activeLang:active
{
	text-decoration:none;
	color: #999999;
}

span.error
{
	color: red;
	font-family: Arial;
	font-size: 14px;
}

.contact_form_header
{
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Arial;
}

form input.textbox
{
	width: 190px;
}

form input.messageBox
{

}

form input.textbox, form textarea
{
	border: 1px solid #999999;
}

/**********************************
	GRAY BOX
**********************************/
td.gray_box_top_left
{
	background-image: url(../images/gray_box_top_left.gif);
}

td.gray_box_top_middle
{
	background-image: url(../images/gray_box_hor.gif);
}

td.gray_box_top_right
{
	background-image: url(../images/gray_box_top_right.gif);
}

td.gray_box_bottom_left
{
	background-image: url(../images/gray_box_bottom_left.gif);
}

td.gray_box_bottom_middle
{
	background-image: url(../images/gray_box_hor.gif);
}

td.gray_box_bottom_right
{
	background-image: url(../images/gray_box_bottom_right.gif);
}

td.gray_box_middle_left
{
	background-image: url(../images/gray_box_vert.gif);
}

td.gray_box_middle_right
{
	background-image: url(../images/gray_box_vert.gif);
}

td.gray_box_content
{
	background-color: #e8e8e8;
}

table.gray_box
{
	background-color: #e8e8e8;
}
/**********************************
	END
**********************************/

/**********************************
	TWO COLUMN LIST - ONE FIXED
**********************************/
ul.column {
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	_float: none;
	_width: 98%;
}

ul.column li {
	float: left;
	width: 100%;
	margin: 0;
}

ul.column li .imgblock {
	font-weight: bold;
	float: left;
	width: 130px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
ul.column li .imgblock img {
	padding: 5px;
	_padding: 0px;
	margin-bottom: 5px;
}

ul.column li .detail{
	padding-right: 50px;
	padding-left: 180px;
}

.divider
{
	color: grey;
	border: 1px solid #ddd;
	margin-top: 30px;
	margin-bottom: 30px;
	border-right: 0px;border-left: 0px;border-bottom: 0px;
}
/**********************************
	END
**********************************/
.main_text ol li, .news_text ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
    float: none;
}
.main_text ul li, .news_text ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
    float: none;
}

#tooltip{
	position:absolute;
	border:0px;
	padding:2px 5px;
	color:white;
	display:none;
	}

#f_page_desc {
	padding-left: 5px;
}