/***********************************************/
/* The Bear Brighton - CSS Document            */
/* bear-style.css                              */
/* http://www.thebearbrighton.co.uk            */
/***********************************************/

/***********************************************/
/* HTML Tag Styles                             */
/***********************************************/

body {
background-color: #787a79;
margin: 0;
font-size: 62.5%;
}

img {
border: 0;
}

p {
padding: 4px;
margin: 4px;
}

a {
color: #00fffe;
}

hr {
color: #3c3c3c;
height: 1px;
background: #3c3c3c;
border: 0;
}

input {
border: solid 1px #FFFFFF;
background: #3c3c3c;
padding: 2px;
color: #FFFFFF;
}

textarea {
border: solid 1px #FFFFFF;
background: #3c3c3c;
padding: 2px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#headwrapper {
background-image: url(assets/bg_header01.jpg);
background-repeat: no-repeat;
background-position: center;
}

#header {
position: relative;
height: 90px;
width: 760px;
margin-left: auto;
margin-right: auto;
}

#logo {
	position: absolute;
	top: 0;
	left: 2px;
	z-index: 2;
}

#headernav {
	position: absolute;
	right: 20px;
	top: 50px;
	z-index: 3;
}

#hr {
margin-left: auto;
margin-right: auto;
width: 720px;
background-image: url(assets/hr.gif);
background-repeat: repeat-x;
height: 3px;
position: relative;
top: 59px;
}

#maincontentwrapper {
background-image: url(assets/bg_fade.jpg);
background-position:center;
background-repeat: repeat-y;
}

#maincontent {
width: 758px;
height: 112px;
margin-left: auto;
margin-right: auto;
position: relative;
left: 1px;
}

#title {
position: relative;
top: 50px;
left: 20px;
width: 720px;
}

#bodywrapper {
background-image: url(assets/bg_fade.jpg);
background-position:center;
background-repeat: repeat-y;
}

#bodywrapper02 {
position: relative;
width: 758px;
margin-right: auto;
margin-left: auto;
}

#leftnav {
width: 219px;
float: left;
margin-left: 1px;
}

#content {
width: 520px;
margin-left: 220px;
}

#body {
width: 315px;
position: relative;
left: 21px;
top: 25px;
}

#homephotos {
	position: absolute;
	left: 2px;
	top: -90px;
	width: 185px;
	height: 131px;
	background-repeat: no-repeat;
	z-index: 5;
}

#bodyspace {
height: 68px;
}

#bodynav {
position:relative;
left: 19px;
width: 720px;
}

#nav01 {
}

#nav02 {
	position: absolute;
	left: 181px;
	top: 0;
	z-index: 4;
}

#nav03 {
	position: absolute;
	left: 361px;
	top: -1px;
	z-index: 6;
	height: 119px;
}

#nav04 {
	position: absolute;
	left: 541px;
	top: 0;
	z-index: 7;
}

#nav05 {
	position: absolute;
	left: 539px;
	top: 0;
	background-image: url(assets/home-nav_05.jpg);
	background-repeat: no-repeat;
	width: 2px;
	height: 119px;
	z-index: 8;
}

#bodynav02 {
background-image: url(assets/home-nav_06.jpg);
background-repeat:no-repeat;
height: 2px;
position: relative;
left: 1px;
}

#bodynav03 {
position: relative;
left: 19px;
width: 720px;
}

#navfade02 {
	position: absolute;
	top: 0;
	left: 181px;
	z-index: 9;
}

#navfade03 {
	position: absolute;
	top: 0;
	left: 361px;
	z-index: 10;
}

#navfade04 {
	background-image: url(assets/home-nav_07.jpg);
	background-repeat: no-repeat;
	width: 2px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 539px;
	z-index: 11;
}

#navfade05 {
	position: absolute;
	top: 0;
	left: 541px;
	z-index: 12;
}

#navfade06{
	background-image: url(assets/home-nav_08.jpg);
	background-repeat: no-repeat;
	width: 19px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 720px;
	z-index: 13;
}

#bodynav04 {
position: relative;
left: 19px;
width: 720px;
}

#nav07 {
	position: absolute;
	top: 0;
	left: 179px;
	z-index: 14;
}

#nav08 {
	background-image: url(assets/nav08.gif);
	background-repeat: no-repeat;
	width: 306px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 433px;
	z-index: 15;
}

#bodynav05 {
position: relative;
left: 19px;
width: 720px;
}

#nav10 {
	position: absolute;
	top: 0;
	left: 241px;
	z-index: 14;
}

#nav11 {
	position: absolute;
	top: 0;
	left: 501px;
	width: 238px;
	height: 90px;
	background-image: url(assets/nav11.gif);
	background-repeat: no-repeat;
	z-index: 17;
}

#footerwrapper {
background-image: url(assets/bg_footer.jpg);
background-repeat: no-repeat;
background-position: center;
height: 153px;
clear: left;
}

#footer {
width: 758px;
margin-left: auto;
margin-right: auto;
}

#footerlogo {
position: relative;
left: 2px;
}

#copyright {
display: block;
text-align: center;
position: relative;
top: -56px;
}

#valid {
position: relative;
bottom: 20px;
text-align: center;
}

#bearfooter {
	position: absolute;
	top: 90px;
	right: 85px;
	width: 134px;
	height: 100px;
	background-image: url(assets/bg_footer02.jpg);
	background-repeat: no-repeat;
	z-index: 14;
}

/***********************************************/
/* Font Classes                                */
/***********************************************/

.body {
font-size: 1.2em;
color: #FFFFFF;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

.small-text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
color: #3c3c3c;
}

.small-text-link {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #3c3c3c;
}

.small-text-link:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #000000;
}

.pg {
border: solid 1px #FFFFFF;
margin: 4px;
}

.radio {
background: none;
border: none;
}

.blog-title {
font-size: 2em;
}

.blog-date {
color: #3c3c3c;
}

.gallery-title {
font-size: 1.5em;
}