﻿a.anchor:link        {color: #cc0007; text-decoration: underline; padding: 0px; margin: 0px;}
a.anchor:visited     {color: #cb4e53; text-decoration: underline; padding: 0px; margin: 0px;}
a.anchor:hover       {color: #0e517a; text-decoration: underline; padding: 0px; margin: 0px;}
a.anchor:active      {color: #0e517a; text-decoration: underline; padding: 0px; margin: 0px;}

body            {background: #fcfdfe url('/images/background.png') repeat-x top center; margin: -16px 0px 0px -5px; overflow-y: scroll; font-family: Gisha, Lucida Sans, Sans-Serif; color: #000000; font-size: 15px;}
#frame          {width: 800px; margin: 0 auto; background: #ffffff; margin-top: 50px; outline: #bbbbbb solid 1px; overflow: hidden;}
#content        {width: 800px; background: #ffffff; margin: 0 auto; min-height: 750px;}
#default        {margin: 0 auto; width: 700px; padding-top: 20px;}
#bar            {margin: 0 auto; min-width: 800px; max-width: 100%; height: 100px; background: url('/images/bar.png') repeat-x top;}
#nav            {margin: 0 auto; width: 800px}
    #logo                       {width: 200px; height: 94px; background: url('/images/logo.png') no-repeat; margin: 0px; float: left; cursor: pointer; cursor: hand;}
    #navlist li                 {display: inline-block; font-family: LuzSans, Arial Narrow, Helvetica Narrow, Sans-Serif; margin: 50px 0px 0px 0px; font-size: 12px;}
    #navlist li a.nav-item:link, a.nav-item:visited       {text-decoration: none; color: #2f020a; text-shadow: 1px 1px 0px #e44b67; padding: 0px 3px 0px 3px;}
    #navlist li a.nav-item:hover, a.nav-item:active  {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    
    .home li#home a.nav-item            {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    .about li#about a.nav-item          {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    .collision li#collision a.nav-item  {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    .restyling li#restyling a.nav-item  {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    .rhino li#rhino a.nav-item          {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    .insurance li#insurance a.nav-item  {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    .contact li#contact a.nav-item      {color: #ffffff; text-shadow: 1px 1px 0px #000000;}
    
#links          {width: 600px; margin: 0 auto; font-family: Gisha, Lucida Sans, Sans-Serif; text-align: center; font-size: 11px;}
    #links a:link, a:visited {color: #aaaaaa; padding: 0px 10px 0px 0px;}
    #links a:hover, a:active    {color: #444444;}
#footer         {width: 100%; height: 15px; margin: 0 auto;}
    #footer p                   {color: #888888; font-size: 10px; text-align: center;}
#bottom         {margin: 0 auto;}

h1              {font-family: Kabel, Arial Black, Helvetica, Sans-Serif; color: #000000; font-size: 27px;}
    h1.sub                      {font-family: LuzSans, Arial Narrow, Helvetica Narrow, Sans-Serif; color: #222222; font-size: 20px;}
h2              {font-family: LuzSans, Arial Narrow, Helvetica Narrow, Sans-Serif; color: #000000; font-size: 20px; font-weight: 500;}
h3              {font-family: Harrison, Script; color: #000000; font-size: 18px;}
h4              {font-family: LuzSans, Arial Narrow, Helvetica Narrow, Sans-Serif; color: #000000; font-size: 15px;}
h5              {font-family: Kabel, Arial Black, Helvetica, Sans-Serif; color: #000000; font-size: 16px;}
p               {font-family: Gisha, Lucida Sans, Sans-Serif; color: #000000; font-size: 15px;}

ul              {font-size: 15px;}

div.square  {width: 700px; margin-left: -14px; margin-top: 20px; height: 140px; float: left;}
    .square a                   {float: right; width: 200px; height: 120px; margin: 20px 10px 20px 10px; text-decoration: none;}
    .square h4                  {color: #333333; text-align: left; margin: 0px; padding: 10px; font-size: 14px;}
    .square a:hover             {background: rgba(240, 240, 240, 0.5);}
    .square p                   {padding: 10px; margin: 0px; font-size: 12px;}
    .color                      {background: rgba(153, 153, 153, 0.9); height: 10px; width: 210px;}
    .square a:hover .color      {background: #0e517a;}
    
#quotebox       {float: left; width: 400px; height: 200px; background: url('/images/quote_box.png'); position: relative;}
div.quotes      {width: 280px; margin: -50px 60px 0px 60px; position: absolute; top: 50%;}
div.quotes-div  {width: 280px; text-align: center;}
p.quote         {width: 280px; font-size: 23px; color: #999999; margin: 0 auto;}

#address        {float: right; text-align: center; margin: 25px 180px 25px 0px;}
    #address h5                 {margin: 5px 0px 5px 0px; color: #610b0e;}
    #address p                  {margin: 5px 0px 5px 0px; font-family: LuzSans, Arial Narrow, Helvetica Narrow, Sans-Serif; color: #000000; font-size: 12px;}
    
#featured       {padding: 0px; margin: 0 auto; position: relative;}
div.scroller    {width: 700px; height: 460px; overflow: hidden; border:1px solid #aaaaaa; -webkit-box-shadow: 0 0 1em #777777; -moz-box-shadow: 0 0 1em #777777; -box-shadow: 0 0 1em #777777;	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=0) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=90) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=180) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=270);}
	div.scroller div.section    {width: 700px; height: 460px; overflow: hidden; float: left; background-color: #eeeeee;}
	div.scroller div.canvas     {width: 10000px;}
	div.section img             {margin: 0 auto; padding: 0px;}
div.controls     {text-align: center; position: absolute; top: 440px; left: 345px; z-index: 5;}
    div.controls a               {text-decoration: none; color: #cccccc; text-shadow: 1px 1px 0px #888888; font-weight: bold; padding: 0px 2px 0px 0px}
    div.controls a:hover         {color: #ffffff; text-shadow: 1px 1px 0px #888888; font-weight: bold;}
    div.controls a:active        {color: #ffffff; text-shadow: 1px 1px 0px #888888; font-weight: bold;}
a.arrow-l       {width: 20px; height: 20px; margin: -20px -20px 0px 0px; background: url('/images/arrow-l.png') no-repeat top left; position: absolute; top: 250px; left: 10px; z-index: 5;}
a.arrow-r       {width: 20px; height: 20px; margin: -20px -20px 0px 0px; background: url('/images/arrow-r.png') no-repeat top left; position: absolute; top: 250px; left: 670px; z-index: 5;}

#default_bottom {width: 800px; margin-top: 190px;}
#shadow         {width: 900px; height: 50px; background: url('/images/shadow.png') no-repeat bottom center; position: relative; bottom: -1px; left: 50%; z-index: -5; margin: -50px 0px 0px -450px;}

.table          {overflow: hidden; background: rgba(240, 240, 240, 0.5); padding: 0px; margin: 0 auto; width: 540px; -webkit-box-shadow: 0 0 1em #777777; -moz-box-shadow: 0 0 1em #777777; -box-shadow: 0 0 1em #777777;	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=0) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=90) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=180) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=270);}
    div.cell-div                {float: left; width: 250px; margin: 0px 10px 0px 10px;}
    div.table h2                {text-align: center;}
    div.cell-left               {float: left;}
    div.cell-right              {float: left; margin-left: 10px;}

a.lineoflinks           {display: inline-block; text-align: center; padding: 2px 10px 2px 10px;}
a.lineoflinks:link      {color: rgb(153, 153, 153); background: rgba(240, 240, 240, 0.5);}
a.lineoflinks:visited   {color: rgb(153, 153, 153); background: rgba(240, 240, 240, 0.5);}
a.lineoflinks:hover     {color: #ffffff; background: #0e517a;}
a.lineoflinks:active    {color: #ffffff; background: #0e517a;}

#sidebar        {min-height: 230px; width: 30px; margin: 0px 0px 15px 0px; -webkit-box-shadow: 0 0 1em #777777; -moz-box-shadow: 0 0 1em #777777; -box-shadow: 0 0 1em #777777;  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=0) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=90) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=180) progid:DXImageTransform.Microsoft.Shadow(Color=#c3c3c3, enabled=true, strength=3, direction=270);}
        #sidebar a.appointment:link, a.appointment:visited  {height:200px; width: 30px; background: url('/images/appointment.png') no-repeat; border: 0px none; float: left;}
        #sidebar a.appointment:hover, a.appointment:active  {background: url('/images/appointment-hover.png') no-repeat;}
        #sidebar a.facebook:link, a.facebook:visited        {height:30px; width: 30px; background: url('/images/facebook.png') no-repeat; border: 0px none; float: left;}
        #sidebar a.facebook:hover, a.facebook:active        {background: url('/images/facebook-hover.png') no-repeat;}

@font-face      {font-family: "Kabel"; src: url('/fonts/kabel.ttf');}
@font-face      {font-family: "LuzSans"; src: url('/fonts/luzsans.ttf');}
@font-face      {font-family: "Gisha"; src: url('/fonts/gisha.ttf');}
@font-face      {font-family: "Harrison"; src: url('/fonts/harrison.ttf');}

#likemediv  {margin: 0px 0px 0px 10px; width: 8px; float: left;}

#sidecontainer  {position: fixed; margin: 200px 0px 0px 0px; z-index: 100000; width: 30px;}
