/* Master screen styles */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 100%; 
	background: #E4E2E2;
	text-rendering: optimizeLegibility; 
	font-weight: 200;
	}
a {
	color: #000000;
}
		
a:hover {
	color: #333333;
	}


p {
	color: #707070;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
}

ul, ol {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
		color: #000;
}

li {
	margin-bottom: .5em;
}

h1 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: .75em;
}

h2 {
	font-size: 1.125em;
	line-height: 1em;
	margin-bottom: 1em;
}

h3 {
	font-size: .75em;
	line-height: 1.5em;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

em {
	font-style: italic;
}
	
/* links */

a:link, a:visited {

    text-decoration: none;
	}

a:hover {
	color: #707070;
	}
/* page structure 
--------------------------------------------- */

#wrap {
width:840px;
margin: 0 auto;
background-color: #FFF;
padding: 10px 70px 0px 70px;
margin-bottom: 20px;
}




/* header 
--------------------------------------------- */
#header{
height:60px;
margin-top:0px;
margin-bottom:20px;
position: relative;
}

#main {
width:580px;
min-height: 580px;
float: left;
}

#main-gallery {
width:880px;
min-height: 580px;
float: left;
padding-bottom: 20px;
}

#main-text {
width:580px;
min-height: 580px;
float: left;
}


#secondary {
width:280px;
float: left;
padding-left: 20px;
}

#footer {
height: 20px;
}
	
	



/* logo */

#logo h1 {
width:240px;
float: left;
margin-left: -12px;
}

#logo h1 a{
display: block;
width:240px;
height: 60px;
float: left;
text-indent: -9999px;
background: url("../img/logo.png") no-repeat;
}

/*

#fb-logo h2 {
width:16px;
float: left;
}

#fb-logo h2 a{
display: block;
width:16px;
height: 16px;
float: left;
text-indent: -9999px;
background: url(../img/fb.png) no-repeat;
}

*/

/*first navigation */
	
#first-nav {
position: absolute;
top:0px;
left:615px;
width:100px;
border-top: 1px solid #707070;
border-bottom: 0;
padding:0;
}

#first-nav a{
font-size: 12px;
line-height: 14px;
color: #707070;
text-decoration: none;
font-weight: 200;
}

nav {	
	float: left;
	clear: left;
	margin-top: 0; /* adjust as necessary */
}
nav ul.sf-menu {
	padding: 0; margin: 0; /* reset list style */
	background: #CCC; /* give your menu a bg colour, if necessary */
	width: 100px; /* same as header width */
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding:0;
	list-style: none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	background: #ffffff;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
	padding: 8px 0;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match sf-menu line height */
	z-index: 99;
}
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: 10em; /* 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: 10em; /* match ul width */
	top: 0;
}

#content{
	position:relative;
}

#second-nav {
position: absolute;
top:0px;
left:738px;
width:100px;
border-top: 1px solid #707070;
border-bottom:0;
padding:0;
}

#second-nav a{
font-size: 12px;
line-height: 14px;
color: #707070;
text-decoration: none;
font-weight: 200;
}

#third-nav {
position: absolute;
bottom:15px;
right:0px;
width:100px;
border-top: 1px solid #707070;
border-bottom:0;
padding:0;
z-index:100;
}

#third-nav a{
font-size: 12px;
line-height: 14px;
color: #707070;
text-decoration: none;
font-weight: 200;
}

#third-nav-two {
position: absolute;
bottom:15px;
right:0px;
width:100px;
border-top: 1px solid #707070;
border-bottom:0;
padding:0;
z-index:100;
}

#third-nav-two a{
font-size: 12px;
line-height: 14px;
color: #707070;
text-decoration: none;
font-weight: 200;
}

h4  a{
	color:#c7c7c7;
}

/*** ESSENTIAL STYLES ***/
.ff-menu, .ff-menu * {
	margin: 0;
	padding:0;
	list-style: none;
}
.ff-menu {
	line-height:	1.0;
}
.ff-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	background: #ffffff;
}
.ff-menu ul li {
	width: 100%;
}
.ff-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.ff-menu li {
	float: left;
	position: relative;
	padding: 8px 0;
}




.ff-menu a {
	display: block;
	position: relative;
}
.ff-menu li:hover ul,
.ff-menu li.sfHover ul {
	left: 0;
	top: -7.55em; /* match sf-menu line height */
	z-index: 99;
}
ul.ff-menu li:hover li ul,
ul.ff-menu li.sfHover li ul {
	top: -999em;
}
ul.ff-menu li li:hover ul,
ul.ff-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.ff-menu li li:hover li ul,
ul.ff-menu li li.sfHover li ul {
	top: -999em;
}
ul.ff-menu li li li:hover ul,
ul.ff-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}


/* main styles 
--------------------------------------------- */

.indent a{
	padding: 0px 8px;
}
	
/* secondary styles 
--------------------------------------------- */


/* footer 
--------------------------------------------- */

#footer {

	}

/* misc. 
--------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}
	
::-moz-selection {
 background: #000;
 color: #FFF;
}
::selection {
 background: #000;
 color: #FFF;
}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
    
h4  a{
	color:#c7c7c7;
}