@charset "utf-8";
/* Sophie Erotique */

<style type="text/css">


html,body{
  margin:0; /*** Do NOT set anything other than a left margin for the page
as this will break the design ***/
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
	background:#EEEEEE;
	min-width:824px;
	text-align:left;
	background-color: #000;
}
.clear{
  clear:both;

  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} 
#fullheightcontainer{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	width:824px;
	/* \*/
  height:100%;
	font-size: 14px;
}
#wrapper{
	min-height:100%; 
  height:100%;

  border-right:1px solid #000000; 
	border-left:1px solid #000000; 
	background:#000000; 
}
#wrapp\65	r{ 
  height:auto; 
}
/* \*/
* html #wrapper{
  height:100%;
}

#outer{
  z-index:1; 
  position:relative; 
  margin-left:10px; 
  width:800px; 
  border-right:1px solid #000000; 
  border-left:1px solid #000000; 
  background:#000000; 
/* \*/
  height:100%;

}

* html #outer{ 
  width:802px; 

  w\idth:800px; 
}
#float-wrap{
  width:800px; 
  margin-right:-1px; 
  float:left;
  display:inline;
}
#left{
  width:12px; 
  float:left;
  display:inline;
  position:relative; 

  margin-left:-11px; 
}
*>html #left{width:11px;} 
#container-left{
  width:10px; 
}
#right{
  float:left;
  display:inline;
  width:12px; 
  margin-right:-10px; 
  margin-left:-1px; 
  position:relative; 
}
/* \*/
* html #right{
  width:12px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-12px;
}

#container-right{
/* \*/
  width:10px;

  margin-left:3px; 
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:2px;
  mar\gin-left:0px;
}

* html #left{margin-right:-3px;}

#center{
	width:800px; 
	float:right;
	display:inline;
	/* \*/
  margin-left:-1px;
	height: 520px;
	background-image: url(images/main_06.jpg);	 
}
#content{
	width:444px;
	float:right;
	display:inline;
	height: 520px;
	font-variant: normal;
	color: #FFF;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 80px;
	text-align: center;
}

#clearheadercenter{
  height:74px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearheaderleft{
  height:74px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}
#clearheaderright{
  height:74px; /*** needed to make room for header in right column ***/
  overflow:hidden;
}
#clearfootercenter{
  height:52px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#clearfooterleft{
  height:52px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}
#clearfooterright{
  height:52px; 
  overflow:hidden;
}
#footer{
	z-index:1; 
	position:absolute;
	clear: both;
	width:824px; 
	height:52px; 
	overflow:hidden;
	margin-top:-52px; 
	top: 572px;
	background-color: #000000;
}
#subfooter1{
	background:#000000;
	text-align:center;
	margin:  0px 0px 0px 12px;
	height:50px;
	color: #FFF;
	width: 800px;
}
.bottomtopmargin{
  background:#EEEEEE; 
  width:824px; 
  overflow:hidden;
}
#header{
	z-index:1;
	position:absolute;
	top:0px;
	width:824px;
	height:78px;
	overflow:hidden;
	background-image: url(images/main_01.jpg);
	background-color: #000;
	background-repeat: no-repeat;
}
.outer_horiz_border, .sb_outer_horiz_border{
  background:#000000;
  height:1px;
  overflow:hidden;
  font-size:0px
}
#subheader1{
	text-align:right;
	margin:25px 10px;
	height:70px;
	color: #FFF;
	font-weight: bold;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:800px; 
  margin-left:10px; 
  background:#000000; 
  border-right:1px solid #000000; 
  border-left:1px solid #000000;
  border-left:1px solid #000000;
}
* html #gfx_bg_middle{
  display:none; 
}
contenttext {

	color: #FFF;
}
innertext {
	color: #FFF;
}
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 35px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top right no-repeat;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top left no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top right no-repeat;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}                    
                    
#fullheightcontainer #wrapper #outer #float-wrap #center #content p {
	font-family: Arial, Helvetica, sans-serif;
}
#fullheightcontainer #wrapper #outer #float-wrap #center #content p {
	font-size: 14px;
	text-align: left;
}
</style>
[if IE]>
<style type="text/css">
/*** The rule below prevents long urls from widening floated cols and breaking the layout
     in IE. It is not W3C valid, but if placed within a "Conditional comment" it will be hidden
     from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
     http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/
#outer{word-wrap:break-word;}
</style>