/*------------------------------------------------------------------
[Rare Design Lab webmaster@raedesignlab.com]http://abduzeedo.com/swirl-mania-illustrator-photoshop

Project:		D Flowered (dflowered.com)
Version:		1.1
Date Created:	12/15/08 
Date Completed:	12/24/08
-------------------------------------------------------------------*/


    * {
	padding:0;
	margin:0;
	color: #000000;
    }
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
    li, dd { margin-left:5%; }
    fieldset { padding: .5em; }
    select option{ padding:0 5px; }

    .hide, .print-logo, .close-button{ display:none; }
    .left{ float:left; }
    .right{ float:right; }
    .clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
    a img{ border:none; }


body {
	background: #F9F1C2;
	color: #fff;
	font-size: 1em;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
	background-image:url(images/body_bg.gif);
	background-repeat:repeat-x;
}
.spacer {height:10px; width:1024px;}
h1 {font-size:10px; color:#000; margin:0; font-weight:bold;}

/*------------------------------------------------------------------
[ H E A D E R ]
-------------------------------------------------------------------*/

#header_container {width:1024px; margin: 0 auto;}
#header_01 {background-image:url(images/header01.jpg); background-repeat:no-repeat; height:214px; text-align:center;}
#header_02 {background-image:url(images/header02.jpg); background-repeat:no-repeat; height:52px; text-align:right; padding-top:180px; padding-right:30px; font-size:12px;}

/*------------------------------------------------------------------
[ N A V ]
-------------------------------------------------------------------*/

#nav_main {
background-image:url(images/main_off.gif);
background-repeat:no-repeat;
width:157px; height:87px; float:left;}

#nav_main a {
background-image:url(images/main_off.gif);
background-repeat:no-repeat;
width:157px; height:87px; float:left;}

#nav_tour a {
background-image:url(images/tour_off.gif);
background-repeat:no-repeat;
width:323px; height:87px; float:left;}

#nav_spacer {
background-image:url(images/nav_space.gif);
background-repeat:no-repeat;
width:294px; height:87px; float:left;}

#nav_join a {
background-image:url(images/join_off.gif);
background-repeat:no-repeat;
width:250px; height:87px; float:left;}

#nav_join a:hover {
background-image:url(images/join_on.gif);
background-repeat:no-repeat;
width:250px; height:87px; float:left;}

/*------------------------------------------------------------------
[ I N T R O ]
-------------------------------------------------------------------*/

#intro {
background-image:url(images/intro.jpg);
background-repeat:no-repeat;
width:954px; height:99px; float:left; font-size: 12px; color: #000000; padding: 24px 40px 0 30px;}

#nav_bookmark {width:200px; height:20px; float:right; padding-left:30px;}
#nav_bookmark2 img{width:200px; height:150px; float:right; padding-bottom:30px; clear:both; background-color:#00FF00;}

/*------------------------------------------------------------------
[ E P I S O D E   B O X ]
-------------------------------------------------------------------*/

