
/* Facerivals Style Sheet*/


/* divs */

body
{
    font-family: verdana, sans-serif;
    font-size: 76%;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    /* background-color:#480277; */
	background-image:url(/images/products/facerivals/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
    text-align:center;
}

#facerivals_container
{
    position:relative;
    width:990px;
    margin:0 auto 0;
    padding:0;
}

#content_info
{
	position:relative;
    width:435px;
	height: 300px;
	background-color:#cf96f6;
    border: 10px #dfb1ff solid;
	border-collapse:collapse;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:-225px 0px 0px 530px;
    padding:20px;
	text-align:left;
	color:#000000;
}

#character
{
	position:relative;
    width:352px;
	height: 253px;
    margin:-225px 0px 0px 100px;
}

#content_demo
{
    width:990px;
	background-color:#3b0362;
    border: none;
	border-collapse:collapse;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:0px 0px 25px 0px;
    padding:20px;
	text-align:left;
}

#content_gallery
{
    width:990px;
	background-color:#b672e5;
    border: none;
	border-collapse:collapse;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:0px 0px 0px 0px;
    padding:20px;
	text-align: center;
}


#demo_video
{
    width: 650px;
    padding: 0px;
    margin: 0px;
    text-align:left;
	float: left;
	margin: 0px 0px 15px 0px;
}

#demo_description
{
    width: 315px;
    padding: 0px;
    margin: 0px;
    text-align:left;
	float: left;
	margin: 0px 0px 15px 10px;
}

#demo_description_case
{
    width: 315px;
	height: 341px;
    padding: 0px;
    margin: 0px;
	background-image:url(/images/products/facerivals/textbg_bubbles.jpg);
	background-repeat:no-repeat;
	background-position:top left;
    text-align:left;
}

#demo_description_content
{
	position:relative;
	margin: 0px 0px 0px 50px;
    padding: 40px 0px 0px 0px;
	width: 230px;
    text-align:left;
	color:#000000;
}

#bottom
{
    padding: 0px;
	clear:both;
	text-align:left;
	 margin: 10px 0px 10px 0px;
}


/* fonts */

h1 { font-size: 20pt; color: #3b0362; text-decoration: none; font-family: verdana, sans-serif; margin-bottom:-8px; margin-top:-8px;}
h2 { letter-spacing:-1px; font-size:1.6em; color: #df5b12; font-weight: normal; text-decoration: none; margin: 0px 0px 10px 0px;}
h3 { letter-spacing:-1px; font-size:1.2em; color: #74ad00; font-weight: normal; text-decoration: none; margin: 0px 0px 10px 0px;}
h4 { font-size: 0.8em; color: #A9421F; font-weight: bold; text-decoration: none; }
h5 { font-size: 0.8em; color: #666666; text-decoration: none; }

span.title { font-size: 1.1em; color: #546ABC; font-weight: bold; text-decoration: none; }
span.subtitle { font-size: 1.1em; color: #3b0362; font-weight: bold; text-decoration: none; }
span.subtitle2 { color: #8F00D1; font-weight: bold; }

span.minor { font-size: 0.8em; color: #666666; text-decoration: none; }
span.address { color: #3C83EE; text-decoration: none; }
span.rating { color: #AB2616; font-weight: bold; text-decoration: none; }
span.strapline { color: #910000; font-weight: bold; text-decoration: none; }
span.strong { color: #4C6B8E; text-decoration: none; }
span.light { color: #ADADAD; text-decoration: none; }
span.name { color: #3aba34; }


/* hyperlinks */

a:link {color:#ff7a29; text-decoration:underline;}
a:visited {color:#ff7a29; text-decoration:underline;}
a:hover {color:#b34604; text-decoration:underline;}


/* images */
img.link {border:none;}
img.titles {border:none; margin-bottom:10px;}
img.galleryimg {border:1px solid black;}


/* rules */
hr {border: 1px solid #000000; height:1px;}
hr.clear {clear:both; border: 1px solid #bdbaa6; height:1px;}
br.clear {clear:both; margin:0px;}
 
