/*
--------------------------------------------------
Diaoro.net GLOBAL STYLES
Last revised 26 March 2007
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
Translated from CMYK color space
--------------------------------------------------
Pantone 638 C #2dabbc
Pantone 638 C 50% #96d5db

Pantone Black 5 C #201414
Pantone Black 5 C 90% #362324
Pantone Black 5 C 85% #412b2c
Pantone Black 5 C 80% #4d3536
Pantone Black 5 C 75% #573f3f
Pantone Black 5 C 67% #694e4e
Pantone Black 5 C 50% #8e7373
Pantone Black 5 C 33% #b59e9d
Pantone Black 5 C 10% #e9e0df

Pantone 877 C #999999

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #e9e0df; /* Pantone Black 5 C 10% */
		font-size: 87.5%; /* @14px -- use percentage unit to avoid bug in Win IE */
		/*font-family: "Times New Roman", Times, serif;*/
                font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		border-top: .375em solid #2dabbc; /* Pantone 638 C */
		background: #201414 url(/images/utility/body_bg.gif) repeat-x top left; /* Pantone Black 5 C */
		}

/* Links */
a		{
		text-decoration: none;
		}
a:link, a:visited {
		color: #e9e0df; /* Pantone Black 5 C 10% */
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		color: #2dabbc; /* Pantone 638 C */
		}
a:active {
		color: #96d5db; /* Pantone 638 C 50% */
		}

/* Headings */
h1, h2, h3, h4, h5, h6 {
		color: #96d5db; /* Pantone 638 C 50% */
		font-weight: 600; /* normal weight is 400 */
		font-size: 1em;
		line-height: 1.5;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 0;
		}
h1		{
		color: #8e7373; /* Pantone Black 5 C 50% */
		font-size: 1.071428571429em; /* 15px */
		line-height: 1.4;
		margin-bottom: .7em;
		}
h2		{
		margin-bottom: .75em;
		}

p		{
		margin-bottom: .75em;
		}

/* Forms */
input, textarea {
		color: #e9e0df; /* Pantone Black 5 C 10% */
		font-size: 12px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		padding: .4375em .875em;
		border: none;
		background: #412B2C url(/images/utility/background-input.gif) repeat-y left;
		/* background-color: #412b2c; */ /* Pantone Black 5 C 85% */
		}
input:focus	{
		color: #555; /* Dark grey */
		}
#content input.checkbox {
		border:0px;
                background:none;
		}     
#contactform, 
.searchform,
#content form {
                text-align:right;
                }
#contactform input, 
#contactform textarea,
#content input,
#content textarea {
		border: 1px solid #573f3f;
                width:45%;
		}
.searchform input {
		border: 1px solid #573f3f;
                width:35%;
		}
#contactform input:focus,
.searchform input:focus	{
		color: #fff; /* white */
		}
#contactform label,
#content label,
.searchform label {
		color: #694e4e; /* Pantone Black 5 C 67% */
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding-right: .21875em;
                clear:left;
                float:left;
		}
.button { /* only for Win browsers */
		padding: .21875em .875em;
		border: 1px solid #4d3536; /* Pantone Black 5 C 80% */
		background-color: #412b2c; /* Pantone Black 5 C 85% */
		}
#contactform input.button,
#content input.button,
.searchform input.button  { /* only for Win browsers */
		padding: .21875em .875em;
		border: 1px solid #4d3536; /* Pantone Black 5 C 80% */
		background: #201414; /* Pantone Black 5 C 85% */
		color: #694e4e; /* Pantone Black 5 C 67% */
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 886px; /* 64em */
		margin: .75em auto; /* standard CSS horizontal centering */
		background: transparent;
		}

/* Header */
#header {
		width: 886px; /* 64em */
		position: relative;
		background: transparent;
		}
#logo	{
		/* logo height determines #header height */
		}
#slogan {
		position: absolute;
		top: 7.375em;
		left: 0;
		}
#search-form {
		position: absolute;
		top: .375em;
		right: 0;
		}
#login	{
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		top: 4.375em;
		right: 0;
		}
#login li {
		display: inline;
		padding-right: .875em;
		margin-right: .4375em;
		background: transparent url(/images/utility/pipe.gif) no-repeat right;
		}
#login li.last {
		margin-right: 0;
		padding-right: 0;
		background: none;
		}
#login a:link, #login a:visited {
		color: #8e7373; /* Pantone Black 5 C 50% */
		}
#login a:hover {
		color: #2dabbc; /* Pantone 638 C */
		}
#login a:active {
		color: #96d5db; /* Pantone 638 C 50% */
		}

/* Footer */
#footer {
		color: #573f3f; /* Pantone Black 5 C 75% */
		font-size: 12px;
		text-align: center;
		line-height: 1.75;
		position: relative;
		clear: both;
		margin: .875em 0;
		list-style: none;
		}
#footer li {
		display: inline;
		margin-right: .4375em;
		padding-right: .875em; 
		background: transparent url(/images/utility/pipe.gif) no-repeat right;
		}
#footer li.last {
		background: none;
		}
#footer a {
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#footer li.last a {
		background: none;
		}
#footer li.normal a {
		font-size: 14px;
		line-height: 1.5;
		text-transform: lowercase;
		letter-spacing: normal;
		}
#footer a:link, #footer a:visited {
		color: #573f3f; /* Pantone Black 5 C 75% */
		}
#footer a:hover {
		color: #2dabbc; /* Pantone 638 C */
		border-bottom: 1px solid #96d5db; /* Pantone 638 C 50% */
		}