.episode_container {
background-image: url(images/episode_bg.gif);
background-repeat:repeat-y;
width:1024px; height:1205px; margin: 0 auto; text-align:center; clear:left;}

	.episode_container img {
	margin: 0px 0px 0px 0px; border-color: #000; border-width: 1px; border-style: solid; padding:0;}

.episode_cap {
background-image:url(images/episode_cap.gif);
background-repeat:no-repeat;
height:41px; width:1024px; margin: 0 auto;}

.big_thumb_cap {
background-image:url(images/big_thumb_cap.gif);
background-repeat:no-repeat;
height:36px; width:1024px; margin: 0 auto;}

	.big_thumb_cap a {
	color: #fff; text-decoration: underline;}

	.big_thumb_cap a:visited {
	color: #fff;}
	
	.big_thumb_cap a:hover {
	color: #F46FF4; text-decoration: none;}

	.big_thumb_cap ul {
	margin: 0; padding-top:10px; text-align:left;}

	.big_thumb_cap li {
	list-style-type: none; display: inline; color:#fff;}

.portrait_thumb {
width:340px;
height:474px;
float:left;
margin-left:30px;
}
.portrait_thumb img {
margin: 1px;
}
.landscape_thumbs {
width:629px;
height:474px;
float:left;
}
.landscape_thumbs img {
padding:0;
margin:1px;
}

.site_features {
background-image: url(images/site_features.gif);
background-repeat:no-repeat;
width:1024px; margin: 0 auto; text-align:center; height:187px; color:#000; clear:left;}

.episode_description {
width:600px; color:#000000; float:left; padding: 12px 0 0 30px; font-size:12px; text-align:left;}

.join_now a{
background-image:url(images/click_here_your_password.gif);
background-repeat:no-repeat;
width:373px; color:#000000; float:left; height:110px; text-align:right; display:block;}

.join_now a:hover {
background-image:url(images/click_here_your_password_mo.gif);
background-repeat:no-repeat;
}

.episode_footer {
background-image:url(images/episode_footer.gif);
background-repeat:no-repeat;
width:1024px; margin: 0 auto; height:80px; text-align:left; padding-top:51px; line-height:normal; font-size: 40px;}

	.episode_footer a {
	color: #000000; text-decoration: underline;}

	.episode_footer a:visited {
	color: #000000;}
	
	.episode_footer a:hover {
	color: #F46FF4; text-decoration: underline;}
	
	.episode_footer img {
	text-align:right; float:right; clear:right;}

		.episode_footer ul {
		margin: 0; padding: 0;}

		.episode_footer li {
		list-style-type: none; display: inline;}
		
.click_text {
font-size:20px;
line-height:normal;
}
.click_text a {
color:#000000;
}
.click_text a:hover {
color:#CC3399;
}

/*------------------------------------------------------------------
[ U P D A T E S   B O X ]
-------------------------------------------------------------------*/

.update_container {
background-image: url(images/episode_bg.gif);
background-repeat:repeat-y;
width:1024px; height:550px; margin: 0 auto; text-align:center; clear:left;}

.latest_updates {
width:440px; float:left; margin-left:30px; text-align:left; height:62px;
background-image:url(images/latest_updates.gif);
background-repeat:no-repeat;}

.update_text {
width:500px; float:left; text-align:right; color:#333333; height:62px;}

.update_thumb {
background-image:url(images/update_bg.gif);
background-repeat:no-repeat;
background-color:#000;
width:318px;
height:340px;
float:left;
margin:2px;
}

	.update_thumb img {
	margin: 0px 0px 4px 0px; border-color: #000; border-width: 1px; border-style: solid; padding-top:0px;}

	.thumb_push {width:1024px; padding-left:30px;}

.model_name {color:#fff; font-size:18px; line-height:normal;}
.update_details {color:#000; font-size:12px;}

/*------------------------------------------------------------------
[ M O D E L   I N D E X   B O X ]
-------------------------------------------------------------------*/

.model_container {
background-image: url(images/episode_bg.gif);
background-repeat:repeat-y;
width:1024px; margin: 0 auto; text-align:center; clear:left;}

	.model_container img {
	margin: 2px; border-color: #000; border-width: 1px; border-style: solid; padding:0;}
	
.more_models {
width:440px; float:left; margin-left:30px; text-align:left; height:62px;
background-image:url(images/more_models.gif);
background-repeat:no-repeat;}

.model_description {
width:940px; color:#000000; padding: 12px 0 0 40px; font-size:12px; text-align:center;}

.model_footer {
background-image:url(images/model_footer.gif);
background-repeat:no-repeat;
width:1024px; margin: 0 auto; height:80px; text-align:center; padding-top:51px; line-height:normal; font-size: 40px;}

.click_text2 {
font-size:50px;
line-height:normal;
}
.click_text2 a {
color:#000000;
}
.click_text2 a:hover {
color:#CC3399;
}

/*------------------------------------------------------------------
[ F O O T E R ]
-------------------------------------------------------------------*/

#footer {
	height:334px;
	background-image:url(images/footer4_bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

	#footer a {
	color: #000; text-decoration: underline;}

	#footer a:visited {
	color: #000;}
	
	#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

	#footer ul {
	margin: 0; padding-top:30px; text-align:center;}

	#footer li {
	list-style-type: none; display: inline; color:#fff;}

#footer_text {
color:#000000; width:1024px; margin: 0 auto; text-align:center;}