/*
	(¯`?....... 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;
	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:110px;
	right:15px;
	text-align:right;
	letter-spacing:0px;
	font: bold 17px "century gothic", verdana, arial, sans-serif;
	color:#ccc }
#top h2 a {
	font: bold 17px "century gothic", verdana, arial, sans-serif;
	color:#ccc;
	text-decoration:none
	}
.head
{
position:absolute;
width:100%;
top:180px;
color:#FFFFFF;
font:Tahoma;
font-size:12px;
}
.head ul
{
margin:0px;
}
.head li
{display: inline;
width:30%;
margin-left:10px;
}
.head li a{
font::bold 14px Tahoma;
color:#FFFFFF;
text-decoration:none;}
.head li a:hover{
font::bold 14px Tahoma;
color:#FF6600;
text-decoration:underline;
}


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



#rightside {
	width:180px;
	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;
	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 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 {
float:left;
width:750px;
margin:10px;
	background:#fff;
	}

.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 20px 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 }
	.main h1 a{
	margin:0 0 10px 20px;
	font:italic bold 28px georgia, serif;
	color:#336699;
	text-decoration:none; }
	
.main ul{
padding-right:10px;
margin-top:0px;
font:15px verdana,arial,sans-serif;
}
.main li{
line-height:20px;
margin-right:10px;
}
.main2 {
	background:#fff url('images/bg_con.jpg') repeat-x bottom;
	margin:30px 0;
	min-height:200px;
	position:relative }
.main2 p {
	font:15px verdana,arial,sans-serif;
	line-height:25px;
	text-align:justify;
	padding:0 15px 20px 15px }

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

.main2 h1 {
	margin:0 0 10px 20px;
	font:italic bold 20px 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 ;
	color:#FFFFFF;
	font:bold 12px verdana,arial,sans-serif;}

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

#footer a:hover { color:#ccc }