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

/* General Styles */

* {margin:0; padding:0; list-style-type:none;}

html {min-height:100%; height:100%; margin-bottom:-30px;}

@font-face {
	font-family:"BTR";
	src:url(assets/btr.ttf);
}
@font-face {
	font-family:"Script";
	src:url(assets/irekani.TTF);
}

a:link {color:#444; text-decoration:none; font-weight:600; font-size:10px;}
a:hover {color:#666; text-decoration:underline; font-weight:600; font-size:10px;}
a:visited {color:#555; text-decoration:none; font-weight:600; font-size:10px;}
a:active {color:#999; text-decoration:underline; font-weight:600; font-size:10px;}

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-2/sym170.cur), progress !important;} /* End http://www.cursors-4u.com */

/* h1, h3, p, li {font-family:Arial; color:#222;}
li {font-weight:500; font-size:17px;}
h1, h3, h4 {text-align:center; margin:2px;}
h1 {font-size:32px; margin-top:8px;}
h3 {font-size:20px;}
h3.body_h3 {margin-top:0px; margin-bottom:5px;}
h4 {font-size:18px; margin-top:10px; margin-bottom:5px;}
p {padding:10px; text-indent:40px; font-size:17px; text-align:justify; text-align-last:left;}*/

/*h2 {text-align:center; margin:0px; margin-top:35px; margin-bottom:35px; font-size:50px; font-family:"BTR"; font-weight:200; vertical-align:central; color:#002752; }*/

body {background-image:url(assets/bg.png); height:100%; overflow-x:hidden;} 

div {background-image:;}

/* Banner & Footer */

div#banner { width:100%; height:30px; position:fixed; top:0; left:0; z-index:99; border-bottom:1px solid #002752; background-color:#69b0ff;}

div#footer {width:100%; height:30px; position:fixed; bottom:0; left:0; z-index:99; border-top:1px solid #002752; background-color:#69b0ff;}

/* Nav */

div#nav_bar { width:300px; height:75px; float:left;}

div#nav_bar div#candles {width:300px; height:300px; background-image:url(assets/candles.png); margin-bottom:5px;}
div#nav_bar div#candles:hover {background-image:url(assets/candles_on.png);}

	ul#nav {width:300px; height:370px; background-color:#; text-align:center; padding-top:;}
	
	li.nav_item {width:300px; height:75px; float:left; margin-bottom:8px; padding-top:; overflow:hidden;}

li.nav_item a {display:block; padding-top:75px;}

li#bb {background-image:url(assets/bb.png);}
li#bb:hover {background-image:url(assets/bb_on.png);}

li#sau {background-image:url(assets/sau.png);}
li#sau:hover {background-image:url(assets/sau_on.png);}

li#bi {background-image:url(assets/420b.png);}
li#bi:hover {background-image:url(assets/420b_on.png);}

li#son {background-image:url(assets/sonbrohog.png);}
li#son:hover {background-image:url(assets/sonbrohog_on.png);}

li#cra {background-image:url(assets/crazytrio.png);}
li#cra:hover {background-image:url(assets/crazytrio_on.png);}

li#zip {background-image:url(assets/zip.png);}
li#zip:hover {background-image:url(assets/zip_on.png);}
		
/* Main Site */

div#wrapper {width:1010px; height:130%; background-image:url(assets/wrap_bg.png); margin:0 auto; margin-top:25px; margin-bottom:-30px; padding-top:15px; padding-left:10px; padding-right:10px;}

div#content { width:693px; height:100%; margin-left:15px; margin-top:3px; background-color:; float:left; font-family:"Script"; color:#002752; font-size:18px; border-left:2px dotted #69b0ff;}
div#content div#header {width:700px; height:151px; background-image:url(assets/header.png);}
div#content div#header:hover {background-image:url(assets/header_on.png);}
div#content p {padding:15px; padding-right: 5px; padding-top:0; text-indent:; text-align:justify; height:100%; display:block; margin-top:5px;}
div#content p:hover {opacity:0;}
div#content div.problem:hover {background-image:url(assets/problem.png); background-size:contain; margin-left:10px; display:visible; background-postition:center center; background-repeat:no-repeat;}