/* Conti starting styles */

/* area1 */
#area1{
	border-top:20px solid #ED1B2B;
	border-left:20px solid #ED1B2B;
	border-right:20px solid #ED1B2B;
	background-color:#000000;
	color:#FFFFFF;
	position:absolute;
	width:361px;
	height:193px;
	z-index:90;
	top:244px;
	left:52px;
}
#area1 ul{
	width:260px;
}
#area1Img{
	background-image:url(../img/starting/area1_img.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	position:absolute;
	width:401px;
	height:98px;
	z-index:90;
	top:457px;
	left:52px;
}
*html #area1Img{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/starting/area1_img.png', sizingMethod='fixed');
}
#area1_title{
	background-image:url(../img/starting/area1_title.gif);
	background-repeat:no-repeat;
	height:29px;
	margin-left:18px;
	margin-top:12px;
	margin-bottom:12px;
}

/* area2 */
#area2{
	background-image:url(../img/starting/area2_img.png);
	background-repeat:no-repeat;
	position:absolute;
	width:532px;
	height:593px;
	z-index:80;
	top:445px;
	left:19px;
}
*html #area2{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/starting/area2_img.png', sizingMethod='fixed');
}

#area3{
	background-color:#FFFFFF;
	border:20px solid #ED1B2B;
	color:#000000;
	position:absolute;
	width:473px;
	height:710px;
	z-index:70;
	top:32px;
	left:477px;
}

/* copyright */
#copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	color:#333333;
	position:absolute;
	top:790px;
	left:875px;
	z-index:110;
	width:120px;
	background-color:#FFFFFF;
}
/* end copyright */

table{
	margin-left:30px;
	margin-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.table_title{
	background-image:url(../img/starting/area3_title.gif);
	background-repeat:no-repeat;
	height:70px;
}
.title_1{
	background-image:url(../img/starting/glasses_title.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-right:18px;
}
.title_2{
	background-image:url(../img/starting/gloves_title.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-right:18px;
}
.title_3{
	background-image:url(../img/starting/boots_title.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-right:18px;
}
.title_4{
	background-image:url(../img/starting/exclemation_title.gif);
	background-repeat:no-repeat;
	height:50px;
	padding-right:18px;
}
.title_5{
	background-image:url(../img/starting/mask_title.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-right:18px;
}
.title_6{
	background-image:url(../img/starting/veneers_title.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-right:18px;
}
/* This needs to be different for IE6 as if it is 30px as above the right border of the div is wonky
(wonky is the technical term) */
*html table{
	margin-right:10px;
}