/*
	(¯`·........ Designed and coded by: ubik (yewbic[at]yahoo[dot]com) ........·`¯)
*/




/*   (¯`·....................... B O D Y .......................·`¯)   */



* { margin:0; padding:0 }


body {
	background:#fff url('images/bg.jpg') repeat-x top;
	text-align:center }

#wrapper {
	margin:0 auto;
	min-width:590px;
	max-width:950px;
	min-height:800px;
	text-align:left }

#white {
	background:#fff;
	width:100% }



/*   (¯`·...................... T I T L E ......................·`¯)   */



#top {	
	height:210px;
	min-width:350px;
	position:relative;
	margin:0 auto }

#top h1 {		/* position relative to #top */
	position:absolute;
	top:85px;
	left:30px;
	font: bold 45px "century gothic", verdana, arial, sans-serif;
	letter-spacing:-3px;
	color:#fff }

#top h2 {		/* position relative to #top */
	position:absolute;
	top:95px;
	right:15px;
	text-align:right;
	letter-spacing:0px;
	font: bold 17px "century gothic", verdana, arial, sans-serif;
	color:#ccc }



/*   (¯`·....................... M E N U .......................·`¯)   */



#rightside {
	width:190px;
	float:right }

#menu {
	margin:0 0 50px 0 }

#menu a {
	background:#f1f1f1;
	height:25px;
	display:block;
	text-decoration:none;
	color:#000;
	margin:15px 20px 0 0;
	padding:2px 0 0 10px;
	border:1px solid #000;
	font:bold 16px verdana, arial, sans-serif }

#menu a:hover {
	color:#fff;
	background:url('images/ani.gif') }

#menu a:active {
	color:#000;
	background:#fff }




/*   (¯`·................. R I G H T-B O X E S .................·`¯)   */



.rightbox {		/* re-used footer.jpg w/ BG positioning */
	background:#000 url('images/footer.jpg') repeat-x 0 -62px;
	margin:0 10px 50px 0;
	position:relative;
	padding: 0 0 10px 0;
	border:1px solid #000 }

.rightbox h1 {
	padding:0 0 0 15px;
	font:18px "Lucida Sans",verdana,arial,sans-serif;
	color:#fff }
	
.rightbox h1 h2 {
	padding:0 0 0 15px;
	font:16px "Lucida Sans",verdana,arial,sans-serif;
	font-style: italic;
	color:#fff }
	
.rightbox p {
	margin: 5px 0;
	padding:0px 5px 5px 5px;
	color:#fff;
	font:15px "century gothic", verdana,arial,sans-serif }

.rightbox ul {
	list-style-type:none;
	margin:10px 0 0 0 }

.rightbox ul li { background:url('images/arrow.gif') no-repeat 10px 5px }

.rightbox ul li a {
	padding:0 0 0 10px;
	display:block;
	text-decoration:none;
	height:30px;
	font:bold 14px verdana,arial,sans-serif;
	background:#000;
	color:#ccc }

.rightbox ul li a:hover {
	background:transparent;
	color:#fff;
	padding:0 0 0 25px }

.rightbox p.read { text-align:right }	/* 'read more' */
.rightbox p.read a { color:#ccc }
.rightbox p.read a:hover { color:#fff }




/*   (¯`·....................... M A I N .......................·`¯)   */



#leftside {
	background:#fff;
	margin:0 200px 0 20px }

.main {
	background:#fff url('images/bg_con.jpg') repeat-x bottom;
	margin:30px 0;
	min-height:200px;
	position:relative }

.bl { background: url('images/bl.jpg') no-repeat bottom left }

.br { background: url('images/br.jpg') no-repeat bottom right }

.main p {
	font:15px verdana,arial,sans-serif;
	line-height:25px;
	text-align:justify;
	padding:0 15px 40px 15px }

.main p img {
	margin:0 10px 0 0;
	float:left }

.main h1 {
	margin:0 0 10px 20px;
	font:italic bold 28px georgia, serif;
	color:#336699 }




/*   (¯`·..................... F O O T E R .....................·`¯)   */



#footer {
	width:100%;
	clear:both;
	padding:100px 0 10px 0;
	text-align:center;
	background:#000 url('images/footer.jpg') repeat-x top }

#footer a {
	font:bold 14px verdana,arial,sans-serif;
	color:#fff;
	margin:0 0 0 20px;
	text-decoration:none }

#footer a:hover { color:#ccc }