/* GDCA-SE Black Tie Affair */

/*

------------------------------------------------------
Copyright Andrew Krespanis, http://leftjustified.net/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This template uses the Tan Hack (posi\tion etc) to overcome
IE box model issues. Tan Hack explained extensively here:
http://www.positioniseverything.net/articles/box-model.html
------------------------------------------------------

*/

* {
	padding:0;
	margin:0;
	background: center;
}

body {
	font-size:78%;
	background:#151617;
	margin: 0;
	padding: 0;
}

/* BANNER */

div#banner {
background:#D3CFCA;
border:3px solid #5A5F66;
padding:2px;
}

div#banner p {
	background:#F5F0EA;
	border:2px solid #677383;
	border-width:0 0 2px 9px;
	position: relative;
}

#banner a img {
	border-style: none;
}

p#art-info {
	font-size: 85%;
}

div#banner a {
	display:block;
	font-variant:small-caps;
	text-decoration:none;
	color:#352C30;
	padding-bottom:3px;
}

#banner #art-info a {
	font-size: 95%;
	padding: 0px;
	display: inline;
	text-decoration: underline;
}

div#banner a:hover, div#banner a:focus, div#banner a:active {
border-bottom:1px solid #8B97A7;
padding-bottom:2px;
}

/* NAVIGATION */

/* --META NAV */

div#nav-meta {
	background:#2C3035;
	border-bottom:4px solid #8B97A7;
	color: #000000;
}

div#nav-meta a, p#info-company a {
color:#ECE7E1;
text-decoration:none;
font:bold 1em/1.2em georgia, garamond, serif;
}

#nav-meta a:hover, p#info-company a:hover, #nav-meta a:focus,
p#info-company a:focus, #nav-meta a:active, p#info-company a:active {
background:#fff;
color:#275A9D;
}

/* --MAIN NAV */

div#nav-main li {
display:block;
list-style:none;
text-align:center;
background:#8B97A7;
border:1px solid #D3CFCA;
}

#nav-main a, #nav-subs a {
display:block;
text-decoration:none;
background:#ECE7E1;
color:#352C30;
border:1px solid #2C3035;
}

#nav-main a:hover, #nav-subs a:hover,
#nav-main a:focus, #nav-subs a:focus {
background:#fff;
text-decoration:underline;
border-color:#BBD3F3;
color:#275A9D;
}

div#nav-section a:visited, div#nav-supp a:visited {
color:#B9B5B0;
}

/* -SUB NAV */

div#nav-subs h2 {
background:#352C30;
color:#ECE7E1;
font-style:normal;
}

/*-- current page menu items */

div#nav-main li.current, div#nav-subs li.youarehere {
background:#2C3035;
}

div#nav-main li.current a, div#nav-subs li.youarehere a {
font-variant:small-caps;
background:#fff;
color:#000;
text-decoration:underline;
}

/* CONTENT */

div#container {
position:relative;
background:#2C3035;
border:3px solid #D3CFCA;
border-width:3px 0;
}

div#content {
background:#ECE7E1;
border:3px solid #5A5F66;
}

h1, h2, h3, h4 {
	font:bold 1.3em/1.8 'Times New Roman', Times, Garamond, serif;
	font-variant:small-caps;
	border:1px solid #D3CFCA;
	border-width:0 0 1px 4px;
	background:#F5F0EA;
	color:#352C30;
	text-align: left;
}

h1 {
border-width:0 0 2px 8px;
}

h2 {
border-width:0 0 1px 6px;
}

#photos h2
{
	font-size: 1.7em;
}
#photos p
{
}


a {
color:#677383;
}

a:visited {
text-decoration:none;
}

a:hover, a:focus, a:active {
color:#352C30;
}

a:focus, a:active {
background:#F5F0EA;
}

/* -- w3c buttons */

#info-standards a {
display:block;
width:7.5em;
background:#fc6;
color:#000;
text-decoration:none;
border: 1px solid #ccc;
font:bold .9em helvetica,arial,sans-serif;
}

#info-standards a span {
position:relative;
display:block;
float:left;
margin-right:5px;
width:2.5em;
padding: 0 0.4em;
background:#fff;
color:#0c479d;
text-align:center;
}

#info-standards a:hover, #info-standards a:focus {
border-color:#BBD3F3;
background:#fff;
color:#275A9D;
}

#info-standards a:hover span {
 background:#E10B0B;
 color:#fff;
}

body {
position:relative;
padding-top:3em;
}

/* float-clearing 'special sauce' */

div#container:after, p#info-standards:after ,#nav-main ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html div#container, * html p#info-standards, * html #nav-main ul {
height:1%;
}

