@charset "utf-8";
/* CSS Document */

/* COLORS 
red-links #600000 & #df0000
Brown: #4f2700
*/


/* RESET AND BASICS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html { overflow-y: scroll; }
div.clear { clear: both; }
body {font-family: Georgia, Serif; font-size: 14px; }
a { text-decoration: underline; outline: none; color: #600000; }
a:hover { color: #df0000; }
a:active { outline: 0; position: relative; top: 1px; }
a img { border: 0; background: none; text-decoration: none; color: #666; }
img	{ vertical-align: middle; }
.button {}
.button:hover {}

/* CLEAR FIX*/
.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 */

/* BASIC LAYOUT */

html, body, #wrapper { height: 100% }

html { background: url(../images/html.jpg) top center repeat; }
body { background: url(../images/body.jpg) center top repeat-x; }

section#wrapper { 
	width: 960px;
	margin: 0px auto;
	position: relative;
	right: 13px;
	height: auto;
	min-height: 100%;
}

#main { padding-bottom: 404px; clear: both; }

/* CLASSES */
.float-l {float: left;}
.float-r {float: right;}
.d-none { display: none; }
.margin-r { margin-right: 10px; }
.margin-l { margin-left: 10px; }
.clear { clear: both; }
.hidden { display: none; }

/* GENERAL TYPOGRAPHY */
p { font-size:14px; line-height:18px; color: #111; margin-bottom: 14px; }

h1, h2, h3 { font-family: Impact; }
h1 { font-size: 32px; letter-spacing: 1px; color: #222; }
h2 { font-size: 24px; color: #666; }
h3 { font-size: 20px; color: #999; }
h4 {  } 
h5 {  }
h6 {  }
h7 {  }

.center { text-align: center; }

/* HEADER */

body>section>header {
	background: url(../images/header.jpg) top center no-repeat;
	width: 960px;
	height: 349px;
	position: relative;
}

h1#logo {}
h1#logo a {
	text-indent: -9999px;
	display: block;
	width: 266px;
	height: 87px;
	background: url(../images/andrum-logo.jpg) top center no-repeat;
	position: absolute;
	left: 360px;
	top: 32px;
}
h1#logo a:hover { background-position: 0px -87px; }
h1#logo a:active { background-position: bottom center; }

/* NAVIGATION */

header>nav { 
	position: absolute;
	top: 281px;
	left: 260px;
}
header>nav ul { list-style: none; }
header>nav ul li { display: inline; position: relative; }
header>nav ul li a {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 42px;
	color: #FFF;
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0px 24px;
	background: url(../images/nav.png) -40px -40px no-repeat;
}
header>nav ul li a:hover {
	background-position: bottom center;
	background-repeat: repeat-x;
	color: #FFF;
}
header>nav ul li a.current-page {
	color: #600000;
	background-position:0px 10px;
	background-repeat: repeat-x;
}

/* DROP DOWN NAVIGATION */

header>nav li ul {
	visibility: hidden;
	position: absolute;
	float: left;
}
header>nab li ul li { display: inherit; }
header>nav li:hover ul {
	visibility: visible;
	top: 42px;
	left: -104px;
	width: 230px;
}
header>nav li:hover ul li a {
	width: 230px;
	line-height: 54px;
	text-align: left;
	padding: 0px;
	text-transform: none;
	font-size: 15px;
	text-indent: 68px;
	letter-spacing: 1px;
	background-color: #222;
}

a.andvakar-link {
	background: url(../images/andvakar-link.jpg) top left no-repeat;
	background-position: 4px 3px;
}
a.gAndrum-link {
	background: url(../images/gAndrum-link.jpg) top left no-repeat;
	background-position: 4px 3px;
}
	header>nav ul li ul li a.gAndrum-link:hover, header>nav ul li ul li a.andvakar-link:hover {
		background-repeat: no-repeat;
		background-position: 4px 3px;
		background-color: #444;
	}
	header>nav ul li ul li a.gAndrum-link:active, header>nav ul li ul li a.andvakar-link:active {
		top: 0px;
	}
		
/* CONTENT */

article { clear: both; }

figure {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0 15px 5px 0;
	font-size:80%;
}
figure img { margin-bottom: 4px; }

article.article { width: 900px; margin-left: 30px; padding-bottom: 20px; margin-bottom: 20px; clear: both; }
article.article ul { list-style: none; margin-bottom: 8px; }
article.article ul li { list-style: none; margin-bottom: 1px; }
article.article li ul { text-indent: 15px; }
article.article span {
	color: #4f2700;
	font-weight: bold;
	font-variant: small-caps;
}
article.mArticle { border-bottom: 1px dotted #AAA; }

/* IMAGE GALLERY */

ul.image-gallery { list-style: none; }
ul.image-gallery li { display: inline; }
ul.image-gallery li a {
	display: block;
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	margin: 0 7px 10px 0;
}

/* FOOTER */

body>footer { 
	position: relative;
	margin-top: -404px;
	height: 404px;
	clear: both;
	background: url(../images/footer-x.jpg) top center repeat-x;
}

#footer-content {
	clear: both;
	height: 404px;
	margin: 0px auto;
	background: url(../images/footer-image.jpg) top center no-repeat;
	position: relative;
	right: 13px;
}

p#footer-text {
	text-align: center;
	position: relative;
	top: 380px;
	color: white;
	font-weight: bold;
	text-shadow: #333 1px 1px 3px;
}
#footer-content a {
	color: white;	
}

/* OTHER */