/*
Author: Nicolae Ibanescu
URI: http://wp-design.org
*/


* { margin:0; padding:0;}
body { background:#121212; font:normal 12px  Arial, Helvetica, sans-serif; color:#ccc;}
a { color:#fff; text-decoration:none;}
a img { border:0;}

/*  ---------------------- layout ---------------------------------------*/
#container { width:746px; margin:50px auto;}


/*  ---------------------- logo ---------------------------------------*/
#logo { font-size:36px; font-weight:normal; letter-spacing:-1px; margin-bottom:15px;}
#logo a { display:block; width:294px; height:41px; text-indent:-9999px; background:url('images/logo.gif') no-repeat left top;}

/*  ---------------------- navigation ---------------------------------------*/
#nav-alt { margin:10px 0 0 15px}

#nav { list-style-type:none; float:left; margin-right:4px;}
#nav li { margin-bottom:4px;}
#nav li.about { margin:0;}
#nav li a { display:block; width:121px; height:56px; text-align:center; background-image:url('images/menu.jpg'); background-repeat:no-repeat; text-indent:-9999px;}

#nav li.woman a 			{background-position:-123px 0px}
#nav li.male a 				{background-position:-123px -60px}
#nav li.children a 			{background-position:-123px -120px}
#nav li.new-faces a 		{background-position:-123px -180px}
#nav li.vip a 				{background-position:-123px -240px}
#nav li.contact a 			{background-position:-123px -300px}
#nav li.about a 			{background-position:-123px -360px}

/*  ---------------------- navigation hover -------------------------------*/
#nav li.woman a:hover		{background-position:0px 0px}
#nav li.male a:hover		{background-position:0px -60px}
#nav li.children a:hover	{background-position:0px -120px}
#nav li.new-faces a:hover	{background-position:0px -180px}
#nav li.vip a:hover			{background-position:0px -240px}
#nav li.contact a:hover		{background-position:0px -300px}
#nav li.about a:hover		{background-position:0px -360px}

/*  ---------------------- navigation selected -------------------------------*/
.woman-page	#nav li.woman a					{background-position:0px 0px}
.male-page #nav li.male a					{background-position:0px -60px}
.children-page #nav li.children a			{background-position:0px -120px}
.new-faces-page #nav li.new-faces a			{background-position:0px -180px}
.vip-page #nav li.vip a						{background-position:0px -240px}
.contact-page #nav li.contact a 			{background-position:0px -300px}
.about-page #nav li.about a 				{background-position:0px -360px}



/*  ---------------------- visual ---------------------------------------*/
#visual_small { width:246px; height:416px; margin-right:4px; float:left; position:relative  }
#visual_wide { width:371px; height:416px; margin-right:4px; float:left; position:relative  }


.png_small { width:246px; height:416px; background:url('images/frame_small.png') no-repeat left top; position:absolute; left:0 ; top:0; z-index:100;}
*html .png_small { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/frame_small.png')}

.png_wide { width:371px; height:416px; background:url('images/frame_wide.png') no-repeat left top; position:absolute; left:0 ; top:0; z-index:100;}
*html .png_wide { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/frame_wide.png')}

.png { width:371px; height:416px; background:url('images/frame.png') no-repeat left top; position:absolute; left:0 ; top:0; z-index:100;}
*html .png { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/frame.png')}


/*  ---------------------- content ---------------------------------------*/
#content { border:1px solid #2F2F2F; float:left; padding:15px; position:relative; }
*html #flashcontent {  padding-bottom:15px;}


.wide { width:339px; height:384px;}
.small { width:213px; height:384px;}

.lt { width:6px; height:6px; font-size:1px; background:url(images/crn_left_top.gif) no-repeat left top; position: absolute; left:-1px; top:-1px;}
.rt { width:6px; height:6px; font-size:1px; background:url(images/crn_right_top.gif) no-repeat left top; position: absolute; right:-1px; top:-1px; }
.lb { width:6px; height:6px; font-size:1px; background:url(images/crn_left_btm.gif) no-repeat left top; position: absolute; left:-1px; bottom:-1px; }
.rb { width:6px; height:6px; font-size:1px; background:url(images/crn_right_btm.gif) no-repeat left top; position: absolute; right:-1px; bottom:-1px;}
*html .rt, *html .rb { right:-2px;}

#content h2 { font-size:22px; letter-spacing:-1px; font-weight:normal; margin-bottom:10px; }
#content p {margin-bottom:10px; line-height:16px;}
#content a { color:#ccc; border-bottom:1px dotted #999;}
*html #content a { border:0; text-decoration:underline;}
#content a:hover { color:#fff; text-decoration:none; border:0;}
#content ul { list-style-type:none; line-height:16px;}
#content ul a { border:0; text-decoration:none}

.woman-page	h2  { color:#FF5F94}
.male-page	h2  { color:#1AC2F3}
.children-page	h2  { color:#FF7800}
.new-faces-page	h2  { color:#4CD450}
.vip-page	h2  { color:#FFE932}
.contact-page	h2  { color:#999999}
.about-page	h2  { color:#E6E4E4}

.about-page .scroll { overflow:auto; width:329px; height:349px; padding-right:10px}

.list_thumbs  { list-style-type:none; width:213px; height:130px; overflow:auto; }
.list_thumbs li { float:left; margin:0 5px 5px 0}
*html .list_thumbs li { margin-right:3px;}
.list_thumbs li a { display:block; float:left}

.children-page .list_thumbs, .new-faces-page .list_thumbs { height:190px;}

.page-nav {	position:absolute;	left:15px;	bottom:15px;	width: 210px;}


/*  ---------------------- footer -------------------------------*/
#footer { clear:both; font-size:10px; color:#666; padding-top:15px;}
#footer a { color:#999;}
*html #footer { padding:0;}

/*  ---------------------- other -------------------------------*/
.left { float:left}
.right { float:right;}