/* Basics
----------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

body, p, div, blockquote, dl, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-transform: none;
	padding-left: 10px;
	padding-right: 10px;
}

body {

}

td, th {
	text-align: left;
	vertical-align: top;
	padding-left: 3px;
	padding-right: 3px;
}
img {
	border: 0;
	display: block;
}

img, div {
}


/* Header
----------------------------------------------- */
/* Structure
----------------------------------------------- */
#container {	
width: 80%;
margin-left: 2%;
margin-right: 2%;
padding-left: 10%;
padding-right: 10%;
}

#header {
	float: left;
	position: relative;
	width: 100%;
	height: 597px;
	float: left;
}

#nav_container {
position: absolute;
/*left: 217px;*/
right: 10px;
top: 30px;
height: 21px;
width: 560px;
text-align: right;
}

img#logo {
	position: absolute;
	right: 2%;
	bottom: 10%;
}

#front_top {
float: left;
background: transparent url(../images/index_images/front_top_top.png) top left no-repeat;
width: 825px; 
line-height: 15px;
}

html > body #front_top {
position: relative;
}


#height {
float: left;
width: 1px;
height: 270px;
}

#top_left_cont {
float: left;
width: 380px;
padding-left: 60px;
margin-top: 28px;
color: #cccccc;
z-index: 50;
}

#top_right_cont {
float: right;
width: 255px;
padding-right: 30px;
margin-top: 28px;
color: #cccccc;
z-index: 50;
}

#front_top_bottom {
float: left;
background: transparent url(../images/index_images/front_top_bottom.png) top left no-repeat;
width: 825px;
height: 19px;
}

#front_bottom {
	float: left;
	margin-left: 360px;
	background: transparent;
	height: 180px;
	width: auto;
}

#bottom_cont {
	padding-left: 70px;
	padding-top: 28px;
	line-height: 18px;
}

#front_logos {
float: left;
position: relative;
width: 825px;
height: 96px;
}

#AST_logo {
	position: absolute;
	right: 0px;
	top: 31px;
}

#footer {
float: left;
bottom:0;
width: 100%;
height: 96px;
position:fixed;
}

#footer_text {
	color: #999999;
	line-height: 14px;
	font-size: 11px;
	filter:alpha(opacity=93);
	-moz-opacity:.93;
	opacity:.93;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#footer_text2 {
	position: absolute;
	width: 217px;
	right: 43px;
	text-align: right;
	top: 60px;
	color: #999999;
	line-height: 14px;
	font-size: 11px;
	filter:alpha(opacity=93);
	-moz-opacity:.93;
	opacity:.93;
}

#sub_top {
float: left;
background: transparent url(../images/index_images/sub_top.png) top left no-repeat;
width: 825px;

}

#tab {
position: absolute; 
left: 9px;
top: 10px;
z-index: 10px;
width: 9px;
filter:alpha(opacity=49);
-moz-opacity:.49;
opacity:.49;
}

#sub_height {
float: left; 
width: 1px;
height: 469px;
}

#sub_left {
float: left;
width: 450px;
padding-left: 60px;
margin-top: 28px;
position: relative;
}

#sub_left a {
color: #fff;
text-decoration: underline;
}

#sub_right {
width: 217px;
float: right;
padding-right: 37px;
margin-top: 73px;
}

#sub_bottom {
float: left;
background: transparent url(../images/index_images/sub_bottom.png) top left no-repeat;
width: 825px;
height: 25px;
}

.product-thumbnail {
border: 2px solid white;
}

/* News 
----------------------------------------------- */

.AST_box {
	float: left;
	height: 138px;
	width: 401px;
	padding-top: 0;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 18px;

}


.AST_img {
width: 211px;
height: 128px;
border: 3px solid white;
overflow: hidden;
}

.AST_txt {
	width: auto;
	font-size: 12px;
	padding-top: 10px;
}

.AST_txt h1 {
color: #ffffff;
margin-bottom: 6px;
padding-top: 0px;
margin-top: 0px;
}

