/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

.bbbbg1{
	background: url(images/bgB.jpg) top center no-repeat #271204;
}

.bbbbg2{
	background: url(images/bg2.jpg) top center no-repeat #271204;
}

.bbbbg3{
	background: url(images/bg3.jpg) top center no-repeat #271204;
}

.bbbbg4{
	background: url(images/bg4.jpg) top center no-repeat #271204;
}

.bbbbg5{
	background: url(images/bg5.jpg) top center no-repeat #271204;
}

.bbbbg6{
	background: url(images/bg6.jpg) top center no-repeat #271204;
}

.bbbbg7{
	background: url(images/bg7.jpg) top center no-repeat #271204;
}

.bbbbg8{
	background: url(images/bg8.jpg) top center no-repeat #271204;
}

#main {
	width: 1014px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

#main_bg {
width: 1014px;
background: url(images/main_bg.gif) repeat-y;
margin: 0px auto;
padding: 0px 13px 0px 13px;
}

#header { 
width:1014px;
padding: 0px 0px 0px 0px;
background: url(images/header.jpg) left top no-repeat;
height: 316px;
}

#logo {	font-family: Arial, Helvetica, sans-serif;
		color:#1F0601;
		font-size:18px;
		font-style:italic;
		padding: 80px 0px 0px 397px;
		background: url(images/big_img.jpg) left top no-repeat;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #1F0601;
}


#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight:100;
}

#buttons{
	width: 983px;
	background: url(images/but.png) center top no-repeat;
	text-align:center;
	padding-left:0px;
	height: 71px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	height: 45px;
	text-decoration: none;
	color: #271204;
	padding-top: 25px;
	padding-left: 0px;
	text-align: center;
	background: url(images/but.gif) 30px 20px no-repeat;
}

.but1 {
padding-top: 20px;
width: 195px;
float:left;
border-right: 1px solid #FFFFFF;}

.but3 {
padding-top: 20px;
width: 199px;
float:left;
}

.but2 {
padding-top: 8px;
width: 195px;
float:left;
border-right: none;
border-right: 1px solid #FFFFFF;}

#buttons .but1:hover {
	text-decoration: underline;
	background: url(images/but_ov.jpg) top repeat-x;
}

#buttons .but2:hover {
background: url(images/but2_over.png) left top no-repeat;
text-decoration: underline;}

#buttons .but3:hover {
background: url(images/but3_over.png) right top no-repeat;
text-decoration: underline;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #271204;
	border-left: 1px solid #271204;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #271204;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #df8628;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
}
ul.tabs li a:hover {
	background: #ffba00;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #f3a655;
	 /*--Makes the active tab look like it's connected with its content--*/
}

#content_top { background:url(images/cont_top.png) left top no-repeat;
height: 10px;
width: 983px;}

#content{
	width: 983px;
	background: url(images/cont.png) left repeat-y;
	line-height: 20px;
}

#contentB{
	width: 983px;
	background: url(images/contb.png) left repeat-y;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
}

#content_bot { background:url(images/cont_bot.png) left bottom no-repeat;
				height: 10px;
				width: 983px;}
#bot_left { background: url(images/bot_r.png) left bottom no-repeat;
				height: 12px;
				width: 983px;}
				
.tab_container {
	border: none;
	border-top: none;
	overflow: hidden;
	clear: both;
	width: 100%;
	  
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

#left{
	width: 274px;
	margin: 0px 0px 0px 10px;
	float: left;
	color:#271204;
	background:url(images/left_top.gif) left top no-repeat;
} 

#leftB{
	width: 350px;
}

#left ul {
padding: 0px 0px 0px 0px;
list-style:none;}

#left li { line-height: 24px;
	padding: 0px 0px 0px 30px;}
#left li a { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #271204;
	font-size: 12px;
	text-decoration: none;}
	
#left li a:hover { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #592808;
	font-size: 12px;
	text-decoration: underline;}
	

.left_b {	background: url(images/fish2.gif)  8px 20px no-repeat;
		padding: 15px 5px 0px 30px;

}

.text{	padding: 10px 0px 0px 0px;
}

.textB{	padding: 0px 15px 0px 15px;
}

.text img{ margin: 4px 12px 3px 0px;
}

.textB img{ margin: 0px 10px 0px 0px;
}

.img { margin: 4px 16px 3px 0px;
}

.img2 { margin: 4px 12px 3px 0px;
}

.img3 { margin: 4px 12px 3px 0px;
}

#left span {	color:#592808;
		font-weight:bold;
}

#middle span {	color:#592808;
		font-weight:bold;
}

#right span {	color:#592808;
		font-weight:bold;
}

#galleria{width:700px;margin:20px auto}

a.button{
	background:url(img/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	border:none;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(img/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(img/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(img/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(img/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(img/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(img/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(img/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(img/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}


blockquote {
	background: #F0F0F0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	}
	
blockquote .cite {
		text-align: right;
		font-style: italic;
		margin: 0px;
		}
		
#left H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #271204;
	text-align: center;
	padding: 8px 0px 0px 0px;
	height: 28px;
	background:url(images/tit_l.jpg) left top no-repeat;
}

#middle H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #271204;
	text-align: center;
	padding: 8px;
	height: 28px;
}

#middle H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #000;
	text-align: left;
	padding: 8px;
	height: 28px;
}

#middle H22{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #000;
	text-align: left;
}

#middle H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 100;
	color: #000;
	text-align: left;
}

#right H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #271204;
	padding-left: 0px;
	text-align: left;
	padding: 8px 0px 0px 1px;
	height: 28px;
}

.read{
	text-align:right;
	padding-right:10px;
	padding-top: 2px;
	font-weight:bold;
	text-decoration:none;
}

#left .read a {
	color: #890101;
	text-decoration: underline;
}

#left .read a:hover {
	color: #592808;
	text-decoration: none;
}

#middle .read a {
	color: #890101;
	text-decoration: underline;
}

#middle .read a:hover {
	color: #592808;
	text-decoration: none;
}

#right .read a {
	color: #890101;
	text-decoration: underline;
}

#right .read a:hover {
	color: #592808;
	text-decoration: none;
}

#right{
float: right;
width: 660px;
margin-right: 8px;
padding: 5px 0px 0px 0px;
}

#rightB{
float: right;
position: relative;
width: 550px;
margin-right: 8px;
padding: 5px 0px 0px 0px;
}

#middle{
width: 975px;
padding: 4px;
padding: 4px;
}

.tit_bot { background: url(images/tit_bot.png) left top no-repeat;
padding: 5px 5px 0px 5px;}

#footer{
	height: 57px;
	width: 100%;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	clear:both;
	padding: 23px 0px 0px 0px;
	background: url(images/footer.jpg) left bottom  no-repeat;
}

#footer a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #592808;
	font-size: 12px;
	text-decoration: underline;
}