%/*
	global
*/
* {
	padding:0;
	margin:0;
}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	background: #181818 url(images/bg.jpg) repeat-x top left;
	margin:0 auto;
	padding:0;

	color: #8F8E8E;
	height:100%;

	width: 960px;
}


#placer  {
	float:right;  
	height: 20px;
}


/*
	structure 
*/
div#wrap {

}
div#container {
	width:960px;
	margin:0 auto;
	padding:0;
}
div#content {
	min-height:400px;
	background-color:#181818;
}
div#header {
	padding-left:10px;
	padding-top:55px;
}
div.sidebar {
	width:12%;
	float:left;
	padding-top:5px;
}
div.rightimage {
	width:258px;
	float:left;
	padding:15px;
	background: url(images/sea.png) no-repeat right top;
	height: 215px;
	margin-right: 30px;
	
}
div.logo {
	margin: 15px 5px 0 0;
	background:url(images/logo.jpg) center top no-repeat #FFF;
	width: 200px;
	height: 270px;
	float:right; 	
}

div.portraitimage {
	margin: 35px 15px 0 10px;
	background:url(images/portraitimage.jpg) center top no-repeat #181818;
	width: 400px;
	height: 468px;
	float:right; 	
}

div.reproductionimage {
	margin: 35px 15px 0 10px;
	background:url(images/reproductionimage.jpg) center top no-repeat #181818;
	width: 403px;
	height: 519px;
	float:right; 	
}

div.original_paintings_image {
	margin: 35px 15px 0 10px;
	background:url(images/original_paintings_image.jpg) center top no-repeat #181818;
	width: 400px;
	height: 541px;
	float:right; 	
}

div.horseimage {
	margin: 35px 15px 0 10px;
	background:url(images/horse.jpg) center top no-repeat #181818;
	width: 403px;
	height: 522px;
	float:right; 	
}

div.links{
	margin: 25px 25px 5px 0;
	background:url(images/8210.jpg) center top no-repeat #FFF;
	width: 350px;
	height: 527px;
	float:right; 	
}

div.machine {

	margin: 20px 0 0 0;
	background:url(images/machine.jpg) center top no-repeat #FFF;
	width: 200px;
	height: 301px;
	float:right; 	
}

div.page {
	width:100%;
	float:right;
	padding:0 0 0 3px;
}

div.centerpage {
	width:76%;
	float:left;
	margin:20px 0 30px 90px;
	padding:10px 0 0 3px;
}

div.centeredtext {
	width:65%;
	float:left;
	margin: 0 0 0 100px;
	padding:7px 0 0 3px;
	text-align:center;
}

div.centeredtext3 {
	width:65%;
	float:left;
	margin: 0 0 0 60px;
	padding:7px 0 0 3px;
	text-align:center;
}

div.centeredtext2 {
	width:80%;
	float:left;
	margin: 0 0 0 40px;
	padding:7px 0 0 3px;
	text-align:center;
}

div.centerpagecontact {
	width:56%;
	float:left;
	padding:10px 0 0 14px;
}

div.facts {
	width:86%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
}

