/*********************************
	Body,Container,and header
*********************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color: #000000;
	margin-top:0px;
	background-image: url(night_tile.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
}
#container {
	width:760px;
	margin:0px auto 20px auto;
}
#header {
	height:180px;	
}
/********************************
			titles
*********************************/
.title{
	float:right;
	padding-right:2px;
	margin:-30px;
	border:none;
	}
/********************************
			Content
*********************************/
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:605px;
	color: #000000;
	font-size: 1em;
	text-align: left;
	padding:30px;
	margin-left:43px;
	margin-bottom:10px;
	background-image: url(roots/centerpeice_night.gif);
	background-repeat: no-repeat;
	background-color: #C1C0bf;
	border: 5px solid #FFFFFF;	
	
}
#content a:link{
	color:#FFFFFF;
	}
#leftroots {
	background-image:url(roots/leftroots_night.gif);
	background-repeat:no-repeat;
	float:left;
	margin-top:-6px;
	width:43px;
	height:379px;
	z-index:7;
}
#rightroots {
	background-image:url(roots/rightroots_night.gif);
	background-repeat:no-repeat;
	float:right;
	width:42px;
	height:470px;
	margin-top:0px;
	z-index:7;
}
/********************************
			Navbar
*********************************/
#navcontainer {
	background-image: url(roots/toproots_night.gif);
	background-repeat:no-repeat;
	width: 679px;
	height:82px;
	margin-top:-12px;
  }
#navbar {
	position:relative;
 	height: 164px;
  	width:473px;
  	text-decoration: none;
  	font-size:1em;
	background-image:url(night_navbar.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
	margin-left:240px;
  }
#navbar li a{
	text-indent:-9999px;
}
#navbar .casa{
	position:absolute;
	left:4px;
}
#navbar .travel{
	position:absolute;
	left:94px;	
}
#navbar .life{
	position:absolute;
	left:194px;	
}
#navbar .about{
	position:absolute;
	left:274px;
	}
#navbar .contact{
	position:absolute;
	left:373px;
}
#navbar li {
	display: inline; 
}

#navbar li a { 
	display: block;  
	height: 27px;
	width: 88px;
	text-decoration: none;
}
#navbar li a:hover {
	background-image:url(night_navbar.jpg);
	background-repeat:no-repeat; 
}
a#casa:hover { background-position: -477px 0%; }
a#travel:hover {background-position: -567px 0%; }
a#life:hover { background-position: -667px 0%; width:75px; }
a#about:hover {background-position: -747px 0%; }
a#contact:hover { background-position: -846px 0%; width:98px;}


/********************************
			Footer
*********************************/
#footer {
	font-size:.97em;
	width:762px;
	color:#666666;
	margin-bottom:25px;
	text-align: center;
}
#footer img{
	border:none;
	margin:0px;
	padding:0px;
}
/********************************
			SecFooter
*********************************/
#secfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #C1C0bf;
	text-align: center;
	color:#666666;
	margin-bottom:0px;
	padding:3px;
	width:100%;
	left:0;
	position:fixed;
	bottom:0;
	z-index:4;
	text-decoration:none;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #333333;
	}

#secfooter img{
	padding:0px;
	margin:0px 0px -2px 0px;
	border:none;
}
/********************************
			styles
*********************************/
img {
	padding:1px;
	margin:5px 10px 5px 1px;
	border: 4px solid #FFFFFF;
}
/********************************
			Heading
*********************************/
h1, h2, h3 {
	color:#A09F9D;
	margin:0px;
	padding:0px;
}
/********************************
			Links
*********************************/
a:link, a:visited{
	text-decoration:none;
	color:#666666;
	padding-top:10px;
}
a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/********************************
			Classes
*********************************/
.bold {
	font-weight: bold;
	color: #FFFFFF;
}
.floatleft {
	float:left;		
}
.floatright {
	float:right;
}
.white {
	color:#FFFFFF;
}
.green{
	color:#193672;
	font-weight: bold;
}
.black{
	color:#000000;
}