/*SITE DETAILS:

site: Little Brown Birds
design by: Mike Krage
build by: Ali West @ spOOny

colours used:
blue background : #c0ced4
green : #889110


***********************************************
			 LAYOUT 
***********************************************/

body {
	
	color: #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 150%;
	background: #c0ced4;

	
	
}


#container {
	
	margin: 0 auto;
	width: 800px;
	padding: 0px;
		

}

#header {
	background: url(../images/title_block.jpg) no-repeat 50% 50%;
	float: left;
	width: 800px;
	height: 280px;
	margin:0;
	padding: 0;
	margin-top: 100px;
	margin-bottom: 15px;

	
	}
	#content1 {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff url(../images/index_bg.jpg) no-repeat 50% 10px;
	margin-top: 25px;
	margin-bottom: 30px;

	}

#heading {
float: left;
margin: 0;
padding: 0;
width: 600px;
padding-left: 200px;

}
#column {
width: 345px;
float: left;
margin: 0;
padding: 0;
margin-right: 15px;

}

#bottom {
float: left;
clear: both;
margin: 0;
padding: 0;
height: 50px;
width: 800px;
clear: both;
background: #c0ced4;
}

#top {
float: left;
margin: 0;
padding: 0;
height: 40px;
width: 800px;
clear: both;
background: #c0ced4;
}
#header1 {
	background: url(../images/title_block1.jpg) no-repeat 50% 50%;
	float: left;
	width: 800px;
	height: 50px;
	margin:0;
	padding: 0;
	padding-bottom: 20px;
	padding-top: 40px;

	
	}

	
#main {
float: left;
margin: 0;
padding: 0;
padding-bottom: 20px;
width: 400px;
padding-left: 200px;
padding-right: 200px;

}

#footer {

float: left;
margin: 0;
padding: 0;
	width: 730px;
	clear: both;
	margin-left: 35px;
	margin-right: 35px;
height: 40px;
margin-bottom: 40px;

border-top: 1px solid #000;

}
#footer1 {
float: left;
clear: both;
margin: 0;
padding: 0;
width: 800px;
height: 50px;
margin-bottom: 20px;
background: #ffcc33;

}
#heading1 {
float: left;
margin: 0;
padding: 0;
width: 800px;

}
.links {padding: 0; margin: 0;float: right; padding-right: 70px; clear: both;font-weight: bold;} 
.links a {font-weight: normal;text-decoration: none;}
#heading1 p {float: right;padding: 0; margin: 0; margin-right: 35px;margin-top: 50px; font-weight: bold;}
#heading1 a {font-weight: normal; text-decoration: none;}
#heading2 {float: left;margin: 0;padding: 0;width: 350px;}
#main1 {
float: left;
margin: 0;
padding: 0;
padding-bottom: 20px;
width: 730px;
padding-left: 35px;
padding-right: 35px;

}


/***********************************************
			 LINKS
***********************************************/
a {
color: #000;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #666;
text-decoration: none;
}

/*--------------------------------
       INDEX PAGE NAVIGATION
---------------------------------*/

#navigation {
float: left;
margin: 0;
padding: 0;
padding-bottom: 30px;
margin-bottom: 30px;

}

#nav {
	
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 90%;
	color: #000;
	height: 30px;
	width: 395px;
	clear: both;
	margin-left: 205px;
	margin-right: 200px;
	border-bottom: 1px solid #000;
	
}

#nav li {
	display: inline;
	font-weight: bold;
	
}

#nav li a:link, #nav a:visited {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	color: #000;
	text-decoration: none;
	
}
#nav li a:hover {
	color: #666;
}
	
/*--------------------------------
       TOP NAVIGATION
---------------------------------*/

#nav1 {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 100%;
	color: #000;
	
	height: 30px;
	width: 730px;
	clear: both;
	margin-left: 35px;
	margin-right: 35px;
	border-bottom: 1px solid #000;
	
}

#nav1 li {
	display: inline;
	font-weight: bold;
	
}

#nav1 li a:link, #nav1 a:visited {
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	color: #000;
	text-decoration: none;
	
}
#nav1 li a:hover {
	color: #666;
}

#nav .here,#nav1 .here {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	color: #889110;
	text-decoration: none;
}
/******************************

		GALLERY

*******************************/

.thumbnail {
	float: left;
	width: 235px;
	padding: 0;
	margin: 0;
	text-align: center;
	height: 265px;
	
	}
.thumbnail img {
margin: 0;
padding: 0;
border: none;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;

}
	
.description {
margin: 0;
padding: 0;
font-size: 85%;

}
/*******************************
		LISTS
********************************/

ul {margin: 0;padding:0;padding-left: 25px;}
li {margin: 0;padding: 0;padding-bottom: 7px;}



/***************************
           
	  PARAGRAPH STYLES
				  
***************************/
#header p {
	text-indent: -9999px;
	}

#footer p {
margin: 0;
padding: 0;
padding-top: 25px;
padding-bottom: 25px;
font-size: 80%;
}	

#main p {
padding: 0;
margin: 0;
padding-left: 10px;
}

#main1 p {
padding: 0;
margin: 0;
padding-left: 10px;
padding-bottom: 8px;
}	
#header1 p {
	text-indent: -9999px;
	}

/***************************
           
	  IMAGE STYLES
				  
***************************/

.woodpecker {
margin-top: 20px;
}
.redwing {
margin-top: 15px;
}

/***************************
           
	  HEADING STYLES
				  
***************************/
.peter {
background: url(../images/header_peter.jpg) no-repeat 0% 50%;
text-indent: -9999px;
margin: 0;
padding: 0;
margin-bottom: 20px;
}	

.prints {
background: url(../images/header_prints.jpg) no-repeat 0% 0%;
text-indent: -9999px;
margin: 0;
padding: 0;
margin-bottom: 10px;
margin-top: 35px;
height: 50px;
margin-left: 35px;
float: left;
width: 600px;

}
.about {
background: url(../images/header_about.jpg) no-repeat 0% 0%;
text-indent: -9999px;
margin: 0;
padding: 0;
margin-bottom: 10px;
margin-top: 35px;
height: 50px;
margin-left: 35px;

}
.order {
background: url(../images/header_order.jpg) no-repeat 0% 50%;
text-indent: -9999px;
margin: 0;
padding: 0;
margin-bottom: 10px;
margin-top: 10px;
height: 50px;

}

h1 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 100%;
padding-left: 9px;
}
/******************************************

	MISCELLANEOUS
	
*******************************************/

#content {
float: left;
margin: 0;
padding: 0;
background: #fff;
margin-top: 25px;
margin-bottom: 40px;
}