/*	Desc: Intel Screen Style Sheet
	Author: Simon Krambousanos
	Date: 23/10/07
	+ Colours
	- #000000 Black (body text)
	- #ffffff White (Tool-tip text)
	- #9FD4FF Blue (Tool-tip header text)
	- #3E4F14 Blue (Tool-tip custom header text)
	- #B5CF74      (Tool-tip bubble background)
	- #ffffff White (Slide menu link text)
	
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../cssimg/site_bg.gif) #666666 center;
	background-repeat:no-repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	min-width:1024px;
}

#right-floaty {
float:right;
}
td {
font-size:9px;
color:#333;
padding:5px;
}

#left-floaty {
float:left;
width:800px;
}

.float-right {
	padding:10px 20px;
	float:right;
	
}

/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0
}

 p span {
letter-spacing: -1px;
font-family: arial,verdana,sans-serif;
font-size: 206%;
font-weight:bold;
text-decoration:none;
}

#maincol #more a {
text-decoration:none;
color: #c45fa9;
font-weight:bold;
font-size:15px;
}

#maincol #more a:hover {
color: #999;
font-weight:bold;
font-size:15px;
text-decoration:none;

}

#more a {
text-decoration:none;
color: #c45fa9;
font-weight:bold;
font-size:15px;
}
 #more a:hover {
color: #999;
font-weight:bold;
font-size:15px;
text-decoration:none;

}

#rightcol p span {
letter-spacing: -1px;font-family: arial,verdana,sans-serif;font-size: 160%;font-weight:bold; text-decoration:none;
}

#centercol p span {
letter-spacing: -1px;font-family: arial,verdana,sans-serif;font-size: 160%;font-weight:bold; text-decoration:none;
}

h2 {
letter-spacing: -1px;font-family: arial,verdana,sans-serif;font-size: 140%;font-weight:bold; margin-left:5px;color:#333333;
}


h3 {
letter-spacing: -1px;font-family: arial,verdana,sans-serif;font-size: 190%;font-weight:bold; color:#333333;
}

/*tooltips */
.tool-tip {
	color: #fff;
	width: 113px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../cssimg/tool_bg.gif) top left;
	background-repeat:no-repeat;	
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../cssimg/tool_bg2.gif) top left;
	background-repeat:no-repeat;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
-->

img {
border:none;
}

/*=WRAPPER
=== === === === === === === === === === */
.wrapper #container {
	width: 900px;  
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	xpadding-top:10px;
}
.wrapper #mainContent {
	width: 900px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:612px;
	
}

.wrapper #mainContent #logo {
	height:89px;
	margin:5px;
}

#intel {
z-index:99999;
position:absolute;
margin:30px 0 0 5px;
width:72px;

}
#wrp {
float:right;
margin-top:10px;
width:381px;

}


.wrapper #mainContent #content {
	height:462px;
	margin: 0 5px 0 5px;
	background-image:url(../cssimg/content_bg.gif);
	background-repeat:no-repeat;
	
}
/*=NAVIGATION
=== === === === === === === === === === */

/*slide-menu*/

#accordion {
padding:8px 4px 5px 5px;
margin-right:6px;
margin-left:3px;
}

.togglerHome {
	color: #fff;
	margin:0;
	padding: 2px 5px;
	background: #ccc;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	height:30px;
	line-height:30px;
	cursor:pointer;
	font-weight:bold;
}
.togglerWork {
	color: #fff;
	margin:0px;
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	height:30px;
	line-height:30px;
	cursor:pointer;
	background:url(../cssimg/work.gif) right #a82983;
	background-repeat:no-repeat;
	font-weight:bold;
}
.togglerRest {
	color: #fff;
	margin:0px;
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	height:30px;
	line-height:30px;
	cursor:pointer;
	background:url(../cssimg/rest.gif) right #89be10;
	background-repeat:no-repeat;
	font-weight:bold;
}
.togglerPlay {
	color: #fff;
	margin:0px;
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	height:30px;
	line-height:30px;
	cursor:pointer;
	background:url(../cssimg/play.gif) right #e96901;
	background-repeat:no-repeat;
	font-weight:bold;
}
 