div.faq   {
	width:48%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.double   {
	width:88%;
	float:left;
	padding:10px 0 120px 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.faq2  {
	width:86%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.markethistory   {
	width:54%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.contactwidth   {
	width:100%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 25px;
	text-align: justify;
}

div.recommend   {
	width:52%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.markethistory2  {
	width:86%;
	float:left;
	padding:0 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.services   {
	width:46%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.services2  {
	width:86%;
	float:left;
	padding:0 0 0 3px;
	margin: 0 0 0 35px;
	text-align: justify;
}

div.page-wrap {
	background: #181818;

	padding:0 0 2px 0; 
} 
div.top-panel {
	background: #181818 url(images/header1.jpg) no-repeat left top;
	height: 220px;
	padding:15px 0 0 15px;

}

p.prices {
	text-align: center;
	font-weight: bold;
}

p.facts {
	text-align: left;
	font-weight: bold;
}

/* 
	nav 
*/
div#nav {
	background-color:#333333;
}
div#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.0em
}
div#nav ul li {
	display:inline;
	float:left;
	margin:5px;
}
div#nav ul li a {
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding:5px 10px;
}
div#nav ul li a.selected, div#nav ul li a.selected:hover {
	background-color:#666666;
}
div#nav ul li a:hover {
	background-color:#151515;
}



/*
	paragraphs
*/
form p {
	padding:5px 0;
}
p {
	margin:0;
	font-size:0.9em;
	line-height:1.5em;
	padding:0;
}
div.top-panel p {
	font-family:"Trebuchet MS",Verdana,Arial;
	line-height:1.6em;
	margin:0;
	color:#ffffff;
	padding:0;
	text-align:left;
	font-size:0.8em;
}
div.page p {
	padding-bottom:15px;
	line-height:1.7em;
}
div#footer p {	
	padding:15px 0;
	margin:0;
	font-size:0.7em;
	color:#ccc;
}



/*
	headers
*/
div#header h1 {
	font-size:2.9em;
}
h2 {
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-weight:normal;
	margin:-10px 0 10px 0;
	padding:0;
	font-size:1.1em;
	color:#666666;
	text-align:left;
}
div.top-panel h2 {
	color:#ffffff;
	letter-spacing:0px;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial;
}
h3 {
	color:#ffffff;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	padding:0;
}
h4 {
	color:#d7d6d6;
	padding:0;
	font-size:1.2em;
	margin:0;
	line-height: 35px;
}

h4.grey {
	color:#666666;
	padding:0;
	font-size:1.1em;
	margin:0 0 0 20px;
	line-height: 40px;
}
div.sidebar h4 {
	font-weight:normal;
}




/*
	forms, labels, inputs
*/
input.button {
	font-weight:bold;
	padding:5px 15px;
}
input, textarea {
	background-color:#ffffff;
	border:1px solid #dddddd;
}
input:focus, textarea:focus {
	background-color:#CCFFB3;
	border:1px solid #AAFF80;
}
label {
	font-weight:normal;
}




/*
	links
*/
a {
	color:#79b8f3;
	text-decoration:none;
}


a:hover {
	color:#cccccc;
	text-decoration:none;
}



div#footer p a {
	color:#ccc;
	text-decoration:none;
	font-size:1.0em;
}



/*
	tables
*/
table {
	width:86%;
	font-size:0.85em;
	float: left;
}

table tr th, table tr td {
	padding:5px 0 0 15px;
	text-align:left;
	vertical-align:top;
	font-style: italic;
	color: #666666;
	font-size:0.85em;
}


/*
	lists
*/
div.sidebar ul {
	list-style:none;
	padding:0;
	border-top:1px solid #dddddd;
	margin:0 0 20px 0
}
ul {
	margin:0 0 20px 20px;
	font-size:0.9em;
	padding:0;
	list-style:square;
	list-style-image: url(images/arrow.gif);
}
ul li {
	padding:0;
}



/*
	miscs
*/
code {
	border:1px solid #cccccc;
	background-color:#dddddd;
	color:#333333;
	display:block;
	padding:10px 5px;
	margin:10px 0;
}
.clear {
	clear:both; 
}
.right { 
	float:right; 
}
.left  {
	float:left;  
}
*:focus {
	outline:none;
}

/*
	Prices Table
*/
thead th.prices {
	border-width: 1px 0;
	border-style:solid;
	border-color: black;
	padding: 5px;
	text-align: center;
}

table.prices tr td  {
	padding: 15px 0 0 10px;
}

/*
	Contact Table
*/

table.contact {
	width: 100%;
	padding: 25px 0 0 0;
	
}

table.contact2 {
	width: 70%;
	padding: 25px 0 0 25px;
	
}

table.contact2 tr td  {
	padding: 15px 0 0 10px;
	margin: 0 0 0 25px;
	font-size:1.05em;
}


