@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:#c06603;}
a:hover, a:focus, a:visited {color:#874802;}

#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 h1 { color:#b3630a; font-size:28px; font-style:italic; text-align:center; padding-top:3px;}
#footer h2 { color:#cb6f08; display:inline; margin-right:5px; float:left; margin-left:18px; font-size:14px; }
#footer ul, #footer p{ float:left;}

.news_half_column_left { float:left; width:185px;}


#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:48px; width:48px; overflow:hidden;}
#icons{ height:48px;  padding-top:14px; width:100%;}
#icons h2 { margin-top:14px;}
#icons ul { margin-left:5px;}
#icons ul li a { display:block; width:48px; height:48px; background: url(../images/icon_sprite.png) no-repeat; text-indent:-9999px;}
#icons #facebook a { background-position: 0 -48px;}
#icons #facebook a:hover, #icons #facebook a:active { background-position: 0 0;}
#icons #linkedin a { background-position: -48px -48px;}
#icons #linkedin a:hover, #icons #linkedin a:active { background-position: -48px 0;}
#icons #youtube a { background-position: -96px -48px;}
#icons #youtube a:hover, #icons #youtube a:active { background-position: -96px 0;}
#icons #twitter a { background-position: -192px -48px;}
#icons #twitter a:hover, #icons #twitter a:active { background-position: -192px 0;}
#icons #rss a { background-position: -144px -48px;}
#icons #rss a:hover, #icons #rss a:active { background-position: -144px 0;}

p#copyright {float:right; text-align:right; color: #6B6B6B; font-size:10px; width:150px; margin-right:18px; margin-top:18px;}

/* footer css end ______________________________________________________________________________________*/

/* contact - social icons ______________________________________________________________________________________*/
.socialicons { margin-left:10px;}

/* contact - social icons end ______________________________________________________________________________________*/



/* Page content rulles ______________________________________________________________________________________*/
.one_third_column { float:left; width:294px; margin:18px 0 18px 18px;  }
.one_half_column { float:left; width:449px; margin:18px 0 8px 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:#e97c13;}
div.project_description_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 div.image_div { width:320px; margin:0 auto;}
.one_half_column img.article_img { margin:30px 0 0 10px; border:solid 1px #D7D3D0; padding:3px; }
.one_full_column { float:left; width:915px; margin:18px 0px 0px 18px; }
div.one_full_column h1 { font-size:30px; margin-bottom:5px; }
.news_column { float:left; margin:18px 18px 18px 18px; /*border-bottom: solid 1px #ddd;*/}
div.news_column h1 { font-size:30px; margin-bottom:5px;}

/* Index page left column*/
.one_half_column6 { float:left; width:449px; height:430px; margin:18px 0 8px 18px; /*border-bottom: solid 1px #ddd;*/}
div.one_half_column6 h1 { font-size:30px; margin-bottom:5px;}
.one_half_column6 img {
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* Index page right column*/
.one_half_column7 { float:left; width:449px; margin:18px 0 8px 18px; /*border-bottom: solid 1px #ddd;*/}
div.one_half_column7 h1 { font-size:30px; margin-bottom:5px;}
.one_half_column7 img {
	float: left;
	padding-left: 80px;
}

/* Home page specific stuff */
div.client_display { float:left; width:910px; height:400px; margin:18px 18px 18px 18px; }
div.client_logo { float:left; width:170px; height:100px; margin:5px 5px 5px 7px; background-color:gray; }
.client_display h2 { width:100%; font-size:24px; margin:0px 0px 0px 0px; color:#584e45;}

/* Projects page specific stuff */
div.project_video_column { float:left; width:320px; height:180px; margin:18px 0px 0px 18px;}
div.project_description_column { float:left; width:580px; height:180px; margin:18px 0px 0px 18px;  }
div.project_description_column h1 { font-size:20px; margin-bottom:10px; }
div.project_description_column p { margin-bottom:8px; line-height:16px; }

/* Reach page specific stuff */
p.subtitle { font-size:11px; font-style: italic; }


/* About page */
.one_half_column2 { float:left; width:420px; padding-left: 0px;}
div.one_half_column2 h1 { font-size:30px; margin-bottom:5px;}


.one_half_column3 { float:left; width:420px; margin:41px 0 0 18px;}
div.one_half_column3 h1 { font-size:30px; margin-bottom:5px;}


.one_half_column4 { float:left; width:200px; margin:0px 0 8px 18px;}
div.one_half_column4 h1 { font-size:30px; margin-bottom:5px;}


.one_half_column5 { float:left; width:420px; margin:0px 0 8px 18px; }
div.one_half_column5 h1 { font-size:30px; margin-bottom:5px;}



.clients_content {
padding: none;
}
.clients_content img {
border: 1px solid #D7D3D0;
margin: 0 10px 10px 0;
}
div.clients_content h1 { font-size:30px; margin-bottom:5px;}
	
.tab_column_left {
	float:left;
	width:430px;
	padding-top: 10px;
	padding-right: 40px;
}
.tab_column_right {
	float:right;
	width:430px;
	padding-top: 48px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #D7D3D0;
	border-left: 1px solid #D7D3D0;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #D7D3D0;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	padding-bottom: 30px;
	border: 1px solid #D7D3D0;
	border-top: none;
	border-right: none;
	clear: both;
	float: left; 
	width: 930px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	float: left;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.tab_content2 {
	float: left;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
}


div.tab_content h1 { font-size:30px; margin-bottom:5px; padding-left:0px;}
.team_content {
	width: 850px;
	padding-left: 0px;
	padding-right: 150px;
	padding-bottom: 120px;
	margin-bottom: 30px;
	
}
div.team_content h1 { font-size:30px; margin-bottom:5px;}
div.team_content h2 { font-size:24px; color:#e97c13;}

.tab_content h3 a{
	color: #874802;
}
.tab_content img {
	float: left;
	padding: 5px;
}
/* Platforms Page */

.one_half_platform_description { float:left; width:420px; padding-left: 0px;}
div.one_half_platform_description h1 { font-size:30px; margin-bottom:5px;}


.one_half_platform_images { float:left; width:420px; margin:40px 0 0 18px;}
one_half_platform_images h1 { font-size:30px; margin-bottom:5px;}

/* news test page*/

.wordpress_news {
width:954px;
height:100%;
}

/* Projects Page*/

.one_half_column8 { float:left; width:420px; margin:60px 0 0 18px;}
div.one_half_column3 h1 { font-size:30px; margin-bottom:5px;}


/* Video Column*/
.one_half_column_video { float:left; width:350px; height:300px; padding-left: 80px;}
div.one_half_column_video h1 { font-size:30px; margin-bottom:5px;}

/* Video DescriptionColumn*/
.one_half_column_description { float:left; width:420px; height:300px; margin:0 0 0 18px;}
div.one_half_column_description h1 { font-size:24px; margin-bottom:5px; margin-top:0px; color:#e97c13;}

.project_videos {
width:954px;
}


/* Games boards front page_____________________*/
.info_window {display:block; text-decoration:none; height:186px; background:url(../images/bg_info_window.png) no-repeat top;}
.info_window:hover {background:url(../images/bg_info_window_orange.png)}
.info_window h1 { position:relative; left:0px; top: 120px; width:289px; height:30px; margin:18px auto 0; overflow:hidden; text-indent:-9999px; background-repeat: repeat-x; background-position: center;}
.info_window h1#accessibility { background-image: url(../images/homebutton_games_sprite.png); background-position: center 0px; }
.info_window h1#projects { background-image: url(../images/homebutton_games_sprite.png); background-position: center -30px; }
.info_window h1#aboutus { background-image: url(../images/homebutton_games_sprite.png); background-position: center -60px; }
.info_window p { width:inherit; text-align:center; text-decoration:underline; margin:-10px auto 0 auto; padding:20px 10px 5px 0; font-size:12px;}
/*.info_window img { margin-top:19px;  margin-left:17px; margin-right:17px; }*/
.info_window img.background_image { position:absolute; }