/* Copyright Vanbar Multimedia Ltd 2006 */

/*************************** Top Level ****************************/
* { margin:0; padding:0; border:0;
	font-family:Lucida Grande, Verdana, Helvetica, Arial;
	font-size:small;
	color:#000000;
}
body { background-color:#CEC8B9; }


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both}

/* Styling */
p {
	margin:10px 5px 15px 15px;
}
h1 {
	font-size:x-large;
	margin-bottom:15px;
	color:#7C786F;
}
h2 {
	font-size:medium;
	margin:25px 0 5px 0;
	color:#7C786F;
}
ul, ol, dl {
	margin:10px 0 15px 30px;
}
li {
	margin:2px 0 2px 0;
	list-style:square;
}
ul ul {
	margin-top:5px;
}
dt {
	margin-top: 15px;
}
dd {
	margin-bottom: 20px;
	font-weight:bold;
}
hr {
	background-color:#7C786F;
	height:1px;
	color:#7C786F;
}
blockquote {
	margin-left:30px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:medium;
}

/* forms */
form {
	margin:50px;
}
input, textarea, select {
	border:1px solid #7C786F;
	padding:3px;
	width:250px;
	margin-bottom:5px;
}
label {
	width:150px;
	float:left;
	text-align:right;
	margin:3px 10px 0 0;
}
textarea {
	height:100px;
}
input {}
input.submit {
	width:auto;
}

/* links */
a 			{ }
a:link		{ }
a:active	{ }
a:visited	{ }
a:hover		{ }


/************************* Common Divs *************************/
.container	{
	/* see artwork section for their container divs */
	width:960px;
	margin:0;
	padding:0 20px 0 20px;
}
#content {
	padding:21px 0 0 0px;
	margin-left:205px;
}


/*************************** Menu ****************************/
ul#menu {
	margin:0; /* override default */
}
ul#menu li {
	/* Can't get IE to show bullet points in a horizontal list 
	and haven't got more time to put into it */
	list-style:none;
	float:left;
	padding:0 12px 0 4px;
	margin:0; /* override default */
	background:url(/images/common/button_spacer.gif) no-repeat center right;
}
ul#menu li a {
	display:block;
	padding:3px 5px 3px 5px;
}
ul#menu li#firstchild, ul#menu li#firstchild a  {
	padding-left:0;
}
ul#menu li#lastchild {
	background:none;
	padding-right:0;
}


/************************** LeftCol ***************************/
div#leftCol {
	width:155px;
	clear:left;
	float:left;
	text-align:right;
}
div#leftCol form {
	margin:0; /* override default */
}
div#leftCol textarea, div#leftCol input {
	width:147px;
}
div#leftCol textarea {
	height:70px;
}
div#leftCol input.submit {
	width:auto;
}
div#leftCol p#credit {
	margin-top:20px;
	color:#7C786F;

	font-size:xx-small;
}
div#leftCol p#credit a {
	color:#7C786F;
	text-decoration:none;
	font-size:xx-small;
}

/************************** Submenu ***************************/
ul#submenu {
	margin:0; /* override default */
	height:155px;
	margin-top:25px;
}
ul#submenu li {
	margin:0; /* override default */
	list-style:none;
	width:155px;
	height:auto;
	background:url(/images/common/submenu_bullet.gif) right 2px no-repeat;
}
ul#submenu a {
	display:block;
	margin-right:7px;
	padding:2px 0 2px 0;
}
div#no_submenu { /* Used for pages without a submenu */
	margin:0; /* override default */
	height:180px;
}


/************************** Artwork ***************************/
/* Note - wanted to have this as a dl, dt, dd setup with the image as the dt
and info as the dd - IE couldn't use a floated div around the dt dd combos
as it couldn't calculate the width for a setting of auto... */
body#artwork div#content p {
	width:750px; /* should be 755 but thats IE for you.... */
}
body#artwork div#content ul {
	margin:0; /* override default */
}
body#artwork div#content ul li {
	float:left;
	width:auto;
	padding:0 25px 0 25px;
	text-align:center;
	list-style:none;
	margin:0; /* override default */
}
body#artwork div#content ul li div.img_wrapper {
	height:295px;
	float:left; /* IE hack - see the corresponding clear in the H3 below too */
	width:auto;
}
body#artwork div#content ul li h3 {
	clear:left; /* IE hack - see the corresponding float in the img_wrapper above too */
	font-size:x-small;
}
/* containers */
div#figure_container,
div#portrait_container,
div#landscape_container {
	padding:0 20px 0 20px; /* must be same as .container div */
	border:1px solid #CEC8B9; /* IE Hack */
}
div#figure_container {
	width:1250px;
}
div#portrait_container {
	width:1200px;
}
div#landscape_container {
	width:1600px;
	border:1px solid #CEC8B9;
}
/* heading images */
body#artwork img.art_type {
	display:inline;
}
body#artwork img#oils {
	margin-left:100px;
}


/************************** Contact ***************************/
form#contact_form input.submit {
	margin-left:260px;
}


/*************************** Home ****************************/
body#home div#content {
	background:url(/images/home/home_bg.jpg) no-repeat 340px 100px;
	height:435px;
}
body#home p#top {
	padding-top:0px;
	padding-left:0px;
}
body#home p#mid {
	padding-right:350px;
}
body#home p#bottom {
	padding:0px 360px 0 0px;
}


/**************** Commissions > Testimonials *****************/
dl dt#warner img {
	margin-top:-20px;
	float:right;
}


/************************ Exhibtions *************************/
body#exhib div#content ul li {
	margin-bottom:25px;
}


/***************************** CV *****************************/
div#cv_left,
div#cv_right {
	float:left;
	width:350px;
}
div#cv_left {
	margin-left:15px;
}