table.contact tr td  {
	padding: 15px 0 0 10px;
	font-size:1.05em;
}

/*
	Lined Table
*/
table.lined th {
	border-width: 1px 0;
	border-style:solid;
	border-color: black;
	padding: 5px 0 5px 10px;
	text-align: center;
}

table.lined tr td  {
	padding: 5px 0 5px 10px;
	text-align: center;
}

table.lined tr td {
	border-bottom:1px solid #dddddd;
}

table.lined {
	width:75%;
	font-size:0.85em;
	margin: 10px 0 15px 50px;
}
table.lined tr th {
	color:#ffffff;
	background-color:#171717;
}


/* Quick Register */

#quickregisterbox
{
	margin: 20px 5px 10px 0; 
	border: 1px solid #999;
	padding: 8px;
	background:url(images/regbox_bgccc.gif) center top no-repeat #bebebe;
	width: 182px;
	float:right;
}

#quickregisterbox h1
{
	color: #ffffff;
	margin-bottom: 0;
	background-color: transparent;
	font-size: 22px;
}

#quickregisterbox h2
{
	color: #ffffff;
	font-size: 17px;
	font-weight: normal;
	margin-top: 0;
}

#quickregisterbox h2 span
{
	font-size: 28px;
}

#quickregisterbox label
{
	color: #f5f5f5;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	text-transform: lowercase;
}

#quickregisterbox input.text
{
	width: 160px;
}

#submitbutton {text-align: right;}

/* Right Column Image */

#rightimage
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 8px;
	background:url(images/8050.jpg) center top no-repeat;
	width: 182px;
	height: 274px;
	float:right;
}

#contactimage
{
	margin-top: 20px 10px 20px 0;
	padding: 20px 10px 10px 0;
	float:right;
}

#portraitimage
{
	padding: 30px 20px 10px 20px;
	float:right;
}

#sizesimage
{
	margin-top: 40px 10px 20px 0;
	padding: 40px 10px 10px 0;
	float:right;
}

#markethistoryimage
{
	margin-top: 40px 10px 0 0;
	padding: 40px 40px 0 0;
	float:right;
}

#winecriticimage
{
	margin-top: 40px 10px 0 0;
	padding: 40px 40px 0 0;
	float:right;
}

#servicesimage
{
	margin-top: 30px 10px 0 0;
	padding: 30px 40px 0 0;
	float:right;
}

#primeurimage
{
	margin-top: 50px 10px 0 0;
	padding: 50px 40px 0 0;
	float:right;
}

div.topten
{
	width:86%;
	float:left;
	padding:10px 0 0 3px;
	margin: 0 0 0 35px;
	text-align: center;
}

#quoteimage
{
	padding: 30px 20px 10px 0;
	float:left;
}




/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu {
  float: left;
  width: 100%;
  clear: both;
  padding:145px 0 0 440px;
  width:750px;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 7px;
  padding: 5px 0.5em;

  font: 13pt "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #000;

}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #333333;


}

#mainMenu li a.last {
  margin-right: 0;
}

#mainMenu a img {  
  border: none;
}

#mainMenu a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 0px !important;
  border: 0px;
}

.floatLeft {
  float: left;
}


/**************************************************************
   #topmainMenu: The top level site menu
 **************************************************************/

#topmainMenu {
  float: left;
  width: 100%;
  clear: both;
  padding:0 0 0 445px;
  width:750px;
}

#topmainMenu ul {
  margin: 0;
  padding: 0;
}

#topmainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#topmainMenu li a {
  float: left;
  margin: 0 2px 0 0;
  padding: 0 2px 0 0;

  font: 13pt "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #000;

}

#topmainMenu li a:hover,
#topmainMenu li a.here {
  color: #333333;


}

#topmainMenu li a.last {
  margin-right: 0;
}

#topmainMenu a img {  
  border: none;
}

#topmainMenu a:hover img {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 0px !important;
  border: 0px;
}

.topfloatLeft {
  float: left;
}