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

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0px;
	padding:0px;
	background:#000;
	/*background-image:url(images/page-bkg2.jpg);
	background-position:center;
	background-repeat:repeat-y;*/
}

img
{  border-style: none;
}




p{
	font-size: 100%;
	color:#CCCCCC;
	text-align:justify;
	line-height: 1.5;
	margin-top:0px;
}

#topbar {
	height:204px;
	width:100%;
	background-color:#231F20;
	background-image:url(images/white-stripe-bkg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}


#logo {
	height:204px;
	width:394px;
	background-color:#231F20;
	background-image:url(images/bigtree-logo.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}


/*................Wrapper......................*/

#wrapper {
width:760px;
background:#000;
/*background:#E1E9FB;*/
margin:0 auto;
padding:0px;
}

/*................Header Area......................*/

#header{
	height:150px;
	background:#004a80;
	color:#FFFFFF;
	background-image: url(images/tree.jpg);
}

#header h1{
	padding-top:20px;
	padding-left:15px;
	margin:0px; /* 0 out margin because FireFox adds a space between the #topbar and #wrapper...this corrected the problem */
	color: #ffffff;
}

/*...................Navigation...........................*/


#navbar {
background:#000;
height:30px;
padding:5px;
padding-top:0px;
text-align:right;
}

#navbar ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:3px;
}

#navbar li{
	display:inline;
	height: 40px;
}

#navbar a:link, #navbar a:visited {
	padding: 3px 15px 5px 15px;
	color:#FFFFFF;
	background-color:#231F20;
	text-decoration:none;
	border-bottom:thin solid #8cc63f;
	


}

#navbar a:hover{
	color:#fff;
	background:#8cc63f;
	
}

/*................Picture Banner under navigation......................*/


#banner {
height:230px;
background-color:#231F20;
background-image:url(images/banner-bkg.jpg);
background-position:center;
background-repeat:no-repeat;
border:solid 15px;
border-color:#231F20;

}

#banner2 {
height:230px;
background-color:#231F20;
background-image:url(images/banner2.jpg);
background-position:center;
background-repeat:no-repeat;
border:solid 15px;
border-color:#231F20;

}

#banner3 {
height:230px;
background-color:#231F20;
background-image:url(images/banner3.jpg);
background-position:center;
background-repeat:no-repeat;
border:solid 15px;
border-color:#231F20;

}

#banner4 {
height:230px;
background-color:#231F20;
background-image:url(images/banner4.jpg);
background-position:center;
background-repeat:no-repeat;
border:solid 15px;
border-color:#231F20;

}



/*................Content Area......................*/



#content {
	width:725px;
	padding:10px;
	padding-left:20px;
	border-right:thin solid #000;
	clear:both;

}

.floatleft{
float:left;
border:3px solid #000;
margin-left:20px;
margin-bottom:10px;

}

.leftimage{
float:right;
border:3px solid #000;
margin-left:20px;
margin-bottom:10px;
}

.leftimage:hover{
border:3px solid #336699;
}



/*................Styles the Portfolio Page......................*/

#albumlist{
	height:1300px;

}

#albumlist img{
border: solid 2px;
border-color:#fff;
}


#albumlist img a{
border:thick solid #231F20;
}

#albumlist ul{
list-style:none;

}

#albumlist li{
float:left;
margin-right:75px;
margin-left:6px;
margin-bottom:25px;
}
#albumlist img{
display:block;
background:#000000;

}

/*................Contact Us Form Area......................*/
#form{
margin-left:30px;

}

#form p{
line-height:.3em;
}

/*................Footer Area......................*/

#footer{
	background:#000;
	height:50px;
	text-align:center;
	clear:both;
	border-bottom: solid thin #000;
}

#footer p{
color:#fff;
font-size:80%;
text-align:center;
padding:10px;
}
h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.emallink a{
color:#006699;
}
h3 {
	color: #8CC63F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.liststyles {
color:#FFFFFF;
}