body {
	font-family: verdana, calibri, arial, sans-serif;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
	background: url(../images/background.jpg) no-repeat;
}

#signature {
	margin: 12px 0 0 50px;
	_margin-left: 23px;
	float: left;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.clear {
	clear: both;
}

/************************************_home_***************************************/
#wrapper.home {
	background: url(../images/h-background.jpg)
}

.home #signature {
	margin: 279px 0 0 50px;
}

#frida-bottom {
	float: left;
	padding: 17px 0 0 50px;
}

.home #logo {
	padding-top: 320px;
}

.home #content {
	float: right;
	padding: 128px 23px 0 0;
}

/************************************_logo_***************************************/
#logo {
	float: right;
	padding: 52px 147px 2px 0;
	font-family: verdana;
	text-transform: uppercase;
	text-align: center;
	color: #873030;
}

#logo h4, #logo h3 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#logo h3 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
}

#logo h4 {
	letter-spacing: 0.05em;
}


/*********************************_navigation_************************************/
#navigation {
	float: left;
	padding: 1px 0 0 0;
	min-width: 490px;
	_width: 490px;
	font-family: arial, sans-serif;
}

#nav {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	padding: 17px 0 0 24px;
	margin: 0;
	list-style-type: none;
	color: #873030;
	border-top: 2px solid #b78380;
	float:left; /*needed to contain floated children. 
The children when contained will give the nav its height.
If it has height, then the background colour will show.*/
}


#nav li { /* all list items in the nav bar */
	float: left;
	position: relative; /*so that we can use this
as a reference point for positioning the child submenu.*/
	padding: 0 0 0 0;
	margin: 0 0 0 34px;
}

#nav li.margin-bug {
	_margin-left: 16px;
}

#nav li a { /* formats the look of the menu items */
	display:block;
	margin:0;
	padding: 0;
	text-decoration:none;
	font-weight:bold;
	color: #873030;
}

#nav li a:hover,
#nav li a.current {/*formats main menu for hover state and current-page state*/
	color: #000000;
}

/*-------- SUBMENU ---------*/
#nav li ul { /* submenu background*/
	display: none;
	list-style:none;
	text-transform: capitalize;
	padding: 0;
	margin: 0;
}

#nav li > ul { /* to override top and left in browsers other than IE, 
which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li ul li {
	margin: 0;
	padding: 3px 2px;
}

#nav li:hover ul,
#nav li.over ul { /* positions and formats submenu background */
	display: block;
	background-color: #fff;
	color:#000;
	position: absolute;
	left: -2px;
	padding:0;
	margin:0;
	border: none;
}

#nav li:hover ul li a,
#nav li.over ul li a {/*formats submenu individual items */
	color: #873030;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;/*need to override earlier Mac/IE text-centre rule on the parent*/
}

#nav li:hover ul li a:hover,
#nav li.over ul li a:hover,
#nav li ul li a.current { /*formats submenu links for hover */
	color: #000;
}

/***********************************_gallery_*************************************/
#gallery {
	margin: 0 0 0 130px;
	width: 760px;
}

#gallery img {
	margin: 8px 16px 8px 0;
	border: none;
	height: 185px;
}

/*********************************_small gallery_***********************************/
#smallGallery {
	width: 240px;
	margin: 105px 57px 8px 65px;
	_margin-left: 32px;
	float: left;
}
#smallGallery.other {
	width: 300px;
	margin: 0px 17px 8px 45px;
	_margin-left: 32px;
	float: left;
}

#smallGallery_charcoal  {
	width: 240px;
	margin: 0px 57px 8px 65px;
	_margin-left: 32px;
	float: left;
}

#smallGallery a img {
	border: none;
	margin: 10px 10px 0 0;
}

#smallGallery_charcoal a img {
	border: none;
	margin: 10px 10px 0 0;
}

#dates {
	width: 290px;
	margin: 105px 17px 8px 65px;
	_margin-left: 32px;
	float: left;
}

#dates p {
	color: #666;
	font-size: 0.7em;
	margin: 5px 0 10px 0;
}

#dates h6 {
	color: #666;
	font-size: 0.7em;
	margin: 15px 0 0 0;
}

/************************************_image_***************************************/
/**********************************_biography_*************************************/
/***********************************_contact_**************************************/

#image, #biography {
	float: left;
	width: 480px;
	color: #873030;
	font-size: 0.8em;
}

#image img, #biography img {
	float: left;
	margin: 0 10px 0 0;
}

#biography p {
	margin: 0 0 10px 0;
}

#image.landscape img {
	margin: 0 10px 10px 0;
}

#image p {
	padding: 0 0 0 0;
	margin: 391px 0 0 0;
	text-align: right;
}
#image p.animal04{
	padding: 0 0 0 0;
	margin: 341px 0 0 0;
	text-align: right;
}
#image p.oilbilly{
	padding: 0 0 0 0;
	margin: 370px 0 0 0;
	text-align: right;
}
#image p.other{
	padding: 0 0 0 0;
	margin: 370px 0 10px 0;
	text-align: right;
}
#contact {
	width: 700px;
	color: #873030;
	font-size: 0.8em;
	height: 100px;
	padding: 80px 0 0px 355px;
}


#contact p img {
	vertical-align: bottom;
}

#frida {
	clear: both;
	float: right;
	padding: 0 128px 10px 0;
	margin: 27px 0 0 0;
}

#imagegeorgina{
float: left;
margin: 20px 0px 0 20px;
}
.imagegeorgina2{
float: left;
margin: 10px 50px 0 45px;
}

/*********************************_moustique_*************************************/


#moustique {
	padding: 20px 0 0 130px;
	_padding-top: 2px;
	border-top: 2px solid #b78380;
	margin: 0 147px 0 0;
}

#moustique a{
	text-decoration: none;
	font-size: 0.7em;
	color: #cccccc;
}