/* BANNER */

div#banner {
position:relative;
z-index:3;
top:-20px;
left:4%;
width:53.5%;
}

div#banner p {
position:relative;
padding:8px 15px;
background:#F5F0EA;
letter-spacing:2px;
}

div#banner a {
font:bold italic 2.5em 'Times New Roman', Times, Garamond, serif;
}

/* NAVIGATION */

/* --META NAV */

div#nav-meta {
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
padding:15px 0;
}

div#nav-meta ul {
text-align:right;
padding:0 2% 0 30%;
}

div#nav-meta li {
display:inline;
list-style:none;
padding:0;
margin:0 1px;
}

div#nav-meta a, p#info-company a {
padding:1px .2%;
}

#nav-meta a:hover, p#info-company a:hover, #nav-meta a:focus, p#info-company a:focus, 
#nav-meta a:active, p#info-company a:active {
border:1px dotted #8B97A7;
border-width:1px 0;
}

/* --MAIN NAV */

div#nav-main {
	position:absolute;/* IE 5 + 5.5 */
	left:4.6%;/* IE 5 + 5.5 */
	position:relative;
	z-index:6;
	left:auto;
	margin:0 4%;
	padding:2px 2px 4px;
	background:#352C30;
	border:1px solid #ECE7E1;
}

#nav-main ul {
position:relative;/* used to trigger IE's 'hasLayout' property */
list-style:none;
}

#nav-main li {
float:left;
width:15%;
margin:4px .5%;
}

#nav-main a, #nav-subs a {
margin:2px;
padding:3px 2px;
font:bold 1.2em Georgia, Garamond, serif;
}

#nav-main a:active, #nav-subs a:active {
background:#fff;
text-decoration:underline;
border-color:#BBD3F3;
color:#275A9D;
}

/* --SUB NAV */

div#nav-subs {
position:relative;/*ie*/
float:right;
width:34%;
margin-right:4%;
background:#352C30;
border:3px solid #D3CFCA;
}

* html div#nav-subs {
margin-right:2%;
}

div#nav-section, div#nav-supp {
max-width:24em;
margin:0 auto;
}

div#nav-subs ul {
list-style:none;
padding:0 4px;
margin:0 2% 1em;
background:#2C3035;
border:1px solid #151617;
}

div#nav-subs li {
position:relative;/*ie*/
display:block;
padding:3px;
background:#8B97A7;
border:1px solid #D3CFCA;
margin:.5em 0;
}

div#nav-subs a {
font-size:1em;
padding:.5em .5em .5em 15px;
margin:0;
}

div#nav-subs h2 {
position:relative;
margin:4px 2%;
}

/* CONTENT */

/* --CONTAINERS */

div#container {
	position:relative;
	z-index:1;
	margin-top:-40px;
	margin-top:-80px;
	padding:40px 0 4em;
	background:#2C3035;
	border:3px solid #D3CFCA;
	border-width:3px 0;
}

div#content {
	width:54%;
	float:left;
	margin-left:4%;
	padding-bottom:30px;
}

#container #photos {
	width:92%;
	float:left;
	margin-left:4%;
	padding-bottom:30px;
	background: #ECE7E1;
}

* html div#content {/* any selector starting with '* html' is for IE only */
 margin-left:2%;
}

/* --CONTENT TYPOGRAPHY */

h1, h2, h3, h4 {
margin:6px 1% 0;
padding:0 10px;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.6em;
}

#photos p {
	max-width:100%;
	margin:1.2em auto;
	padding:0 2% 5px;
	text-indent:15px;
	font:1em/1.7em tahoma, helvetica, sans-serif;
	letter-spacing:1px;
	text-align: center;
}

#content p {
max-width:38em;
margin:1.2em auto;
padding:0 10% 5px;
text-indent:15px;
font:1em/1.7em tahoma, helvetica, sans-serif;
letter-spacing:1px;
}

#content ol, #content ul {
max-width:38em;
padding:0 6% 5px;
font:1em/1.7em tahoma, helvetica, sans-serif;
letter-spacing:1px;
}

* html #content p {
padding:10px 6%;
}

/* FOOTER */

div#info-site {
margin-top:15px;
padding:5px 4% 10px;
background:#2C3035;
border-top:4px solid #8B97A7;
}

#info-site p {
margin:1em 0;
}

p#info-company {
position:relative;
width:70%;
letter-spacing:1px;
padding-left:10px;
}

* html p#info-company {
padding-top:10px;
}

/* -- w3c buttons */

#info-standards a {
	float:left;
	margin:0 10px;
}

* html #info-standards a {
width:8em;
}

#container #content .center_object {
	padding-top: 5px;
}