/*	Desc: Intel Screen Style Sheet
	Author: Simon Krambousanos
	Date: 15/11/07
	Note: Please don't steal this code
	
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../cssimg/site_bg.gif) #FFFFFF;
	background-repeat:repeat-x;
	color: #000000;
}
* {
	padding: 0;
	margin: 0
}

#right-floaty {
	float:right; /*floating side menu right*/
}

#left-floaty {
	float:left;/*floating intel logo left*/
	width:800px;
}

/*three column layout-structure */
.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;}
.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;}
.maincol {margin:0;padding-top:0px;height:300px;background-color:#fff;}
.leftcol { top:-10px;left:-10px;float:left;width:195px; /*actual value */margin:0 0 -10px 0;padding: 5px 10px 0px 1px;z-index:100;}
.rightcol {top:-10px;right:-10px;float:right;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;}
.maincol-relax {margin:0;padding-top:0px;height:300px;background-color:#fff;background:url(../cssimg/restBG.gif) center ;background-repeat:no-repeat;}
#leftcol-rest { top:-10px;left:-10px;float:left;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;width:160px; /*actual value */margin:0 1px -10px 0;padding: 0px 0px 0px 1px;z-index:100;background-color:#e96901;height:300px;}
#centercol-rest {padding:0 0px;height:300px;margin:0 1px 0 0;}
#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;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;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;}
-->

/*=COMMON
=== === === === === === === === === === */
p span {
letter-spacing: -1px;
font-family: arial,verdana,sans-serif;
font-size: 206%;
font-weight:bold;
text-decoration:none;
}
h1 {
letter-spacing: -1px;
font-family: arial,verdana,sans-serif;
font-size: 120%;
font-weight:bold; 
margin:10px;
color:#333333;
}

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: 140%;
font-weight:bold; 
color:#333333;
}
#focus {
font-weight:bold;
font-size:140%;
color:#333;
letter-spacing:1px;
}
img {
border:none;
}
ol {
font-size:0.63em;
margin-left:35px;
color:#333333;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.slide  {
	color: #333;
	margin: 0px;
	font-size:0.7em;
	padding:10px;
}

.slide span {
font-size:120%;
}

.thinborder{
  float:right;
  padding:0px;
  margin:--5px 0px 0 0;
}
#designBy {
z-index:99999;
position:absolute;
float:right;
top:0px;
right:0px;
height:70px;
width:70px;
}

/*buyers guide spotlight */
.tarbellMain {padding:0px;}
.tarbellMain p {font-size:10px;}
.tarbellRelax {padding:5px;border-top:dotted #FFFFFF 1px;margin:10px 2px 0px 0px;background:  url(../cssimg/pcworld-logo.gif) 5px 50% ;background-repeat:no-repeat;height:30px;}
.tarbellRelax a {color:#FFFFFF;padding-left:58px;font-size:9px;}
.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;}
.tarbell p {padding-left:70px;font-size:13px;}
.tarbell a {padding-left:70px;}
/*home spotlight */
#tarbellHome {border-top: dotted #999999 1px; border-bottom: dotted #999999 1px; padding:5px; margin:2px 0px 10px 0px; width:352px;  background-color:#f4f4f4;}
#plusText {font-size:75%; font-weight:bold;}

-->
/*more */
.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;}
-->
/*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;}
-->
/*=WRAPPER
=== === === === === === === === === === */
.wrapper #container {width: 900px;  margin: 0 auto; text-align: left; /* this overrides the text-align: center on the body element. */}
.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 */}
.wrapper #mainContent #logo {height:89px;margin:5px;}
.wrapper #mainContent #content {height:462px;margin: 0 5px 0 5px;background-image:url(../cssimg/content_bg.gif);background-repeat:no-repeat;}

#intel {position:absolute;margin:30px 0 0 5px;width:72px;}
#wrp {float:right;margin-top:10px;width:381px;}

/*=NAVIGATION
=== === === === === === === === === === */
/*Main 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;
}
-->
/*- Menu for relax element--------------------------- */
.menu8 {width: 99%;margin: 0px;}
.menu8 li a {height: 15px;font-size:12px;text-decoration: none;}	
.menu8 li a:link, .menu8 li a:visited {color: #fff;display: block;padding: 8px 0 0 10px;}
.menu8 li a:hover {color: #fff;padding: 8px 0 0 20px;}
-->	
	
/*=FOOTER
=== === === === === === === === === === */
#footer {
padding-left:10px;
height:50px;
margin:5px;
background-image:url(../cssimg/footer_bg.gif);
background-repeat:no-repeat;	
}