@import "../global/css/base.css";

/* Layout
---------------------------------------- */

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

/* 0 & Intro
---------------------------------------- */
.header { 
	height:165px; 
	background:url(../images/header_bg.jpg) top right no-repeat;
	margin-bottom:0;
	}

#nav {
position:relative;
height:36px;
line-height:36px;
margin-bottom:18px;
	
	width:100%;
	
	}
#nav li {
	font-size:16px;
	
	}
#nav li, #nav li a {
	color:#fff;	
	
	}
#nav li a:hover {
	color:#fff;
	}
	
hr {clear:both;}
.title { border-bottom:1px solid #ccc;}		

/* Footer
---------------------------------------- */	
.footer {
	text-align:center;
	font-size:11px;
	color:#fff;
	background: url(../images/footer_bg.jpg) top left repeat-x;
}
	
.footer li {
	color:#fff;
	padding:0 1em;
	display:inline;
	}		
.footer a {
	color:#fff;
	}	
	
	/* Sticky Footer
------------------------------------------------------------ */
body.stickyfooter .wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	
body.stickyfooter .twocollefta {
	padding-bottom:10em;
	} 	 

body.stickyfooter .footer {
	height: 10em; 
	margin-top: -10em ; /* margin same as height */
	}
	
/* CSS Navigation - 3 dropdown levels
------------------------------------------------------------ */
#nav          { width:100%; }
#nav a        { display: block; }
#nav li       { float: left;  padding:0 13px; }
#nav li:hover { position: static; }

#nav li ul {
	position: absolute;
	left: -999em;
	background:#333;
	padding:.4em;
	width:12em;
	opacity: 0.9;
	filter:alpha(opacity=90); /* IE */
	}
#nav li ul li {	padding:0; }
#nav li ul li a {
	clear:left; 
	margin:0 auto;  
	width:12em;  
	height:1.5em; 
	line-height:1.5em;
	text-indent:5px;
	border-bottom:1px solid #666;
	font-size:16px;
	}
#nav li ul li a:hover {
	background:#444;
	text-decoration:none;
	}
		
#nav li li:hover ul {
    margin: -.85em 0 0 12em;
    }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; 
	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;  }




/* Rounded Corners
------------------------------------------------------------ */
.top b, .mid, .bottom b, .round .twocolleftb { background: #9FB1C7;  }

.top	{ }
.mid  	{ padding:5px 9px; display:inline-block; position:relative; }
.bottom	{ margin-bottom: 18px; }

.top, .bottom { display:block; }
.top b, .bottom b { display:block; height: 1px; overflow: hidden; }

b.one { margin: 0 5px; }
b.two { margin: 0 3px; }
b.three { margin: 0 2px; }
b.four { margin: 0 1px; height: 2px; }
.galleryright {float:right; margin:12px;}