.element {

}
 
.elementHome p {
	margin: 0;
	padding: 5px;
	font-size:0.7em;
	color:#333333;
	overflow:hidden;
}

.elementWork p {
	margin: 0;
	font-size:0.7em;
	padding: 5px;
	color:#333333;
	overflow:hidden;
}

.elementRest p {
	margin: 0;
	padding: 5px;
	font-size:0.7em;
	color:#333333;
	overflow:hidden;

}

.elementPlay p {
	margin: 0;
	padding: 5px;
	font-size:0.7em;
	color:#333333;
	overflow:hidden;

}

-->

/*side nav */
#sideMenu {
	float:right;
	margin-top:99px;
	background-image:url(../cssimg/sideMenu_bg.gif);
	background-repeat:no-repeat;
	height:343px;
	width:96px;
	margin-right:4px;
}

.sideMenu-but {
padding-top:8px;
margin-left:9px
}

  a.rollover {
   display: block;
   width: 75px;
   height: 75px;
   text-decoration: none;
   background:url(../cssimg/sideMenu-but1.gif);
   }
   
a.rollover:hover {
   background-position: -75px 0;
  }
  
    a.rollover2 {
   display: block;
   width: 75px;
   height: 75px;
   text-decoration: none;
   background:url(../cssimg/sideMenu-but2.gif);
   }
   
a.rollover2:hover {
   background-position: -75px 0;
  }
  
    a.rollover3 {
    display: block;
    width: 75px;
   height: 75px;
   text-decoration: none;
   background:url(../cssimg/sideMenu-but3.gif);
   }
   
a.rollover3:hover {
   background-position: -75px 0;
  }
  
    a.rollover4 {
    display: block;
    width: 75px;
   height: 75px;
   text-decoration: none;
   background:url(../cssimg/sideMenu-but4.gif);
   }
   
a.rollover4:hover {
   background-position: -75px 0;
  }
  
  -->

/*footer menu */
#indie {
margin:3px 3px 0 0;
float:right;
width:160px;
}

#cfnavbar{
margin: 0;
padding: 0;
}

#cfnavbar ul{
padding: 0;
margin: 0;
float: left;
margin-left:0px;
width:600px;
font: bold 10px Verdana;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: #666;
font-weight: bold;
padding: 19px 13px 15px 6px;
text-decoration: none;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
}

#cfnavbar ul li a#rightcorner{
padding-right: 10px;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

-->


/*=CONTENT
=== === === === === === === === === === */
#maincol {
	margin:0;
	padding-top:0px;
	height:300px;
	background-color:#fff;
	}
#leftcol { 
	top:-10px;
	left:-10px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:195px; /* actual value */
	margin:0 0 -10px 0;
	padding: 5px 10px 0px 1px;
	z-index:100;
	}
#rightcol {
	top:-10px;
	right:-10px;
	float:right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:255px; /* actual value */
	margin:0 2px -10px 0;
	padding:0 0 0 10px;
	z-index:99;
	background-color:#f4f4f4;
	border-left:dotted #ccc 1px;
	height:300px;
	
	}
	#rightcol img{
	padding-top:5px;
	}
	
	
#centercol {
	padding:5px 195px 0 5px;;
	}

#centercol a {
	color:#666;
	}
#centercol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
	
/*----REST */
	#centercol-rest {
	padding:0 0px;
	background-image:url(../cssimg/restBG.gif);
	background-repeat:no-repeat;
	height:300px;
	margin:0 1px 0 0;
	}
	#leftcol-rest { 
	top:-10px;
	left:-10px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px; /* actual value */
	margin:0 1px -10px 1px;
	padding: 0px 0px 0px 1px;
	z-index:100;
	background-color:#a82983;
	height:300px;
	}
		#rightcol-rest { 
	top:-10px;
	left:-10px;
	float:right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px; /* actual value */
	margin:0 1px -10px 0;
	padding: 0px 0px 0px 1px;
	z-index:100;
	background-color:#e96901;
	height:300px;
	}

