/* Demo styles, page-specific - not needed for your use. */

html {

}
/*------INDEX----------------*/
#index_container{
	background-image:url(images/azumi_dragon_large.jpg); 
	background-repeat:no-repeat; 
	width:800px; 
	height:750px; 
	background-position:center; 
	margin: -100px auto;
}

#index_logo {
	padding-top:260px;
	padding-left:60px;
	height:20px;
}

/*-------Internal Pages---------*/
#background_dragon{
	background-image:url(images/dragon.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 0px -10px;
}

#logo {
	width:800px; 
	padding-top:120px;
	padding-right:50px;
	height:20px;
}

#container{
	width:850px;
}

#navigation{
	padding-top:50px; 
	float:left; 
	width:255px; 
}

/* demo layout (columns, etc.) - only for this demo page */

#demo {
position:relative;
float:right;
margin-top:5px; margin-bottom:0px; margin-right:30px; margin-left:-20px;
 _width:600px; /* IE 6 sucks. */
 max-width:800px;
}

/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

body .dialog pre {
 font-size:1.1em;
 *font-size:0.9em;
}

code {
 font-size:1.1em;
}

/* tabs  */
div.TabView div.Tabs {
  height: 24px;
  overflow: hidden;
}
/*---------Tab text----------------------*/
div.TabView div.Tabs a {
  float: left;
  display: block;
  width:  90px;
  text-align: left;
  height:      24px;
  line-height: 28px;
  vertical-align: middle;
  background: url('/img/tab-view/tabs.png') no-repeat -2px -1px;
  text-decoration: none;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 12px;
}
div.Tabs a {color:#f5702c;}
div.Tabs a:hover {color:#f5702c;}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
  background: url('tabs.png') no-repeat -2px -31px;
}

div.TabView div.Pages {
  clear: both;
  overflow: hidden;
}

div.TabView div.Pages div.Page {
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
  padding: 3px 18px;
}

/*----------General Content---------------*/
.Pad {font-family:Geneva, Arial, Helvetica, sans-serif;}
.Pad h4 { color:#666666; font-size:14px; padding-bottom:5px;}
.Pad h3 { color:#666666; font-size:17px; padding-bottom:8px;}
.Pad h2 { color:#666666; font-size:19px; padding-bottom:9px;}
.Pad p {font-size:13px; line-height: 20px;}
.Pad a:link {text-decoration:none; font-weight:bold; color:#000;}
.Pad ul {font-size:12px; padding: 5px 0px 5px 30px;}

#download {font-size:12px; padding: 0px 5px 5px 20px;}
#small_para { line-height:15px; padding-left:20px; font-size:11px;}
/*----------TEAM Page----------------*/
#team_internal_link {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; padding-top:20px; color:#000;
}
#team_internal_link a {color:#f5702c; text-decoration:none; font-size:11px; padding: 0px 15px;}
#map {padding-left:10px;}

/*-----------Contact Page-------------------*/
#contact {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;
}
#contact h1 {font-size:22px; color:#000;
}
#contact h3 {color:#777; font-size:14px;
}
#contact p {font-size:11px;
}
#contact a:link {text-decoration:none; color:#000;
}
#contact a:hover {color:#f5702c; text-decoration:none;
}

/*------------Photo Gallery-------------------*/
#gallery a:link { color:#000;}
#gallery a:hover {color:#666;}