#footer a:active {
		color: #96d5db; /* Pantone 638 C 50% */
		border-bottom-color: #fff; /* White */
		}

/* Main content*/
#container {
		clear: both;
		padding: 0 1.5em;
		border: 1px solid #573f3f; /* Pantone Black 5 C 75% */
		background: transparent url(/images/utility/bg_midfull.gif) repeat-y center top;
		/* background: #201414;*/ /* Pantone Black 5 C */
		}
#pages #container {
                background: #201414;
                }

/* Full */
#full	{
		height: 33em;
		background: transparent;
		}

#leftpanel, #midpanel, #rightpanel,#leftpanelbig {
		position: relative;
		padding: 1.5em;
		}
/* Left panel */
#leftpanel {
		float: left;
		width: 270px; /* 20em */
		height: 33em;
		padding-left: 0;
		background: transparent;
		}

/* Big Left Panel */
#leftpanelbig {
		float: left;
		width: 570px; /* 20em */
		height: 33em;
		padding-left: 0;
		background: #201414;
                overflow: auto;
		}

.gallerypic img {
		width: 19.25em;
		}		
.gallerycontent {
		}
.gallerycontent img {
		width: 19.25em;
		height: 19.25em;
		}
.gallerycontent ol {
		position: absolute;
		top: 21.5em;
		left: 0;
		}
.gallerycontent li.first {
		text-align: right;
		letter-spacing: .1em;
		width: 19.25em;
		margin-bottom: .375em;
		padding-bottom: .375em;
		border-bottom: 1px solid #362324; /* Pantone Black 5 C 90% */
		}
.gallerycontent li span {
		color: #694e4e; /* Pantone Black 5 C 67% */
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		padding-right: .21875em;
		}

/* Middle panel */
#midpanel {
		float: left;
		width: 262px; /* @18.6875em */
		height: 33em;
                background: transparent url(/images/utility/bg_middle.gif);
		/*background: transparent url(/images/utility/light/transparent-10.png);*/
                z-index:100;
                overflow: auto;
		}
.thumbs {
		margin: 0;
		padding: 0;
		list-style: none;
		}
.thumbs li {
		float: left;
		display: inline;
		margin: 0 10px 10px 0;
		}
#pagination {
		text-align:center;
		padding-top:15px;
		bottom:0px;
                font-size: 1.3em;
                letter-spacing: .4em;
		}
#pagination .selected {
                color:#2dabbc;
                font-weight: bold;
		}

/* Right panel */
#rightpanel {
		width: 226px; /* @16.142857em */
		height: 33em;
		float: right;
		padding-right: 0;
		background: transparent;
                overflow: auto;
		}
#pages #rightpanel {
		background: transparent url(/images/utility/bg_right_sm.gif) repeat-y left top;
                }
#subnav {
		line-height: 1.5;
		}
#subnav li.last {
		font-size: 11px;
		line-height: 1.90909;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-top: .954545em;
		}
#subnav li.selected {
		color: #2dabbc; /* Pantone 638 C */
		}
#subnav li a:hover {
		padding-left: 1.25em;
		background: transparent url(/images/utility/diamond.gif) no-repeat left;
		}
#subnav li.last a:hover {
		padding-left: 0;
		background: none;
		}

/* Text swap */
#hold, #holdmap, #geo-hold {
		display: none;
		}
#swap	{
		line-height: 1.5;
		position: absolute;
		bottom: 1.5em;
		left: 1.5em;
		display: none;
		background: transparent;
		}

/* Utility elements */
.hidden { /* completely remove from layout */
		display: none;
		}
.show	{
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear, .spacer	{
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/

#navigation {
		border-top: 1px solid #2dabbc; /* Pantone 638 C */
		}
#nav	{
		font: 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		float: right;
		margin: .75em auto;
		list-style: none;
		}
#nav li {
		float: left;
		padding: .4375em 10px;
		}
#nav li.last {
		padding-right: 0;
		}
#nav a	{
		}
#nav a:link, #nav a:visited {
		color: #8e7373; /* Pantone Black 5 C 50% */
		}
#nav a:hover {
		color: #2dabbc; /* Pantone 638 C */
		}
#nav a:active {
		color: #96d5db; /* Pantone 638 C 50% */
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.float-left {
		float: left;
		}
.float-right {
		float: right;
		}

/* Fonts */
.italic {
		/*color: #96d5db;*/ /* Pantone 638 C 50% */
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		}
.small	{
		font-size: 12px;
		}
.smaller {
		font-size: smaller;
		}
.caps	{
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#container .caps {
		font-size: 11px;
		}
.sig	{ /* highlight of signature color */
		/*color: #2dabbc;*/ /* Pantone 638 C */
		font-size: 12px;
		line-height: 1.75;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
.caption {
		color: #8e7373; /* Pantone Black 5 C 50% */
		font-size: 12px;
        font-style:italic;
		line-height: 1.75;
		}
.alert,
.highlight {
                font-size:1.3em;
                }

/* Typographic ornaments */
#container h1 + p:first-line {
		/* all caps highlight */ /* Safari does not implement :first-line properly */
		font: .786em "Helvetica Neue", Helvetica, Arial, sans-serif; /* @11px */
		text-transform: uppercase !important;
		letter-spacing: .1em;
		}


/* vcard */
.vcard .tel span, .vcard .fax span, .vcard .mobile span, .vcard .email span {
		color: #96d5db; /* Pantone 638 C 50% */
		font: bold 12px/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
.country {
		font-size: 12px;
		line-height: 1.75;
		text-transform: uppercase;
		letter-spacing: .1em;
		}