/* Structural */ 

body { margin-top: 0;  text-align: center; padding-top: 0; }

#subnav { position: absolute; top: 10px; right: 55px; }
#subnav ul { display: block; margin: 0; padding: 0; float: right; }
#subnav li { display: block; margin-left: 40px; padding-left: 10px; float: left; }
#subnav li a { display: block; padding: 1px 5px 0; float: left; }

#page_wrap { position: relative; text-align: left; width: 850px; margin: 0 auto; }
#page_head { position: absolute; top: 35px; }
#page_head h1 { position: absolute; display: block; bottom: 0; margin: 0; padding: 0; }
#page_head h1 a { display: block; }
#page_head h1 span { position: absolute; left: -10000px; }

#navbar { position: absolute; top: 127px; }
#navbar ul { display: block; height: 28px; margin: 0; padding: 0; width: 848px; }
#navbar li { display: block; height: 28px; margin: 0; padding: 0; float: left; width: 142px; text-align: center; }
#navbar a { display: block; height: 28px; }
#navbar a span { position: absolute; left: -10000px; }

#page_body { position: absolute; width: 850px; top: 155px; }

#page_content { width: 850px; float: left; margin-right: -238px; }
#page_content div.content { clear: left; margin-left: 60px; margin-right: 260px; width: 530px; }

#page_sidebar { float: right; width: 238px; height: 430px; }
#page_sidebar div.content { width: 177px; margin: 0 20px; }

#breadcrumb { margin-bottom: 15px; width: 100%; height: 25px; }
#breadcrumb .label { float: left; }
#breadcrumb .separator { float: left; margin-left: 10px; }
#breadcrumb .point { float: left; margin-left: 10px; }

/* images */