-->	


/*----HOME */
#maincol-home {
	margin:0;
	padding-top:0px;
	height:300px;
	background-color:#fff;
	overflow:hidden;
	}
	
	#maincol-home p {
	margin-top:-4px;

	}
#leftcol-home { 
	top:-10px;
	left:-10px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:195px; /* actual value */
	margin:0 0 -10px 0;
	padding: 5px 5px 0px 2px;
	z-index:100;
	}
#rightcol-home {
	top:-10px;
	right:-10px;
	float:right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:195px; /* actual value */
	margin:0 0 -10px 0;
	padding: 5px 2px 0px 5px;
	z-index:99;
	}
#centercol-home {
	padding:0 195px;
	}
	
	#centercol-home p {
	font-size:10px;
	}


-->	
/*- Menu 8--------------------------- */
	
#menu8 {
	width: 99%;
	margin: 0px;
	}
	
ol {
font-size:0.63em;
margin-left:35px;
color:#333333;
}	
ol li {
}

#focus {
font-weight:bold;
font-size:140%;
color:#333;
letter-spacing:1px;
}
	
#menu8 li a {
	height: 15px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size:12px;
	text-decoration: none;
	}	
	
#menu8 li a:link, #menu8 li a:visited {
	color: #fff;
	display: block;
	padding: 8px 0 0 10px;
	}
	
	.tarbell {
border-top: dotted #999999 1px;
border-bottom: dotted #999999 1px;
padding:5px;
margin:2px 10px 5px 2px;
background:  url(../cssimg/pcworld-logo.gif) #FFFFCC  5px 50% ;
background-repeat:no-repeat;
height:30px;
}


.tarbellMain {
padding:0px;

}
.tarbellMain p {
font-size:10px;
}

.tarbellRelax {
padding:5px;
border-top:dotted #FFFFFF 1px;
margin:20px 2px 0px 0px;
background:  url(../cssimg/pcworld-logo.gif) 10px 50% ;
background-repeat:no-repeat;
height:30px;

}

.tarbellRelax p{
margin-top:-3px;
padding-left:70px;
font-size:10px;

}
.tarbellRelax a{
color:#FFFFFF;

}

.tarbell p{
padding-left:70px;
font-size:13px;
}
	
#menu8 li a:hover {
	color: #fff;
	padding: 8px 0 0 20px;
	}
	
	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
}

#div0 {position:relative;visibility: hidden; }
#div1 {position:relative;visibility: hidden; }
#div2 {position:relative; visibility: hidden; }
#div3 {position:relative;visibility: hidden; }
#div4 {position:relative;visibility: hidden; }
	
/*=FOOTER
=== === === === === === === === === === */
#footer {
padding-left:10px;
	height:50px;
	margin:5px;
	background-image:url(../cssimg/footer_bg.gif);
	background-repeat:no-repeat;	
}
 
.slide  {
	color: #333;
	margin: 0px;
	font-size:0.7em;
	padding:10px;
	
}

.thinborder{
  float:right;
  padding:0px;
  margin:-20px 5px 0 0;
}

.dropcap {
  float: left;
  font: normal 60pt/0.8em Georgia,
  Helvetica, Verdana, Arial, 
  sans-serif;
  color: yellowgreen;
  margin-right: 3px;
}

.pullout{
  width:30%;
  padding:10px;
  background-color:yellowgreen;
  color:#F5F5F5;
  float:right;
  font: bold 14pt/1em Arial, 
  Helvetica, sans-serif;
  text-align:left;
  letter-spacing: 0.05em;
  margin:5px;
  clear: both;
}