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


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { font-family:Arial, Helvetica, sans-serif;
		background-color: #7b8a80;}

a:link, a:visited {color:#2E9463; text-decoration: underline}
a:hover {color:#2E9463; text-decoration:underline}

p { font-size:13px; color:#577461; line-height:1.3em}
h1 { font-size:28px; color:#5A3D2B}
h2 { font-size:22px; color:#5A3D2B}
h3 { font-size:18px; color:#5A3D2B}
h4 { font-size:16px; color:#5A3D2B}


/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:974px; margin:0 auto; padding-top:10px}

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:974px; float:left; background:#DADCD7 url(../images/bg_wrapper.png) no-repeat top right}


/*
---------------------------------------------
04. header
---------------------------------------------
*/


#header { width:950px; height:77px; float:left; padding-left:24px; padding-top:17px}
 
#header .logo { float:left}


/*
---------------------------------------------
05. navigation
---------------------------------------------
*/


#nav { width:964px; height:28px; float:left; background:url(../images/bg_nav.gif) repeat-x; padding-top:10px; padding-left:10px; font-family: "Arial Narrow", Arial, sans-serif;}

#nav ul li { float:left; font-size:14px; font-weight:bold; color:#A09188; text-transform:uppercase; padding:0 20px}
#nav ul li a { color:#A09188; text-decoration:none}
#nav ul li a:hover { color:#fff; text-decoration:none}
#nav ul li a.selected { color:#fff; text-decoration:none}
#nav img  { margin: -5px 5px 0 0px;}

#nav .nav_left { float:left; position:relative}
#nav .nav_right { float:right; padding-right:0px; position:relative}
#nav .nav_back { float: center; }



/*
---------------------------------------------
05. content
---------------------------------------------
*/



#content { width:974px; float:left; padding-top:15px; }

#content .photo { width:215px; height:224px; float:left; background:url(../images/bg_photo_left.jpg) no-repeat top right; padding-left:20px}

#content .banner { width:250px; float:left; text-align:center; padding-left:17px; padding-top:16px; position: absolute; top: 10px; left: 475px;}

#content .banner img {padding:5px;}

#content .about { width:440px; float:left; padding-left:17px; padding-top:16px; position: relative;}
#content .about h1 { padding-bottom:4px; font-weight:bold}

#content_back { width:974px; background-color:#DADCD7; padding-top:15px; min-height:600px; height:auto !important; height:100px; }

#content_back .photo {width:215px; float:right; background:url(../images/bg_photo_left.jpg) no-repeat top left; padding-right:20px; margin:0 0px 20px 20px; }

#content_back .news {width:450px; float:left; padding-left:17px; padding-top:16px}
#content_back .blog {width:400px; float:right; background-color:#d2d7d0; border:1px solid #644837; padding:16px; margin:20px; }

#content_back .music {width:550px; float:left; padding-left:17px; padding-top:16px}
#content_back .player {width:300px; float:right; background-color:#d2d7d0; padding:10px; margin:20px; }

#content_back .text { width:700px; float:left; padding-left:17px; padding-top:16px}
#content_back .text h1 { padding-bottom:4px; font-weight:bold}



/*
---------------------------------------------
06. bottom content
---------------------------------------------
*/

#content_bottom { width:960px; float:left; background:#A3B7AA; padding:10px 0 5px 14px; margin-top:6px}


#content_bottom .listen { width:300px; float:left; background:url(../images/bg_listen.jpg) no-repeat; padding-left:44px; padding-right:25px}
#content_bottom .flash { float:left} 


#content_bottom .look { width:165px; float:left; background:url(../images/bg_look.jpg) no-repeat;  padding-left:40px}
#content_bottom .look p a { width:158px; float:left; font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:right; padding-right:7px}
#content_bottom .look p a:hover { color:#FFFFFF; text-decoration:underline}


#content_bottom .photo_look { width:70px; height:106px; float:left; padding:3px 6px}
#content_bottom .iconbox { float:left; padding-top:10px}


/*
---------------------------------------------
07. footer
---------------------------------------------
*/


#footer { width:974px; float:left}
#footer .mainphoto { float:right; margin-top:-632px;}

.spacer { width:100%; height:10px; float:left}


/*
---------------------------------------------
08. gallery
---------------------------------------------
*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #dadcd7;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
font-size: 8pt;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* --------------------------------------------------------- =CLEAR =FLOATS/=FIXS */

.clearfloat {
	clear: both;
	height: 1px;
	}
	
.clear0 {
	height: 0;
	clear: both;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;} /* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;} /* End hide from IE-mac */