/**************************

BASIC 

***************************/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
  margin: 0;
  padding: 0;
}

body {
  font: 76%/110% Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left;
}

* html, body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}

.clear {
  clear: both;
}

img {
  border: 0;
}	

.left {
  text-align: left;
}

.center {
  text-align: center;
}

A:link {color: #000; text-decoration: none;}
A:visited {color: #000; text-decoration: none;}
A:active {color: #000; text-decoration: none;}
A:hover {color: #fff; text-decoration: none;}

div.hr {
  margin-top: 5px;
  height: 1px;
  background: #fff url(../images/dots1px_light.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}


/**************************

HEADER

***************************/

#header {
	width: 100%;
	height: 156px;
	margin-top: 50px;
	background: #fff url(../images/dot_bg.gif) repeat-x;
	text-align: center;
}


/**************************

CONTENT

***************************/

#header_content {
	position: relative;
	width: 800px;
	height: 156px;
	margin: 0 auto;
	}

#main_content {
	position: relative;
	width: 800px;
	margin: 50px auto;
	}

#main_content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#main_content p {
	margin: 10px 0 50px 0;
	}

#download:hover a {
	color: #da4e26;
	font-weight:bold;
	}

#download a:hover {
	color: #FFF;
	background: #da4e26;
	font-weight:bold;
	}

#download a {
	color: #CCC;
	}

#download {
	color: #CCC;
	}	

#download:hover {
	color: #000;
	}

#preview:hover a {
	color: #da4e26;
	font-weight:bold;
	}

#preview a:hover {
	color: #FFF;
	background: #da4e26;
	font-weight:bold;
	}

#preview a {
	color: #CCC;
	}

#preview {
	color: #CCC;
	}	

#preview:hover {
	color: #000;
	}

#wrapsAvatar a:hover {
	color: #FFF;
}

#wrapsAvatar a {
	color: #CCC;
}

#wrapsAvatar {
	color: #CCC;
}


#wraps, #wrapsAvatar img {
	margin: 20px 0 0 0;
	}

#wraps, #wrapsAvatar p  {
	color: #ccc;
	font-size: 80%;
	margin: 20px 0 0 0;
	}

#main_content p img, #wrapsAvatar p img {
	width: 70px;
	height: 70px;
	padding: 7px;
	border: 1px solid #e5e5e5;
	margin-right: 5px;
}

#main_content p img:hover {
	padding: 5px;
	border: 3px solid red;
}

#main {
	width: 585px;
	margin: 0 10px;
	float: left;
}

#right {
	width: 170px;
	float: left;
}

#clear {
 	clear: both;
}

#footer {
	width: 800px;
	margin: 0px auto 50px auto;
	text-align: center;
}

#footer:hover a {
	color: #da4e26;
	font-weight:bold;
}

#footer a:hover {
	color: #FFF;
	background: #da4e26;
	font-weight:bold;
}

#footer a {
	color: #CCC;
}

#footer {
	color: #CCC;
}

#footer:hover {
	color: #000;
}

/**************************

SLICES

***************************/


#header_logo {
	position:absolute;
	left:38px;
	top:0px;
	width:131px;
	height:156px;
}

#header_text {
	position:absolute;
	left:169px;
	top:0px;
	width:335px;
	height:96px;
}

#id16ign-download-header-04_ {
	position:absolute;
	left:504px;
	top:0px;
	width:296px;
	height:96px;
}

#avatars {
	position:absolute;
	left:504px;
	top:96px;
	width:138px;
	height:30px;
}

#avatarsOn {
	position:absolute;
	left:504px;
	top:96px;
	width:138px;
	height:30px;
	background-image: url(../images/avatarsOn.gif);
}

a#avatarshover {
    width: 138px;
    height: 30px;
    background-image: url(../images/avatars_menu.gif);
    display: block;
    text-decoration: none;
}

a#avatarshover:hover {
    background-image: url(../images/avatarshover.gif);
}


#signa {
	position:absolute;
	left:642px;
	top:96px;
	width:118px;
	height:30px;
}

#signaOn {
	position:absolute;
	left:642px;
	top:96px;
	width:118px;
	height:30px;
	background-image: url(../images/signaturesOn.gif);
}

a#signahover {
    width: 118px;
    height: 30px;
    background-image: url(../images/signa_menu.gif);
    display: block;
    text-decoration: none;
}

a#signahover:hover {
    background-image: url(../images/signahover.gif);
}

#wallpapers {
	position:absolute;
	left:504px;
	top:126px;
	width:117px;
	height:30px;
}

#wallpapersOn {
	position:absolute;
	left:504px;
	top:126px;
	width:117px;
	height:30px;
	background-image: url(../images/wallpapersOn.gif);
}

a#wallhover {
    width: 118px;
    height: 30px;
    background-image: url(../images/wall_menu.gif);
    display: block;
    text-decoration: none;
}

a#wallhover:hover {
    background-image: url(../images/wallhover.gif);
}

#screensavers {
	position:absolute;
	left:621px;
	top:126px;
	width:118px;
	height:30px;
}

#screensaversOn {
	position:absolute;
	left:621px;
	top:126px;
	width:118px;
	height:30px;
	background-image: url(../images/screensaversOn.gif);
}

a#screenhover {
    width: 118px;
    height: 30px;
    background-image: url(../images/screen_menu.gif);
    display: block;
    text-decoration: none;
}

a#screenhover:hover {
    background-image: url(../images/screenhover.gif);
}

#logos {
	position:absolute;
	left:387px;
	top:126px;
	width:117px;
	height:30px;
}

#logosOn {
	position:absolute;
	left:387px;
	top:126px;
	width:117px;
	height:30px;
	background-image: url(../images/logosOn.gif);
}

a#logohover {
    width: 117px;
    height: 30px;
    background-image: url(../images/logo_menu.gif);
    display: block;
    text-decoration: none;
}

a#logohover:hover {
    background-image: url(../images/logohover.gif);
}

#id16ign-download-header-08_ {
	position:absolute;
	left:739px;
	top:96px;
	width:21px;
	height:30px;
}

#id16ign-download-header-09_ {
	position:absolute;
	left:760px;
	top:96px;
	width:40px;
	height:30px;
}

#id16ign-download-header-10_ {
	position:absolute;
	left:169px;
	top:126px;
	width:218px;
	height:30px;
}

#id16ign-download-header-14_ {
	position:absolute;
	left:739px;
	top:126px;
	width:61px;
	height:30px;
}
