@charset "utf-8";
/* CSS Document */
html, body, #wrapper {height: 100%;}
body{ background:#f1f1f1 url(../images/bg_body.png) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
body > #wrapper {height: auto; min-height: 100%;}
#wrapper, #footer { width:954px; margin:0 auto;}
#wrapper {background:#FFF url(../images/bg_wrapper.png) repeat-y;  }
#header{ background:url(../images/bg_headder.png) repeat-x top; height:77px;}
#header_inner { background:url(../images/bg_header_inner.png) no-repeat top left;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

#page {overflow:auto; padding-bottom: 68px; }  /* must be same height as the footer */
body#home #page {overflow:auto; padding-bottom: 112px; }  /* must be same height as the footer */

#footer {position: relative;  margin-top: -68px; /* negative value of footer height */	height: 68px;	clear:both;
 background:#171717 url(../images/bg_footer.png) repeat-x bottom;} 
body#home #footer {position: relative;  margin-top: -112px; /* negative value of footer height */	height: 112px;	clear:both;
 background:#171717 url(../images/bg_footer.png) repeat-x bottom;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* General LInks ___________________________________________________________________________________________*/
a { color:#874802;}
a:hover, a:focus {color:#c06603;}

#navigation { height:30px; background:url(../images/bg_navigation.png) repeat-x; position:relative;}
#navigation ul li { display:inherit; float:left; height:30px; border-right: solid 1px black; }
#navigation ul li a { padding:6px 20px; font-size:14px; font-weight:bold; color:#c6c6c6; text-decoration:none; height:auto; display:block; width:auto;}

#navigation ul li a:hover { background: #212122 url(../images/bg_menu_hover.png) repeat-x; }
h1#logo { width:412px; height:63px; background:url(../images/holopoint_logo.png) no-repeat; position:relative; top:6px; left:18px; overflow:hidden; text-indent:-9000px;}

/* Log-in form css ______________________________________________________________________________________*/
#log_in_box { float:right; width:262px; height:70px; color:#a9a9a9;}
#log_in_box ul { margin-top:20px;}
#log_in_box ul li { padding-top:3px; clear:both;}
#log_in_box label { display:block; float:left; width:100px; text-align:right; line-height:18px; margin-right:16px; }
label:after{ content:':' ;}
#log_in_box input { display:block;  width:125px; border: solid 1px #797a7a; background:#8e9091; float:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#log_in_box input#password { width:96px; margin-right:3px; float:left;} 
#log_in_box input#go{ width:25px; font-size:10px; background:#cd710b; color:#CCC; height:18px; padding-bottom:3px;} 
#log_in_box input#go:hover, #log_in_box input#go:focus {background:#e57e0c;}
#log_in_box input:focus, #log_in_box input.sffocus  {border: solid 1px #cb7515; background:#f9fcff;}
/* Log-in form css ______________________________________________________________________________________*/


#main_image {background:url(../images/bg_slogan.png) repeat-x bottom #000;  width:954px; height:265px;}
body#home #main_image {	background: url(../flash/slide_00.jpg) no-repeat top; height:260px;}

#slogan {	height: 45px; background:#171717 url(../images/bg_slogan.png) repeat-x top;} 
#slogan h1 { color:#b3630a; font-size:28px; font-style:italic; text-align:center; padding-top:3px;}

/* footer css ______________________________________________________________________________________*/

#footer h2 { color:#cb6f08; display:inline; margin-right:5px; float:left; margin-left:18px; font-size:14px; }
#footer ul, #footer p{ float:left;}


#news_flash { height:18px;  padding:12px 0;}
#news_flash p, #news_flash h4 { color:#d5d5d5;}
#news_flash h4 { font-size:14px;}
#news_flash a { margin-left:18px; color:#999;}
#news_flash a:hover, #news_flash a:active { color:#cb6f08;}
#news_flash a:after{ content:']' ;}  #news_flash a:before{ content:'[' ;}

#footer ul li { display: block;  float:left; margin-right:8px; height:44px; width:44px; overflow:hidden;}
#icons{ height:44px;  padding-top:14px; width:100%;}
#icons h2 { margin-top:14px;}
#icons ul { margin-left:5px;}
#icons ul li a { display:block; width:44px; height:44px; background: url(../images/icon_sprite.png) no-repeat; text-indent:-9999px;}
#icons #facebook a { background-position: 0 -44px;}
#icons #facebook a:hover, #icons #facebook a:active { background-position: 0 0;}
#icons #linkedin a { background-position: -44px -44px;}
#icons #linkedin a:hover, #icons #linkedin a:active { background-position: -44px 0;}
#icons #youtube a { background-position: -88px -44px;}
#icons #youtube a:hover, #icons #youtube a:active { background-position: -88px 0;}
#icons #rss a { background-position: -132px -44px;}
#icons #rss a:hover, #icons #rss a:active { background-position: -132px 0;}
p#copyright {float:right; text-align:right; color: #6B6B6B; font-size:10px; width:150px; margin-right:18px; margin-top:18px;}

/* footer css end ______________________________________________________________________________________*/
/* Page content rulles ______________________________________________________________________________________*/
.one_fird_column { float:left; width:294px; margin:18px 0 18px 18px;}
.one_half_column { float:left; width:449px; margin:18px 0 36px 18px; /*border-bottom: solid 1px #ddd;*/}
div.one_half_column h1 { font-size:30px; margin-bottom:5px;}
div.one_half_column h1 a { font-size:12px; margin-left:18px;}
div.one_half_column h2 { font-size:24px; margin-bottom:5px; margin-top:10px; color:#584e45;}
div.one_half_column h3 { font-size:16px; margin-bottom:5px; margin-top:10px; }
div.one_half_column ul#srvices li { /*list-style-type:disc;*/ margin-left:25px;  margin-bottom:12px; list-style-image:url(../images/tick_15.png);}
.one_half_column p { margin-bottom:18px; line-height:18px;}
.one_half_column p em { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#40312D; font-size:13px;}
.one_half_column blockquote { background:url(../images/quote_01.png) no-repeat left top; padding-top:5px; }
.one_half_column blockquote p.last_para_bloquote { background:url(../images/quote_02.png) no-repeat right bottom; padding-bottom:7px;}
.one_half_column blockquote p.textindent { text-indent:30px;}
.one_half_column  p.author { margin-left:10px; margin-top:-15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:15px;}
p.first_para { margin-top:41px;}
p.first_para_double { margin-top:77px;}
.one_half_column img.article_img { margin:30px 0 0 10px; border:solid 1px #D7D3D0; padding:3px; }



/* Games boards front page_____________________*/
.info_window {height:186px; background:url(../images/bg_info_window.png) no-repeat top;}
.info_window_orange { height:186px; background:url(../images/bg_info_window_orange.png) no-repeat top;}
h1#simulation { background: url(../images/games_sprite.png) no-repeat 0 0; width:218px; height:22px; margin:18px auto 0; overflow:hidden; text-indent:-9999px;}
h1#serious_games { background: url(../images/games_sprite.png) no-repeat 0 -22px; width:218px; height:22px; margin:18px auto 0; overflow:hidden; text-indent:-9999px;}
h1#video_games { background: url(../images/games_sprite.png) no-repeat 0 -44px; width:218px; height:22px; margin:18px auto 0; overflow:hidden; text-indent:-9999px;}
.info_window p, .info_window_orange p{ padding:20px 10px 5px 0; font-size:14px;}
.info_window p img, .info_window_orange p img { float:left; margin: -10px 5px 0 8px ;}

.info_window p.readMore, .info_window_orange p.readMore  { padding:0 20px 18px 0; font-size:11px; text-align:right;}