/* CSS Document */

/* HTML styles */
body,html		{background-color: #C9E9FF; text-align: center; font: 100% Arial, Helvetica, sans-serif; color: #000; z-index:1; margin: 0; padding: 0; background-image: url(../images/background.gif); background-repeat: repeat-x; background-position:top;}

#wrapper		{ background-color: #FFF; text-align: left; margin: 0 auto; padding: 10px 0 0 0; width: 760px; font-size: 0.75em; z-index: 2; position: relative;}

/* Banner */
#banner_home			{background: #FFF; height: 204px; margin: 0; background-image:url(../images/banner_homepage.jpg); background-repeat: no-repeat;}
#banner_contact			{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_contact.jpg); background-repeat: no-repeat;}
#banner_stockists		{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_stockists.jpg); background-repeat: no-repeat;}
#banner_wooden			{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_wooden.jpg); background-repeat: no-repeat;}
#banner_beachhuts		{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_beachhuts.jpg); background-repeat: no-repeat;}
#banner_cards		{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_cards.jpg); background-repeat: no-repeat;}
#banner_giclee		{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_giclee.jpg); background-repeat: no-repeat;}
#banner_paintings		{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_paintings.jpg); background-repeat: no-repeat;}
#banner_news		{background: #FFF; height: 204px; margin: 0; background-image: url(../images/banner_whatsnew.jpg); background-repeat: no-repeat;}

#logo					{padding: 0; margin: 75px 0 0 20px; float: left;}
#logo_right				{padding: 0; margin: 75px 20px 0 0; float: right;}

/* Container */
#container		{width: 760px; background-color: #FFF; padding: 0; margin: 0;}

/* Left Column */
#leftcol		{width: 180px; padding: 10px; margin: 0; background-color: #FFF; float: left;}
#leftcol ul		{list-style-type: none; padding: 0; margin: 0;}
#leftcol ul li	{text-align: left;}
#leftcol a:link, #leftcol a:visited	{background-color: #0099FF; display: block; padding: 10px; margin: 0; color: #FFF; font-weight: bold; text-decoration: none; border-bottom: solid 1px #FFF;}
#leftcol a:hover {background-color: #4CB7FF; display: block; padding: 10px; margin: 0; color: #FFF; font-weight: bold; text-decoration: none; border-bottom: solid 1px #FFF;}
.selected		{background-color: #BFE5FF; display: block; padding: 10px; margin: 0; color: #003399; font-weight: bold; text-decoration: none; border-bottom: solid 1px #FFF;}

/* Right Column */
#rightcol		{width: 544px; margin: 0; padding: 10px 10px 20px 0; background-color: #FFF; float: right;}
.img_right		{float: right; clear: both; padding: 0; margin: 10px;}

/* Text */
h1				{display: none;}
h2				{font-size: 240%; color: #0099FF; padding: 10px 10px 0 10px; margin: 0; font-weight: normal;}
h3				{font-size: 160%; color: #0099FF; padding: 10px 10px 0 10px; margin: 0; font-weight: normal;}
p				{color: #000; font-size: 100%; padding: 10px; margin: 0;}
p a:link, p a:visited		{color: #003399; text-decoration: underline;}
p a:active, p a:hover		{color: #003399; text-decoration: none;}
.p_bold			{color: #666; font-weight: bold; padding: 0 0 3px 0; margin: 0;}

/* Footer */
#footer		{background-color: #C9E9FF; clear: both;}
#footer p	{font-size: 85%; color: #0099FF; margin: 0; padding: 20px 10px; text-align: right;}
#footer p a	{color: #FFF; text-decoration: none;}
#footer p a:hover, #footer_text a:active	{text-decoration: underline;}