/*
-----------------------------------------------
main.css

Main stylesheet for screen media
Site:		www.mamba.org.uk
Author:  reefnet <www.reefnet.co.uk>
-----------------------------------------------
*/

/**
 * import additional stylesheets
 */
@import url('reset.css');
@import url('fixes.css');


/* =typography & layout
******************************************************************************/

html {
	height: 100%;
}

body {
	font: 13px/1.6em trebuchet MS, verdana, arial, sans-serif;
	color: #48442d;
	background : #f3eae1 url(/images/grunge-background.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
        line-height: 1.6em;
}

a		{color: #48442d; text-decoration: underline; font-weight: normal;}
a:link		{color: #48442d; text-decoration: underline; font-weight: normal;}
a:visited	{color: #48442d; text-decoration: underline; font-weight: normal;}
a:hover		{color: #897590; text-decoration: underline; font-weight: normal;}

/* =structure
******************************************************************************/

div#wrapper {
  	width: 900px;
	padding: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -168px;
}

/* =header
******************************************************************************/

div#header {
	position: relative;
	background: transparent url(/images/home_frame.png) 25px 0px no-repeat;
	width: 900px;
	height: 539px;
	z-index: 0;
}

body.inside div#header {
	background: transparent url(/images/inside_frame.png) 6px 0px no-repeat;
	height: 423px;
}

div#header img {
	margin: 64px 0px 0px 142px;
}

body.inside div#header img {
	margin: 84px 0px 0px 142px;
}

div#header #menu {
	position: absolute;
	top: 61px;
	left: 632px;
	background: transparent url(/images/menu.png) top left no-repeat;
	height: 305px;
	width: 250px;
	z-index: 99;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* =navigation
******************************************************************************/

div#header #menu li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	position: relative;
}

div#header #menu li a {
	text-indent: -10000px;
	display: block;
	background: transparent url(/images/menu.png) 0 0 no-repeat;
	z-index: 2;
	overflow: hidden;
}

/* main menu items */
div#header #menu li#homebut { top: 71px; left: 35px; }
div#header #menu li#homebut a { height: 27px; width: 60px; background-position: -35px -71px; }
div#header #menu li#homebut a:hover { background-position: -289px -71px; }

div#header #menu li#artistbut { top: 78px; left: 36px; }
div#header #menu li#artistbut a { height: 30px; width: 91px; background-position: -35px -105px;}
div#header #menu li#artistbut a:hover { background-position: -289px -105px; }

div#header #menu li#exhibitionbut { top: 84px; left: 39px; }
div#header #menu li#exhibitionbut a { height: 33px; width: 134px; background-position: -39px -141px;}
div#header #menu li#exhibitionbut a:hover { background-position: -293px -141px; }

div#header #menu li#lifebut { top: 86px; left: 39px; }
div#header #menu li#lifebut a { height: 38px; width: 134px; background-position: -39px -1176px;}
div#header #menu li#lifebut a:hover { background-position: -293px -176px; }

div#header #menu li#sponsorsbut { top: 90px; left: 39px; }
div#header #menu li#sponsorsbut a { height: 34px; width: 105px; background-position: -39px -218px;}
div#header #menu li#sponsorsbut a:hover { background-position: -293px -218px; }

div#header #menu li#contactbut { top: 91px; left: 39px; }
div#header #menu li#contactbut a { height: 32px; width: 87px; background-position: -39px -253px;}
div#header #menu li#contactbut a:hover { background-position: -293px -253px; }

/* =content
******************************************************************************/

div#content {
	width: 742px;
	background: url(/images/main_back.png) repeat;
	padding: 10px;
	margin-left: 35px;
	border: 4px solid #f3ece7;
}
div#content h1 {
	margin-bottom: 8px;
}

div#content h1#home_title {
	background: url(/images/home_title.png) no-repeat 0 0;
	height: 35px;
	width: 399px;
}

div#content h1#about_title {
	background: url(/images/about_title.png) no-repeat 0 0;
	height: 36px;
	width: 147px;
}

