/*

----
File: main.css - main style sheet for anikberube.com
Created by: Melanie Genereux - hello@melaniegenereux.com
Date: September 3rd, 2007.
----

*/

body, html
{
	height: 100%; /* Needed for container min-height. */
	
	margin: 0px;
	padding: 0px;
	
	color: #c3c6b7;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	
	border: 0px dotted yellow;
	
	background-color: #310701;
	/*background-image: url("../graphics/bg_xy_bottom_02.jpg");
	background-repeat: repeat;*/
}

div#wrap_left
{
	width: 758px;
	
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	margin: 0px 0px 0px 0px;
	
	background-image: url("../graphics/bg_xy_bottom.jpg");
	background-repeat: repeat;
	
	border: 0px solid red;
}

div#fixed_right
{
	width: 442px;
	/*height: 740px;*/
	height: auto !important; /* Real browsers */
	height: 100%; /* IE6: treaded as min-height. */

	min-height: 100%; /* Real browsers */
	
	background-image: url("../graphics/bg_fixed_right.jpg");
	background-repeat: repeat-x;
	background-color: #310701; /* red */
	
	position: fixed;
	top: 0px;
	left: 758px;
}

div#pic_right
{
	background-image: url("../graphics/pic_top_right.jpg");
	background-repeat: no-repeat;
	background-position: top;
	
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
	
	position: fixed;
	top: 0px;
	left: 758px;
	
	width: 442px;
	height: 127px;
}

div#footer
{
	width: 758px;
	height: 141px;
	
	background-image: url("../graphics/bg_bottom.jpg");
	background-repeat: repeat-x;
}

div#wrap_home
{
	width: 758px;
	height: 505px;
	background-image:url("../graphics/bg_fixed_home.jpg");
	background-repeat: no-repeat;
	
	border: 0px dotted yellow;
}

div#wrap_contact
{
	width: 758px;
	height: 654px;
	background-image:url("../graphics/bg_fixed_contact.jpg");
	background-repeat: no-repeat;
	
	border: 0px dotted yellow;
}

div#wrap_text_home
{
	width: 288px;

	background-image: url("../graphics/bg_x_text.png");
	background-repeat: repeat-x;
	background-position: bottom;
	
	position: absolute;
	top: 147px;
	left: 225px;
	
	padding: 0px 0px 98px 0px;
}

div#wrap_text_contact
{
	width: 510px;

	background-image: url("../graphics/bg_x_text_darker.png");
	background-repeat: repeat-x;
	background-position: bottom;
	
	position: absolute;
	top: 147px;
	left: 225px;
	
	padding: 0px 0px 98px 0px;
	
	border: 0px solid white;
}

div#text_contact
{
	width: 480px;
	/*height: 496px; /* 492px; - 98*/
	
	background-image: url("../graphics/bg_xy_text_darker.png");
	background-repeat: repeat;
	
	padding: 5px 15px 5px 15px;
	
	border: 0px solid blue;
}

div#flashcontent {

	width: 220px;
	height: 250px;
	
	padding: 404px 0px 0px 0px; /* 654 - 250 */
}


h1
{
	font-family: Georgia, Times, serif;
	font-size: 17px;
	letter-spacing: 0px;
	font-weight: normal;
	color: #FFFFFF;
	
	border: 0px solid green;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #c3c6b7;
	
	margin: 0px;
	padding: 0px;
	
	border: 0px solid red;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #c3c6b7;
	
	margin: 10px 0px 0px 0px;
	padding: 0px;
	
	border: 0px solid red;
}

div#footer_menu
{
	border: 0px solid red;
	
	margin: 0px;
	padding: 15px 0px 0px 0px;
	
	text-align: center;
}

div#credits
{
	color: #393c39;
	font-family: Georgia, Times, serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	
	text-align: left;
	padding: 15px 0px 0px 270px;
	
	border: 0px solid white;
	
	width: 550px;
}

.credits_right
{
	padding: 0px 0px 0px 15px;
	border: 0px solid red;
	float: left;
}

.left
{
	float: left;
}

.pink
{
	color: #724638;
}

.clear
{
	clear: both;
}

.white_bullet
{
	list-style-image: url("../graphics/bullet_white.png");
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 16px;
}

.gray_bullet
{
	list-style-image: url("../graphics/bullet_grey.png");
}

.red_bullet
{
	list-style: disc;
	color: #5f221b;
	
	font-family: Georgia, Times, serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 35px;
	
	position: fixed;
	top: 80px;
	left: inherit;
}

/* Default links */
A:link			{color:#d6a799;text-decoration:underline;}
A:link:hover	{color:#FFFFFF;text-decoration:underline;}
A:active	   	{color:#d6a799;text-decoration:underline;}
A:visited 		{color:#d6a799;text-decoration:underline;}
A:visited:hover	{color:#FFFFFF;text-decoration:underline;}

A.menu:link			{color:#FFFFFF;text-decoration:none;}
A.menu:link:hover	{color:#a45547;text-decoration:none;}
A.menu:active	   	{color:#FFFFFF;text-decoration:none;}
A.menu:visited 		{color:#FFFFFF;text-decoration:none;}
A.menu:visited:hover{color:#a45547;text-decoration:none;}

A.menu_footer:link			{color:#4f5550;text-decoration:none;}
A.menu_footer:link:hover	{color:#797f79;text-decoration:underline;}
A.menu_footer:active	   	{color:#4f5550;text-decoration:none;}
A.menu_footer:visited 		{color:#4f5550;text-decoration:none;}
A.menu_footer:visited:hover	{color:#797f79;text-decoration:underline;}