/* sub navigation */

#nav_sub {
float: left;
width: 900px;
background: #5C75B5 url(../gfx/nav_blue.gif) repeat-x bottom left; }

#nav_sub li {
float: left; }

#nav_sub a {
float: left;
display: block;
padding: 12px 14px;
color: #FFF;
font-size: 80%;
font-weight: bold;
text-decoration: none; }

#nav_sub a:hover, 
body#profile #t-profile a, 
body#area #t-area a, 
body#samples #t-samples a, 
body#faq #t-faq a, 
body#specs #t-specs a,
body#quest #t-quest a {
color: #9B283F;
background: #EDE8E5; }

* html #nav_sub a {
font-size: 70%; }




/* content box */

#content {
float: left;
width: 900px;
margin: 0 0 30px 0;
background: url(../gfx/samples/samples_stripes.gif) repeat top left; }

#content_main {
float: left;
width: 900px;
background: url(../gfx/samples/samples_wave.gif) no-repeat top left; }

#content_columns {
float: left;
width: 900px;
padding: 0 0 10px 0;
background: url(../gfx/samples/samples_bottom.gif) no-repeat bottom left; }

#column_left {
float: left;
width: 295px; }

#content h2 {
float: left;
width: 262px;
height: 60px;
text-indent: -9999px;
background: url(../gfx/samples/samples_title.gif) no-repeat top left; }

#column_right {
float: right;
width: 600px; }




/* samples nav */

#nav_samples {
float: left;
width: 220px;
margin: 45px 0 0 45px;
display: inline; /* fixes IE/Win double margin bug */ }

#nav_samples li {
float: left;
border-top: 1px solid #043066; }

#nav_samples li.last {
border-bottom: 1px solid #043066; }

#nav_samples a {
width: 190px;
display: block;
padding: 7px 0 7px 30px;
color: #000;
font-size: 90%;
text-decoration: none;
background: url(../gfx/samples/bullet_up.gif) no-repeat center left; }

* html #nav_samples a {
width: 220px;
font-size: 80%; }


#nav_samples a:hover {
color: #5C75B5;
background: url(../gfx/samples/bullet_ovr.gif) no-repeat center left; }

#nav_samples a.active {
background: url(../gfx/samples/bullet_down.gif) no-repeat center left; }