@import url("fonts.css");

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;
}
header, section, footer,
aside, nav, article, figure {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
 h1
{font-family:'Blue Highway', 'SansationBold', Arial, sans-serif;
font-weight:normal;
font-size:26px;
letter-spacing:2px;
color:#FFFFFF;}

h2
{font-family:Verdana, Arial, sans-serif;
font-weight:normal;
font-size:19px;
color:#7e8384;}

p, li
{font:12px/18px 'Myriad Pro', Helvetica, Arial, sans-serif;
color:#a6a6a7;
padding:5px 0 5px 0;}

.intro .text p
{color:#e5ebf0}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
a
{text-decoration:none;
cursor:pointer;
color:#6db8d4;
white-space:nowrap;}

a:hover
{color:#e57e5f;}
.clear
{clear:both;}
.offscreen
{margin-left:-9999px;}

acronym
{border-bottom:1px #e5ebf0 dotted;
cursor:help;}
/* ------------------- End of CSS Reset ------------------- */

body
{background:#09090a url(../img/bodybg.jpg) no-repeat 50% 160px;}

html, body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;}

#main { padding-bottom: 141px; }  /* must be same height as the footer */

footer {
position: relative;
margin-top:-81px; /* negative value of footer height */
height: 141px;
width:100%;
background:#ffffff;
/*background-image: -moz-linear-gradient(100% 100% 90deg, #34383b, #090909);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#090909), to(#34383b));*/
clear:both;
border-top:5px solid #34383b;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}


header
{width:100%;
background:#09090a url(../img/bg-header.gif) repeat-x top;
background-image: -moz-linear-gradient(100% 100% 90deg, #090909, #34383b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34383b), to(#090909));
height:101px;
border-bottom:1px solid #ffffff;}

header p
{font:italic 16px/16px 'Blue Highway', 'SansationBold', Arial, sans-serif;
letter-spacing:3px;
float:left;
margin:20px 0 0 40px;
padding:0;}


nav
{float:left;
margin:25px 0 0 30px;}

nav a
{float:left;
margin:0 0 0 20px;
width:70px;
text-align:center;
font:14px/21px 'Blue Highway', 'SansationRegular', Arial, sans-serif;
color:#FFFFFF;}

.content
{width:800px;
margin:auto;
position:relative;
margin-top:-5px;}

.intro
{float:left;
width:400px;
margin-top:20px;}

.gallerymain .intro
{width:800px;}

.intro h1
{margin-bottom:10px;
margin-top:55px;}

/*** menu ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
}

.sf-with-ul a
{
float: none;
width: auto;}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin-left:12px;
	margin-right:12px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		3999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			9em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			9em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:	left;
	margin:0 0 0 35px;
}
.sf-menu a {
	padding: 7px 0 7px 15px;
	text-decoration:none;
}

.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
font:14px/21px 'Blue Highway', 'SansationRegular', Arial, sans-serif;
color:#FFFFFF;
padding: 2px 0 2px 0;}

.sf-menu li li a
{font:14px/21px 'Blue Highway', 'SansationRegular', Arial, sans-serif;
color:#FFFFFF;
padding: 7px 0 7px 5px;}

.sf-menu li:hover
{background:#000000;}

.sf-menu li.mainMenuList:hover
{background:none;}

.sf-menu a:hover
{color:#e57e5f;}

.sf-menu li li {
background:rgb(0, 0, 0);
background:rgba(0, 0, 0, 0.9);
font-weight:normal;
}

ul.subMenuList > li:first-child
{-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;}

ul.subMenuList > li:last-child
{-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;}

section#footerupper
{margin:auto;
width:100%;
text-align:center;
position:relative;
border-bottom:1px solid #000000;}

#footerupper ul li
{display:inline-block;
width:100px;}

.footerouter
{margin:auto;
width:800px;}

footer p, footer a
{font:12px/16px Arial, sans-serif;
color:#09090a;}

.social
{float:left;
width:240px;
margin:0 20px 0 0;}

.social a
{white-space:normal;}

.social img, .social iframe
{float:left;
margin:0 5px 0 0;}

.socialshare a
{float:left;
margin:5px12px 5px 12px;}

.copyright
{position:absolute;
bottom:0;
right:0;}

.copyright p, #tla
{font:10px/14px Arial, sans-serif;}

#tla
{position:absolute;
bottom:0;
left:0;}