div#content h1#exhibition_title {
	background: url(/images/exhibition_title.png) no-repeat 0 0;
	height: 36px;
	width: 105px;
}

div#content h1#sponsors_title {
	background: url(/images/sponsors_title.png) no-repeat 0 0;
	height: 36px;
	width: 103px;
}

div#content h1#life_title {
	background: url(/images/life_title.png) no-repeat 0 0;
	height: 36px;
	width: 167px;
}


div#content h1#contact_title {
	background: url(/images/contact_title.png) no-repeat 0 0;
	height: 36px;
	width: 100px;
}

div#content h2 {
	font-family: Arial, sans-serif;
        font-size: 1.2em;
        font-weight: normal;
}

.replace {
	text-indent: -3000px;
	margin: 0;
}

div#content h1 {
	font-size: 1.2em;
}

div#content h2 {
        font-family: Georgia, Time New Roman, sans-serif;
	font-size: 1.2em;
        margin-top: 8px;
        font-style: italic;
        font-weight: normal;
}

div#content p {
	padding: 0.4em 0 0.4em 0;
}

div#content .left {
	float: left;
	border: 1px solid white;
	margin: 6px 6px 6px 0;
}

div#content .right {
	float: right;
	border: 1px solid white;
	margin: 6px 0px 6px 6px;
}

div#content .box {
	float: right;
	width: 330px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
        border: 0px solid red;
}

div#content .box img {
	border: 1px solid white;
}

div#content .capbox {
        float: left;
	padding: 4px;
	border: 1px solid #d3cbc3;
        width: 153px;
        margin-bottom: 8px;
}

div#content .capbox.right {
        border: 1px solid #d3cbc3;
	float: right;
        width: 144px;
}

div#content .capbox p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

div#content .caption {
        float: left;
	padding: 4px;
	border: 0px solid red;
        width: 200px;
        margin-bottom: 8px;
        text-align: center;
}

div#content .caption p {
        font-size: 0.9em;
        font-style: italic;
        padding: 0px;
        margin: 0px;
}

div#content .right {
	float: right;
        margin: 4px;
        border: 1px solid white;
}

div#content .sponbox {
        background: white;
        width: 700px;
        padding: 20px;
}

div#content .sponbox img {
        padding: 5px 30px 5px 30px;
        border: 0px;
}

div#content .dotted {
        width: 730px;
        height: 2px;
        border-bottom: 1px dotted #bfb476;
        margin-bottom: 8px;
        clear: both;
}

div#content .submenu {
        float: right;
        width: 200px;
        margin: 0 0 10px 10px;
        border: 1px dashed #bfb476;
        padding: 6px;
}

div#content .submenu ul {
        margin-left: 16px; 
}

div#content .submenu li {
        list-style: square;
}

div#content .sequence {
        margin-top: 6px;
}

div#content .sequence img {
        margin: 8px;
        border: 2px solid white;
}

div#content .caption {
        padding: 2px;
}

div#content #gallery {
        margin: 8px 0 0 0;
}

div#content #gallery img {
        border: 2px solid white;
        margin-right: 16px;
        margin-bottom: 16px;
}

div#content #gallery .end {
        margin-right: 0px;
}

div#content .clearboth {
        clear: both;
}


/* =animated header
******************************************************************************/
ul#portfolio {
	list-style-type: none;
}

ul#portfolio li {
	display: none;
}

ul#portfolio li:first-child {
	display: list-item;
}

/* =footer info
******************************************************************************/

div.footer_push {
	height: 168px;
}

div#pagefoot {
	background: url(/images/footer.png) no-repeat top left;
	margin: 0 auto;
	width: 586px;
	height: 71px;
	padding: 95px 0 0 232px;
	font-size: 0.9em;
	border: 1px solid transparent;
}

div#pagefoot p {
	font-size: 0.9em;
	margin: 0;
	line-height: normal;
        color: #7c7449;
}

div#pagefoot a {
        color: #7c7449;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */