/* CSS Document */
* {
padding: 0px;
margin: 0px;
}

html, body {
border:0;
background-color: #000000;
/*background-color:#121212;*/
font-family: Arial, Helvetica, sans-serif;
}


#container {
width: 833px;
height: 490px;
margin: auto;
}

.outer {
position: absolute;
left: 50%;
top: 50%;
width: 833px;
height: 416px;
margin-left: -415px; /* half of width */
margin-top: -207px;  /* half of height */
z-index: 2;
}

#contentContainer {
width: 833px;
height: 416px;
float: left;
display: block;
background-color: #fff;
position:relative;
}
#contentContHome {
width: 833px;
height: 417px;
float: left;
display: block;
background-color: #121212;
position:absolute;
top: 0px;
left: 0px;
}

#content {
width: 833px;
height: 416px;
float: left;
display: block;
position: relative;
background-color: #fff;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}

.homeBox1 {
width: 832px;
height: 46px;
display: block;
position: absolute;
top: 185px;
left: 0px;
background: #fff;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.homeBox2 {
width: 200px;
height: 40px;
display: block;
position: absolute;
top: 198px;
left: 70px;
background: url(../img/title-text.gif) no-repeat;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}

.brandsBox1 { 
width: 176px;
height: 118px;
display: block;
background: url(../img/content-hugo-boss.gif) no-repeat;
position: absolute;
top: 80px;
left: 74px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.brandsBox2 { 
width: 176px;
height: 118px;
display: block;
background: url(../img/content-islay.gif) no-repeat;
position: absolute;
top: 80px;
left: 250px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.brandsBox3 { 
width: 176px;
height: 140px;
display: block;
background: url(../img/content-chivas-regal.gif) no-repeat;
position: absolute;
top: 198px;
left: 74px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.brandsBox4 { 
width: 176px;
height: 140px;
display: block;
background: url(../img/content-dunshing.gif) no-repeat;
position: absolute;
top: 198px;
left: 250px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.brandsBox5 { 
width: 132px;
height: 417px;
display: block;
background: url(../img/londonEye.jpg) no-repeat;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.brandsBox6 { 
width: 134px;
height: 417px;
display: block;
background: url(../img/chicargo.jpg) no-repeat;
position: absolute;
top: 0px;
left: 140px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.brandsBox7 { 
width: 132px;
height: 417px;
display: block;
background: url(../img/sydney.jpg) no-repeat;
position: absolute;
top: 0px;
left: 284px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}

.textBox {
width: 295px;
position: absolute;
right: 60px;
top: 120px;
}
.textHide1{
position: absolute;
width: 340px;
height: 40px;
top: 0px;
left: 0px;
background-color:#FFFFFF;
}
.textHide2{
	position: absolute;
	width: 300px;
	height: 240px;
	top: 40px;
	left: -5px;
	background-color:#FFFFFF;
}
.brandTextHide1{
position: absolute;
width: 340px;
height: 40px;
top: 0px;
left: 0px;
background-color:#FFFFFF;
}
.brandTextHide2{
position: absolute;
width: 300px;
height: 240px;
top: 40px;
left: 0px;
background-color:#FFFFFF;
}

.imgBox1 { 
display: block;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.imgBox11 {
display: block;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.imgBox2 { 
display: block;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;	
filter:alpha(opacity=0); /* IE's opacity*/
}
.imgBox3 { 
display: block;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.imgBox4 { 
display: block;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.imgBox6 { 
display: block;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.imgBox5 { 
display: block;
position: absolute;
top: -60px;
left: 229px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}

.homeBg {
position: absolute;
top: 0px;
left: 0px;
width: 833px;
height: 417px;
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.homeLogo {
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.homeNav1 {
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.homeNav2 {
opacity: 0;
filter:alpha(opacity=0); /* IE's opacity*/
}
.makeRel {
position: relative!important;
}

#newsText {
right: auto;
left: 50px;
width: 280px;
}

#flashcontent {
background:url(../img/home-back.jpg) no-repeat;
width:743px;
height:548px;
padding:0px 60px 0px;
}

#flashcontent #left {
float:left;
width:320px;
padding-right:50px;
padding-top:100px;
}

#flashcontent #right {
float:right;
width:250px;
padding-top:100px;
}

#error-page {
padding:120px 40px 40px;
}

#error-page #left {
float:left;
width:320px;
padding-right:50px;
}

#error-page #right {
float:right;
width:250px;
}