body { background: #2e2e2e url("http://www.socalmotorcycleservice.com/images/body_bg.gif") repeat-x fixed; }

#page_wrap {  }
#page_head { background: #999 url("http://www.socalmotorcycleservice.com/images/page_head_bg.png"); width: 850px; height: 92px; }

#page_head h1 a { width: 850px; height: 92px; }
#page_head h1#header_home {  }
#page_head h1#header_about_us {  }
#page_head h1#header_directions {  }
#page_head h1#header_contact_us {  }
#page_head h1#header_harley {  }
#page_head h1#header_cruiser {  }
#page_head h1#header_goldwing {  }
#page_head h1#header_trike {  }
#page_head h1#header_sportbike {  }
#page_head h1#header_offroad {  }
#page_head h1#header_atv {  }
#page_head h1#header_scooter {  }

#page_body { background: #fff url("http://www.socalmotorcycleservice.com/images/page_header_bg.png") 0px -10px repeat-x; }

#page_content { background: url("http://www.socalmotorcycleservice.com/images/page_content_bg.gif") repeat-y; }
#page_content div.content {  }

#page_sidebar { background: url("http://www.socalmotorcycleservice.com/images/page_sidebar_bg.png") no-repeat; }
#page_sidebar .content {  }
#page_sidebar li { background: url("http://www.socalmotorcycleservice.com/images/tiny_arrow.gif") 5px 8px no-repeat; }
#sidebar_nav li { background: url("http://www.socalmotorcycleservice.com/images/sidebar_option_bg.gif") 2px 8px no-repeat; height: 30px; }

#navbar { background: #000; }

#navbar li#nav_harley { background: url("http://www.socalmotorcycleservice.com/images/navbar1_bg.png") no-repeat; width: 106px; }
#navbar li#nav_cruiser { background: url("http://www.socalmotorcycleservice.com/images/navbar2_bg.png") no-repeat; width: 106px; }
#navbar li#nav_goldwing { background: url("http://www.socalmotorcycleservice.com/images/navbar3_bg.png") no-repeat; width: 106px; }
#navbar li#nav_trike { background: url("http://www.socalmotorcycleservice.com/images/navbar4_bg.png") no-repeat; width: 106px; }
#navbar li#nav_sportbike { background: url("http://www.socalmotorcycleservice.com/images/navbar5_bg.png") no-repeat; width: 106px; }
#navbar li#nav_offroad { background: url("http://www.socalmotorcycleservice.com/images/navbar6_bg.png") no-repeat; width: 106px; }
#navbar li#nav_atv { background: url("http://www.socalmotorcycleservice.com/images/navbar7_bg.png") no-repeat; width: 106px; }
#navbar li#nav_scooter { background: url("http://www.socalmotorcycleservice.com/images/navbar8_bg.png") no-repeat; width: 106px; }

#navbar li#nav_harley a:hover, #navbar li#nav_harley a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar1_bg_select.png") no-repeat; }
#navbar li#nav_cruiser a:hover, #navbar li#nav_cruiser a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar2_bg_select.png") no-repeat; }
#navbar li#nav_goldwing a:hover, #navbar li#nav_goldwing a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar3_bg_select.png") no-repeat; }
#navbar li#nav_trike a:hover, #navbar li#nav_trike a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar4_bg_select.png") no-repeat; }
#navbar li#nav_sportbike a:hover, #navbar li#nav_sportbike a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar5_bg_select.png") no-repeat; }
#navbar li#nav_offroad a:hover, #navbar li#nav_offroad a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar6_bg_select.png") no-repeat; }
#navbar li#nav_atv a:hover, #navbar li#nav_atv a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar7_bg_select.png") no-repeat; }
#navbar li#nav_scooter a:hover, #navbar li#nav_scooter a.selected
    { background: url("http://www.socalmotorcycleservice.com/images/navbar8_bg_select.png") no-repeat; }

#navbar li a:hover, #navbar li a.selected { color: #333; }

#subnav li { }

#page_content div.content h2 { }

/* colors */

body {  }

#page_wrap {  }
#page_head {  }
#page_body {  }

#page_content {  }
#page_content div.content {  }

#page_sidebar li { color: #cdc3ac; }
#page_sidebar li a { color: #cdc3ac; }

#navbar {  }
#navbar li a { color: #fff; }

#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active, #subnav a:hover { color: #999; }
#subnav a:hover, #subnav a.selected { background: #333; color: #fff; }

h2 { color: #f3ffcd; }
h3 {  }

#page_sidebar h4 { color: #f3ffcd; }

a, a:link, a:visited, a:active, a:hover { color: #36f; }

/* margins and padding */

body {  }
#page_wrap {   }
#page_head {  }
#page_body { padding-top: 0px; margin-bottom: 10px; }
#page_content {  }
#page_content div.content {  }
#page_sidebar {  }
#page_sidebar h4 { margin: 26px 0 0 0; height: 30px; }
#page_sidebar ul { margin: 0; padding: 0; list-style: none; }
#page_sidebar li { width: 100%; margin: 0; padding: 0; }
#page_sidebar li span { display: block; padding-left: 30px; margin-top: 5px; }
#sidebar_nav a { display: block; padding-left: 10px; }

#navbar ul { }
#navbar li { }
#page_content div.content h2 { padding: 0; margin: 0 0 30px; }
#page_content div.content h2 span { display: block;  margin-top: 20px;}

/* text-treatment and other styles */

body { font-family: arial; font-size: 10pt; line-height: 150%; }

#page_wrap {  }
#page_head {  }
#page_body {  }
#page_content {  }

#breadcrumb { font-size: 8pt; }

#page_content div.content { text-align: left; }

#page_sidebar { text-align: left; color: #f3ffcd; }

#navbar {  }
#navbar li { list-style-type: none; }

#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active, #subnav a:hover
    { text-decoration: none; }
#subnav a:hover
    { text-decoration: underline; }

h2 { font-size: 24pt; font-weight: normal; }
h3 { font-size: 14pt; font-weight: normal; }
h4 { font-size: 11pt; }

/* utility classes */

.img-holder { background: #ccf; }
.img-replace { position: absolute; left: -10000px; }