/*  http://www.hidesignhawaii.com/
  ---------------------------------------------------
    current-revision-by:		Miko Walczuk
    last-modified-date:			2007 08 07
	
Contents:
    1. Master
    2. Text
    3. Images
    4. IDs
    5. Classes
    6. Body
    7. Navbar
    8. Miscellaneous
	  
  Copyright (c)2007 Miko Walczuk & Hidesign Hawaii.
 
  
/*	1.) =Master
	------------------------------------------------- */

* {padding:0;margin:0;}
html {}
body {background: #191919 url(i/req/background.gif) repeat-x left top; text-align: center;font: 1.0em Verdana, Arial, sans-serif;}


/*	--- Links --- */


#main p a:link, #main h3 a:link {text-decoration:none;color: #fff;border-bottom: 1px solid #ccc;}

#main p a:visited, #main h3 a:visited {text-decoration:none; color: #fff;border-bottom: 1px solid #bbb;}

#main p a:hover, #main h3 a:hover {color: #ccc;border-bottom: 1px solid #777;}

  
/*	2.) =Text
	------------------------------------------------- */


p,dt,h2 {margin-bottom:1.0em;font-size:.7em;}
p,dd,li,ol {
	color: #fff;
	font-size:0.7em;
	line-height: 1.8em;
}

h1, h2, hr {display: none;}
h3, h4, h5 {
	text-transform:uppercase;
	letter-spacing: .1em;
	color: #999;
	margin-bottom: 1.5em;
	font: 0.8em "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}


/*	--- Lists --- */




/*	--- Text replacements --- */

  
/*	3.) =Images
	------------------------------------------------- */

a img {border:0 none;}

img.alignright {float:right;margin:20px 0px 20px 20px;}
img.alignleft {float:left;margin:20px 20px 20px 0px;}

#header {
	position:absolute;
	width:710px;
	height:460px;
	top:20px;
	left:20px;
}

#home #header {background: url(i/main/main01.jpg) no-repeat;}
#about #header {background: url(i/main/main02.jpg) no-repeat;}
#gallery #header {background: url(i/main/main03.jpg) no-repeat;}
#contact #header {background: url(i/main/main04.jpg) no-repeat;}

#leftsection img {
	margin:-20px;

}


/*	4.) =IDs
	------------------------------------------------- */

#container {
	margin: 0px auto 0px;
	width: 750px;
	text-align: left;
	position:relative;
	padding: 0;
	background: #191919;
}


#navbar {
	position:absolute;
	width:345px;
	height:45px;
	top:0px;
	right:20px;
	background:#191919 url(i/req/nav_background.gif) repeat-x;
	z-index:100;
}




#main {
	width:709px;
	position:relative;
	top:270px;
	left:21px;
}


#leftsection, #rightsection, #centersection {
	width:304px;
	background:url(i/req/text_background.gif) repeat-x;
	padding:20px 20px 100px 20px;
}


#leftsection {
	position:absolute;
	top:0px;
	left:0px;
}

#rightsection {
	position:relative;
	margin:0 0 300px 364px;
}

#centersection {
	position:relative;
	width:670px;
}

#footer p {
	position:relative;
	color: #666;
	margin:20px;
}

#footer p a,#footer p a:visited {
	color: #666;
}


#gallery #videoplayer {
	text-align: center;
}  

/*	5.) =Classes
	------------------------------------------------- */

#gallery .videovertical a img {
	margin:15px;
}

#gallery .videovertical {
	border-bottom: 1px solid #000;
}
  
/*	6.) =Body
	------------------------------------------------- */

#gallery #gallery_main {
	margin:0 0 0 -20px;

}

#gallery #leftsection {
	position:absolute;
	top:100px;
	left:0px;
}

#gallery #leftsection img {
	margin:0px;

}

#gallery #rightsection {
	position:absolute;
	top:100px;
	right:0px;
}
  
/*	7.) =Navbar
	------------------------------------------------- */

/*	--- Navbuttons --- */


#navbar li {
	list-style: none;
	float: left;
	height: 45px;
}


#navbar ol.menu li a {
	display: block;
	height:45px;
	text-indent:-9999px;
	position:absolute;
}

ol.menu li.menuhome a {width: 80px;background: url(i/req/home01.gif) no-repeat 50% 50%;left:0px;}
ol.menu li.menuhome a:hover, #home ol.menu li.menuhome a {background: url(i/req/home02.gif) no-repeat 50% 50%;}

ol.menu li.menuabout a {width: 81px;background: url(i/req/about01.gif) no-repeat 50% 50%;left:79px;}
ol.menu li.menuabout a:hover, #about ol.menu li.menuabout a {background: url(i/req/about02.gif) no-repeat 50% 50%;}

ol.menu li.menugallery a {width: 90px;background: url(i/req/gallery01.gif) no-repeat 50% 50%;left:160px;}
ol.menu li.menugallery a:hover, #gallery ol.menu li.menugallery a {background: url(i/req/gallery02.gif) no-repeat 50% 50%;}

ol.menu li.menucontact a {width: 95px;background: url(i/req/contact01.gif) no-repeat 50% 50%;left:250px;}
ol.menu li.menucontact a:hover, #contact ol.menu li.menucontact a {background: url(i/req/contact02.gif) no-repeat 50% 50%;}




  
/*	8.) =Misc
	------------------------------------------------- */