/*
** Style for AlienGuise
** created: 02/26/2008
** last modified: 03/08/2008
*/

/*
** =DEFAULT
----------------------------------------------------*/
body{
	background-color: #000;
}
a{
	color: #35BAFF;
}
div#sitewrap{
	margin: -14px 0 0 0;
	padding: 0;
	width: 960px;
}
div#content{
	margin: 2px 0 0 0;
	padding: 0 0 40px 0;
	width: 100%;
}
div.bg_black_gui{
	width: 950px;
	color: #FFF;
}
.sidebar{
	width: 385px;
}
.sidebar h3{
	font-size: 120%;
	font-weight: 800;
}
div#sidebar_content{
	margin: 10px 0 0 0;
	padding: 15px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/bg_gradient_sidebar.gif" );
	background-repeat: repeat-x;
}
div#gui_thumbnails{
	padding: 10px 0 0 0;
	height: 180px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/bg_gradient_thumbnails.gif" );
	background-repeat: no-repeat;
}
div#gui_preview_container, div#theme_sponsors{
	width: 100%;
	text-align: center;
}
div#theme_sponsors{
	margin: 40px auto;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}

div.center a:hover {
	cursor: pointer;
}
/*
** =NAVIGATION
----------------------------------------------------*/
ul.navigation{
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.navigation li{
	display: inline;
}
ul.navigation li a, ul.navigation li p{
	float: left;
}
a#download_alienguise, a#theme_manager, a#wallpaper_gallery{
	display: block;
	width: 385px;
	height: 111px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/button_alienguise.jpg" );
	background-position: top right;
	background-repeat: no-repeat;
}
a#download_alienguise:hover, a#theme_manager:hover, a#theme_manager.active{
	background-position: bottom right;
}
div#alienguise_navigation{
	height: 258px;
	margin: 0 0 3px 0px;
}
a#theme_manager, a#wallpaper_gallery{
	float: left;
	margin: 0 4px 0 0;
	width: 488px;
	height: 258px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/nav_aw_alienguise_bg.jpg" );
}
a#wallpaper_gallery{
	margin: 0;
	width: 458px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/emea/fr/nav_aw_wallpapers_bg.jpg" );
	background-position: top left;
}
a#wallpaper_gallery:hover, a#wallpaper_gallery.active{
	background-position: bottom left;
}
a#wallpaper_gallery img{
	float: right;
}
/*
** =THEMES
----------------------------------------------------*/
div.theme_selection_column{
	width: 135px;
	text-align: center;
}
div.theme_selection_column sup{
	font-size: 72%;
}
a.thumb_container{
	display: block;
	width: 135px;
	height: 127px;
}
a.thumb_container:hover, div#gui_thumbnails.thumb_01_selected a#thumb_01, 
div#gui_thumbnails.thumb_02_selected a#thumb_02, div#gui_thumbnails.thumb_03_selected a#thumb_03, 
div#gui_thumbnails.thumb_04_selected a#thumb_04{
	background-position: 0 -148px;
}
div#gui_thumbnails a span, div#wmp_thumbnails a span{
	float: left;
	margin: 127px 0 0 0;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
a#thumb_01, a#thumb_02, a#thumb_03, a#thumb_04{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_aw_theme_invader.jpg" );
	background-repeat: no-repeat;
}
a#thumb_02{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_aw_theme_darkstar.jpg" );
}
a#thumb_03{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_aw_theme_alxmorph.jpg" );
}
a#thumb_04{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_aw_theme_xenomorph.jpg" );
}
div#wmp_thumbnails{
	margin: 5px 0 30px 0;
	height: 80px;
	font-size: 90%;
}
div#wmp_thumbnails a span{
	margin: 75px 0 0 0;
}
a#thumb_wmp_01, a#thumb_wmp_02, a#thumb_wmp_03, a#thumb_wmp_04{
	margin: 0 2px 0 0;
	padding: 0;
	width: 85px;
	height: 68px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_wmp_alienmorph.jpg" );
	background-repeat: no-repeat;
	background-position: center top;
}
a#thumb_wmp_02{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_wmp_invader.jpg" );
}
a#thumb_wmp_03{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_wmp_alxmorph.jpg" );
}
a#thumb_wmp_04{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/thumb_wmp_darkstar.jpg" );
}
/*
** =DOWNLOADS
----------------------------------------------------*/
div#download_instructions{
	position: absolute;
	float: left;
	margin: -150px 0 0 15px;
	padding: 15px 15px 5px 30px;
	width: 296px;
	height: 212px;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/bg_gradient_instructions.png" );
	background-repeat: no-repeat;
	z-index: 9999;
}
div#download_instructions a{
	color: #F3F3F3;
}
div#download_instructions ol{
	margin: 10px 18px;
	padding: 0;
	line-height: 150%;
	color: #C7C7C7;
}
div#download_instructions ol li{
	padding: 0 20px 0 0;
	line-height: 150%;
}
div#download_instructions .right{
	margin-right: 35px;
}
/*
** =WALLPAPERS
----------------------------------------------------*/
.wallpaper_column{
	width: 310px;
}
.wallpaper_column img{
	border-style: solid;
	border-width: 1px;
	border-color: #2A2A2A;
}
a.wallpaper_hover, a.wallpaper_lg_hover{
	position: absolute;
	margin: 0 0 0 1px;
	display: block;
	width: 310px;
	height: 230px;
	text-decoration: none;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/bg_ie_fix_transparent.gif" ); /* this it to trick IE to think that there is content for the link */
}
a.wallpaper_hover:hover{
	text-align: center;
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/fg_aw_wallpaper_hover.png" );
}
a.wallpaper_lg_hover{
	height: 242px;
}
a.wallpaper_lg_hover:hover{
	background-image: url( "http://image.alienware.com/images/intro_page_images/aw_alienguise/fg_aw_wallpaper_lg_hover.png" );
}
a.wallpaper_hover span, a.wallpaper_lg_hover span{
	visibility: hidden;
	margin: 120px 0 0 0;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 180%;
	cursor: pointer;
}
a.wallpaper_hover:hover span, a.wallpaper_lg_hover:hover span{
	visibility: visible;
	float: left;
}