.AST_txt a, .AST_txt a:visited {
color: #ffffff;
font-size: 11px;
}
.AST_txt a:hover {
color: #ffffff;}


/* LINKS ------------------------------------------------------------------ */

a {
	text-decoration: none;
	color: #EEEDEF;
	outline: none;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

a:hover, a:focus {
	color:#AAB3B5;
}



/* Nav
----------------------------------------------- */
#newmainnav {
	position: absolute;
	top: 5px;
	/*left: 225px;*/
right: 0;
	z-index: 100000;
	width: auto !important;
}


#newmainnav li {
	font-family: helvetica;
	display: block !important;
	color:#9BB8C4;
	list-style: none;
	margin: 0;
	font-size: 12px;
	float: left;
	border-right: 0px solid #DBE0E0;
	width: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
#newmainnav li.first {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5;
}
#newmainnav li.last {
	padding: 10px 5px 7px 5px;
	border-right: none;
}

#newmainnav li a.current {
	color:#909799;
}

#newmainnav a, #newmainnav a:hover{
	float: left;
	font-family: helvetica;
	font-size: 14px;
	color: #DCDCDC;
	font-weight: bold;
	text-transform: uppercase;
}

#newmainnav a:hover{
	float:left;
	font-family: helvetica;
	font-size:14px;
	color:#AAB3B5;
	font-weight: bold;
	text-transform: uppercase;
}




.mainmenu {
float: left; 
border-right: 1px solid #86898c;
/*padding: 0px 5px 0 8px;*/
padding-left: 9px;
padding-right: 0;
height: 18px; 
font-size: 17px;
line-height: 17px;
}

#no_border {
border-right: 0px solid #86898c;
}


/* Search
----------------------------------------------- */
/* Headings
----------------------------------------------- */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 0.5em 0;
}

#top_left_cont h1 , #top_left_cont h1 a {
text-decoration: none;
color: #d7aa7f;
}

#blog_h1 {
font-family: Arial, Helvetica, sans-serif;	
font-size: 14px;
font-weight: bold;
line-height: 16px;
color: #d7aa7f;
display: inline;
}

#arvostelu_h1 {
font-family: Arial, Helvetica, sans-serif;	
font-size: 14px;
font-weight: bold;
line-height: 16px;
color: #cccc66;
display: inline;
}

#top_right_cont h1, #top_right_cont h1 a {
color: #cccc66;
text-decoration: none;
}

h2 {
color: #fff;
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
}



h3, h4, h5, h6 {	
}

/* Lists
----------------------------------------------- */

ul#bloglist, ul#arvostelulist {list-style-type: none; margin: 8px 0 25px 0; padding: 0px;}

ul#bloglist li a {text-decoration: none; color: #d7aa7f;}

ul#arvostelulist li a {text-decoration: none; color: #cccc66;}




/* Misc
----------------------------------------------- */
.clearer {
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0;	
}
.skip {
	display: none;
}

.date {
color: #999999;
font-size: 11px; 
line-height: 16px;
display: inline;
}

/*  sIFR
 ---------------------------*/
 
 
 
/* These are standard sIFR styles... do not modify */
 
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
 
.sIFR-replaced {
    visibility: visible !important;
}
 
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
 
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
 

/************************/
/* Homepage New release STYLE       */
/************************/
.newCD-block {
	background-image: url(../images/new-CD-bg.png);
	height: auto;
	overflow: hidden;
	position: fixed;
	left: 60px;
	bottom: 70px;
	width: 150px;
	padding: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	z-index: 20;
}
.newCD-block h3 {
	color:#94c93d;
	font-weight: normal;
	font-size: 18px;
}

/*----------------------------------------------------------------------------------------------------*/
	#buy-cd{
		display:inline-block;	
	left:0;
	opacity: 1;
	-moz-transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
	-o-transition: opacity 1s ease 0s;
	transition: opacity 1s ease 0s;

	}
	
	#buy-cd:hover{
	opacity: 0.4;	
	}
	
