/* 
   Vintage Watch Parts : Master Stylesheet
   ==============================================
   
   
   RESET DEFAULT STYLING + FOUNDATIONS                             RESET DEFAULT STYLING + FOUNDATIONS ::
--------------------------------------------------------------------------------------------------------- */

@import url("reset.css");

body
{
  background:       #333;
  font:             normal 62.5% Arial, Helvetica, sans-serif;
  color:            #FFF;
  text-align:       center;
  }
body#gallery
{
  background-position: center 40px;
  }
div#wrapper
{
  width:            980px;
  margin:           0 auto;
  text-align:       left;
  }
div.frame
{
  float:            left;
  width:            980px;
  }
a
{
  text-decoration:  none;
  color:            #444;
  }

a.skiplink, .ui-tabs, .ui-tabs-hide 
{
  display:          none;
  }

img
{
  display:          block;
  }

/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */
div#header
{
  margin:           39px 0 0;
  }
div#header h1 a, div#header h2 a
{
  float:            left;
  width:            235px;
  height:           57px;
text-indent: -9999px;
  background:       #333 url("../img/vintage_homage_watch.png") no-repeat 0 0;
  }
div#header h3 a
{
  float:            right;
  width:            175px;
  height:           49px;
  text-indent:      -9999px;
  background:       #333 url("../img/helpful_info.png") no-repeat 0 0;
  }

/* NAVIGATION                                                                               NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */
ul#nav, ul#nav li, ul#nav a
{
  float:            left;
  }
ul#nav
{
  clear:            left;
  width:            800px;
  margin:           39px 0 0;
  background:       transparent url("../img/nav_bg.jpg") repeat-x 0 0;
  }
ul#nav a
{
  padding:          13px 20px;
  text-transform:   uppercase;
  background:       transparent url("../img/nav_link_bg.jpg") no-repeat top right;
  }
ul#nav li#navContact a
{
  background-image: none;
  }
ul#nav a:hover,
body#Home li#navHome a,
body#Gallery li#navGallery a,
body#Tutorials li#navServices a,
body#HomageParts li#navAbout a,
body#News li#navNews a,
body#ClientArea li#navTestimonials a,
body#WorkPricing li#navPricing a,
body#Images li#navContact a
{
  color:            #000;
  }

/* CONTENT                                                                                     CONTENT ::
--------------------------------------------------------------------------------------------------------- */
div#content
{
  position:         relative;
  width:            976px;
  min-height:       578px;
  height:           auto !important;
  height:           578px;
  border:           2px solid #E0E0D4;
  background-color: #272625;
  overflow:         hidden;
  }
body#gallery div#content
{
  min-height:       618px;
  height:           auto !important;
  height:           618px;
  }
body#contact div#content
{
  min-height:       635px;
  height:           auto !important;
  height:           635px;
  }
div#slideshow
{
  float:            left;
  width:            976px;
  height:           578px;
  overflow:         hidden;
  }
body#gallery div#slideshow
{
  margin:           40px 0 0;
  }
div#slideshow div.slide
{
  position:         absolute;
  top:              0;
  left:             0;
  z-index:          8;
  opacity:          0.0;
  width:            976px;
  height:           578px;
  }
body#gallery div#slideshow div.slide
{
  top:              40px;
  }
div#slideshow div.active
{
  z-index:          10;
  opacity:          1.0;
  }
div#slideshow div.last-active
{
  z-index:          9;
  }

/* OVERLAYS                                                                                   OVERLAYS ::
--------------------------------------------------------------------------------------------------------- */
div.overlay
{
  position:         absolute;
  z-index:          20;
  top:              9px;
  right:            9px;
  width:            240px;
  height:           195px;
  background-color: #3C3D38;
  }
div.latest
{
  top:              209px;
  height:           185px;
  }
div.newsletter
{
  top:              399px;
  height:           170px;
  }
div.overlay h2, div.overlay h2 a, div.overlay h3, div.overlay h3 a
{
  float:            left;
  display:          inline;
  width:            152px;
  height:           46px;
  margin:           18px 0 14px 15px;
  text-indent:      -9999px;
  
  background-color:    #3C3D38;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div.overlay h2 a, div.overlay h3 a
{
  margin:           0;
  }
div.overlay h2.children a
{
  width:            170px;
  height:           50px;
  background-image: url("../img/tutorials.png");
  }
div.overlay h2.tutorials a
{
  background-image: url("../img/tutorials.png");
  }
div.overlay h2.vintageparts
{
  margin-left:      14px;
  }
div.overlay h2.vintageparts a
{
  width:            170px;
  height:           50px;
  background-image: url("../img/vintage_and_homage.png");
  }
div.overlay h2.artGallery a
{
  width:            82px;
  height:           47px;
  background-image: url("../img/art_gallery.jpg");
  }
div.overlay h2.childrenGallery a
{
  width:            114px;
  height:           47px;
  background-image: url("../img/client_work.png");
  }
div.overlay h2.corporateGallery a
{
  width:            120px;
  height:           47px;
  background-image: url("../img/corporate_gallery.jpg");
  }
div.overlay h2.lifestyleGallery a
{
  width:            170px;
  height:           50px;
  background-image: url("../img/vintage_parts.png");
  }
div.overlay h2.portfolioGallery a
{
  width:            153px;
  height:           47px;
  background-image: url("../img/portfolio_gallery.jpg");
  }
div.overlay h2.newbornGallery a
{
  width:            110px;
  height:           47px;
  background-image: url("../img/newborn_gallery.jpg");
  }
div.overlay h2.workshop a
{
  width:            170px;
  height:           50px;
  background-image: url("../img/workshop_gallery.png");
  }
div.latest h3 a
{
  width:            141px;
  height:           45px;
  
  }
div.newsletter h3
{
  width:            135px;
  height:           45px;
  
  }
div.overlay p
{
  clear:            left;
  margin:           0 20px 10px 15px;
  line-height:      1.4em;
  font-size:        1.2em;
  color:            #999;
  }
div.overlay p ins
{
  text-decoration:  underline;
  }
div.overlay p a
{
  color:            #FFF;
  text-decoration:  underline;
  }
div.overlay ul, div.overlay li, form, fieldset
{
  float:            left;
  width:            210px;
  }
div.overlay ul, div.overlay form
{
  position:         relative;
  display:          inline;
  margin:           0 15px 10px;
  }
div.overlay li
{
  padding:          0 0 4px;
  font-size:        1.1em;
  color:            #999;
  }
div.overlay fieldset li
{
  padding:          0 0 6px;
  }
div.overlay li a
{
  margin-left:      2px;
  color:            #CCC;
  }
div.overlay li a ins
{
  text-decoration:  underline;
  }
label
{
  float:            left;
  width:            54px;
  padding:          5px 0 4px;
  background-color: #999;
  text-transform:   uppercase;
  text-align:       center;
  color:            #333;
  }
input, textarea
{
  float:            left;
  width:            155px;
  w\idth:           147px;
  padding:          4px;
  background-color: #CCC;
  border-left:      1px solid #333;
  font-size:        1.1em;
  }
button
{
  float:            right;
  padding:          3px 12px;
  background-color: #C0E2E3;
  text-transform:   uppercase;
  cursor:           pointer;
  }
label, input, textarea, button
{
  font-family:      Arial, Helvetica, sans-serif;
  }
div.alert
{
  position:         absolute;
  z-index:          100;
  top:              0;
  left:             -10px;
  width:            230px;
  padding:          10px 0 12px;
  text-align:       center;
  font-size:        1.3em;
  }
div.success
{
  background-color: #008000;
  }
div#thumbnails
{
  position:         relative;
  z-index:          999;
  top:              0;
  float:            right;
  width:            245px;
  height:           578px;
  background-color: #3C3D38;
  display:          block !important;
  }
div#thumbnails div ul, div.overlay ul.gallery
{
  float:            left;
  width:            244px;
  margin:           13px 0 0 1px;
  }
div.overlay ul.gallery
{
  margin:           -6px 0 0 -1px;
  }
div#thumbnails div li, div.overlay ul.gallery li
{
  float:            left;
  display:          inline;
  width:            42px;
  margin:           14px 0 0 15px;
  }
div.overlay ul.gallery li
{
  margin:           10px 0 0 14px;
  }
div#thumbnails div li a, div#thumbnails div li a img, div.overlay ul.gallery li a, div.overlay ul.gallery li a img
{
  float:            left;
  width:            40px;
  height:           39px;
  }
div#thumbnails div li a, div.overlay ul.gallery li a
{
  border:           1px solid #AAA;
  }
div#thumbnails div li a:hover, div.overlay ul.gallery li a:hover
{
  border-color:     #DDD;
  }
div#thumbnails div li a.current, div#thumbnails div li a.current:hover
{
  border-color:     #FFF;
  }
div#thumbnails ul.pagination
{
  display:          none;
  float:            right;
  border:           1px solid #3C3D38;
  border-width:     23px 16px 0 3px;
  }
div#thumbnails ul.pagination li, div#thumbnails ul.pagination li a
{
  float:            left;
  }
div#thumbnails ul.pagination li
{
  display:          inline;
  margin:           0 0 0 3px;
  }
div#thumbnails ul.pagination li a
{
  padding:          4px 7px;
  background-color: #86847F;
  font-weight:      bold;
  color:            #FFF;
  }
div#thumbnails ul.pagination li.ui-tabs-selected a
{
  background-color: #282726;
  }

/* GALLERY CONTROLS                                                                   GALLERY CONTROLS ::
--------------------------------------------------------------------------------------------------------- */
div#controls
{
  position:         absolute;
  z-index:          20;
  top:              0;
  left:             0;
  float:            left;
  width:            976px;
  height:           40px;
  background-color: #272625;
  }
div#controls ol, div#controls ul
{
  position:         absolute;
  z-index:          25;
  top:              14px;
  left:             20px;
  width:            695px;
  }
div#controls ul
{
  top:              6px;
  left:             auto;
  right:            6px;
  width:            175px;
  height:           30px;
  background:       #4B4947 url("../img/play_controls_bg.jpg") repeat-x 0 0;
  }
div#controls li
{
  float:            left;
  }
div#controls ul li
{
  height:           30px;
  background:       transparent url("../img/play_controls_separator.jpg") no-repeat top right;
  }
div#controls ul li#next
{
  background-image: none;
  }
div#controls ol li a
{
  float:            left;
  margin-right:     20px;
  text-transform:   uppercase;
  font-weight:      bold;
  color:            #AAA;
  }
div#controls ul li a
{
  float:            left;
  height:           30px;
  text-indent:      -9999px;
  
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: center center;
  }
div#controls ol li a:hover
{
  color:            #FFF;
  }
div#controls ol li a.current, div#controls ol li a.current:hover
{
  color:            #C0E2E3;
  }
div#controls a#thumbs
{
  position:         absolute;
  z-index:          25;
  top:              6px;
  right:            184px;
  width:            61px;
  height:           30px;
  background:       #3C3D38 url("../img/view_gallery_thumbnails.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#controls a.open
{
  background-position: 0 -30px !important;
  }
div#controls li#prev a
{
  width:            32px;
  w\idth:           31px;
  padding:          0 1px 0 0;
  background-image: url("../img/play_controls_prev.jpg");
  }
div#controls li#pause a
{
  width:            56px;
  w\idth:           55px;
  height:           auto;
  padding:          8px 1px 8px 0;
  text-align:       center;
  text-indent:      0px;
  text-transform:   uppercase;
  color:            #DFDFDF;
  }
div#controls li#position span
{
  float:            left;
  width:            55px;
  w\idth:           54px;
  padding:          8px 1px 8px 0;
  text-align:       center;
  }
div#controls li#next a
{
  width:            32px;
  background-image: url("../img/play_controls_next.jpg");
  }

/* PRIMARY                                                                                     PRIMARY ::
--------------------------------------------------------------------------------------------------------- */
div#primary
{
  float:            left;
  width:            713px;
  border:           1px solid #272625;
  border-width:     9px 0 9px 9px;
  background-color: #3A3A38;
  min-height:       560px;
  height:           auto !important;
  height:           560px;
  }
div.heading, ul.overview, div.article
{
  float:            left;
  display:          inline;
  width:            661px;
  height:           31px;
  margin:           18px 0 0 12px;
  background:       transparent url("../img/hr_light.gif") no-repeat bottom center;
  }
ul.overview, div.article
{
  height:           auto;
  padding:          0 0 10px;
  }
ul.margin
{
  border-bottom:    40px solid #3A3A38;
  }
div.article
{
  position:            relative;
  margin-top:          38px;
  background-position: center 26px;
  }
div.darkbg
{
  background-image: url("../img/hr_dark.gif");
  }
div.heading h1, div.heading h2
{
  float:            left;
  display:          inline;
  height:           20px;
  margin:           0 0 0 8px;
  text-indent:      -9999px;
  
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div.heading .clients
{
  width:            70px;
  background-image: url("../img/clients.gif");
  }
div.heading .gallery
{
  width:            135px;
  background-image: url("../img/gallery.gif");
  }
div.heading .error404
{
  width:            107px;
  background-image: url("../img/heading_error404.gif");
  }
div.heading .news
{
  width:            64px;
  background-image: url("../img/news.gif");
  }
div.heading .pricing
{
  width:            81px;
  background-image: url("../img/pricing.gif");
  }
div.heading .parts
{
  width:            89px;
  background-image: url("../img/parts.gif");
  }
div.heading .tutorials
{
  width:            142px;
  background-image: url("../img/tutorials.gif");
  }
div.heading h1.art
{
  width:            37px;
  height:           19px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_art.gif");
  }
div.heading h1.children
{
  width:            99px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_childrens.gif");
  }
div.heading h1.corporate
{
  width:            119px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_corporate.gif");
  }
div.heading h1.lifestyle
{
  width:            83px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_lifestyle.gif");
  }
 div.heading h1.suppliers
{
  width:            117px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_portfolio.gif");
  }
div.heading h1.newborn
{
  width:            111px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_newborn.gif");
  }
div.heading h1.pagenotfound
{
  width:            167px;
  margin:           0 0 0 65px;
  background-image: url("../img/heading_filenotfound.gif");
  }
div.heading h1.stevenbrooks
{
  width:            173px;
  margin:           0 0 0 102px;
  background-image: url("../img/vintage_homage.png");
  }
div.heading h1.weddings
{
  width:            116px;
  margin:           0 0 0 83px;
  background-image: url("../img/heading_weddings.gif");
  }
ul.overview li
{
  float:            left;
  width:            661px;
  margin:           20px 0 0;
  padding:          0 0 10px;
  background:       transparent url("../img/hr_dark.gif") no-repeat center 26px;
  }
ul.extraspacing li
{
  padding:          0 0 25px;
  }
ul.overview li h5, div.article h5
{
  float:            left;
  width:            171px;
  w\idth:           163px;
  padding:          0 0 0 8px;
  font-size:        1.7em;
  color:            #9B9593;
  }
ul.overview li h5
{
  width:            161px;
  w\idth:           161px;
  }
ul.overview li h5.doubleline
{
  margin-top:       -20px;
  }
ul.overview li div, div.article div
{
  float:            right;
  width:            484px;
  }
div.article div.service
{
  padding:          20px 0 0;
  }
div.article div#slideshow
{
  position:         relative;
  float:            left;
  width:            484px;
  height:           323px;
  border-bottom:    15px solid #3A3A38;
  }
div.article div#slideshow div.slide
{
  width:            484px;
  height:           323px;
  }
div.article div.standout
{
  width:            494px;
  w\idth:           484px;
  padding:          10px 0 26px 10px;
  background:       #414141 url("../img/standout_bg.gif") repeat-x 0 0;
  border:           1px solid #3A3A38;
  border-width:     40px 0 30px;
  }
div.article a.discreet, div.article div.standout a
{
  text-decoration:  none;
  color:            #C3C1C1;
  }
div.article a.discreet:hover
{
  color:            #DDD;
  }
ul.overview li div h3, div.article h1, div.article h2, div.article h3
{
  font-size:        1.7em;
  font-weight:      normal;
  color:            #DBDAD9;
  }
div.article h2, div.article h3
{
  margin:           18px 0 0;
  font-size:        1.6em;
  }
div.article h3
{
  font-size:        1.4em;
  }
div.article h3.nomargin
{
  margin:           3px 0 0;
  color:            #CCC;
  }
div.article h3.nomargin span
{
  color:            #FFF;
  }
ul.overview li div h3 a
{
  color:            #DBDAD9;
  }
ul.overview li div h3 a:hover
{
  color:            #EEE;
  }
div.article div img
{
  margin:           16px 0 0 -2px;
  }
ul.overview li div p, div.article div p
{
  margin:           18px 45px 0 0;
  font-size:        1.2em;
  color:            #9B9593;
  line-height:      1.6em;
  }
div.article div p
{
  color:            #C3C1C1;
  }
div.article div p.intro
{
  color:            #FFF;
  }
div.article div p a
{
  color:            #FFF;
  text-decoration:  underline;
  }
div.article div p a:hover
{
  color:            #DDD;
  }
div.article div ul
{
  margin:           18px 0 0;
  }
div.article div ul.links
{
  margin:           30px 0 0;
  }
div.article div ul.smallfont
{
  margin:           2px 0 0;
  }
div.article div ul li
{
  background:       transparent url("../img/bullet.gif") no-repeat 4px 11px;
  padding:          6px 0 0 15px;
  font-size:        1.2em;
  color:            #C3C1C1;
  }
div.article div ul.links li
{
  margin:           5px 0 0;
  }
div.article div ul.smallfont li
{
  font-size:        1.1em;
  }
div.article div ul.links li a
{
  color:            #FFF;
  }
ul.overview li div p a
{
  margin:           0 1px;
  color:            #9B9593;
  text-decoration:  underline;
  }
ul.overview li div p a:hover
{
  color:            #DBDAD9;
  }
div.article dl, div.article dt, div.article dd
{
  float:            left;
  width:            484px;
  line-height:      1.5em;
  }
div.article dl
{
  margin:           16px 0 0;
  font-size:        1.2em;
  color:            #C3C1C1;
  }
div.article dt
{
  width:            80px;
  margin:           2px 0 0;
  }
div.article dd
{
  width:            404px;
  margin:           2px 0 0;
  }
div.article dd.half
{
  width:            140px;
  }
div.article form, div.article form ol, div.article form li
{
  width:            484px;
  }
div.article form
{
  margin:           19px 0 0;
  border-bottom:    20px solid #3A3A38;
  }
div.article form li
{
  float:            left;
  margin:           6px 0 0;
  }
div.article label
{
  w\idth:           46px;
  padding:          5px 0 5px 8px;
  text-align:       left;
  }
li.extended label
{
  width:            143px;
  w\idth:           135px;
  }
li.warning label
{
  background-color: #8F2323;
  color:            #FFF;
  }
span.warning
{
  clear:            left;
  float:            left;
  width:            346px;
  margin:           5px 0 0 55px;
  font-size:        1.1em;
  color:            #EF3B3B;
  }
li.extended input
{
  width:            257px;
  w\idth:           249px;
  }
div.article textarea
{
  width:            346px;
  w\idth:           338px;
  }
div.article input, div.article textarea
{
  font-size:        1.2em;
  }
div.article button
{
  clear:            left;
  float:            left;
  margin:           6px 0 0 55px;
  }
div.article div.alert
{
  position:         static;
  top:              auto;
  left:             auto;
  float:            left;
  width:            401px;
  padding:          10px 0;
  background-color: #8F2323;
  text-transform:   uppercase;
  font-size:        1em;
  border-bottom:    10px solid #3A3A38;
  }
div.article div.success
{
  background-color: #008000;
  }

div#supplement
{
  position:         absolute;
  top:              36px;
  left:             0;
  width:            171px;
  }
div#supplement ul
{
  float:            left;
  width:            171px;
  border-bottom:    1px solid #444;
  padding:          0 0 14px;
  }
div#supplement ul.margin
{
  margin:           15px 0 0;
  }
div#supplement li, div#supplement h4
{
  float:            left;
  width:            171px;
  w\idth:           163px;
  padding:          0 0 0 8px;
  }
div#supplement li
{
  background-image: none;
  padding-bottom:   4px;
  font-size:        1em;
  }
div#supplement h4
{
  margin:           10px 0 0;
  font-size:        1.2em;
  color:            #9B9593;
  }
div#supplement li a
{
  font-size:        1.1em;
  color:            #C3C1C1;
  }
div#supplement li a:hover
{
  color:            #EEE;
  }
div#supplement li a ins
{
  text-decoration:  underline;
  }
div#supplement li a#subscribeRSS, div#supplement li a#subscribeEmail
{
  padding:          0 0 0 24px;
  color:            #9B9593;
  
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 3px 0;
  }
div#supplement li a#subscribeRSS
{
  background-image: url("../img/icon_rss.gif");
  }
div#supplement li a#subscribeEmail
{
  background-image: url("../img/icon_email.gif");
  }
div#supplement li a#subscribeRSS:hover, div#supplement li a#subscribeEmail:hover
{
  color:            #BBB;
  }
div#supplement ul.subnav li a
{
  text-transform:   uppercase;
  color:            #999;
  }
div#supplement ul.subnav li a:hover
{
  color:            #AAA;
  }
div#supplement ul.subnav li a.current, div#supplement ul.subnav li a.current:hover
{
  color:            #C3C1C1;
  }

div.hr
{
  float:            left;
  display:          inline;
  width:            661px;
  height:           1px;
  margin:           32px 0 0 12px;
  background:       transparent url("../img/hr_light.gif") no-repeat 0 0;
  }
div.margin
{
  border-bottom:    40px solid #3A3A38;
  }
div.hr hr
{
  display:          none;
  }

ul#archives
{
  float:            left;
  display:          inline;
  width:            174px;
  margin:           12px 0 0 12px;
  }
ul#archives li
{
  float:            left;
  width:            171px;
  w\idth:           163px;
  padding:          0 0 4px 8px;
  }
ul#archives li a
{
  font-size:        1.1em;
  color:            #787472;
  text-decoration:  underline;
  }
ul#archives li a:hover, ul#archives li a.current
{
  color:            #DBDAD9;
  }

div#primary ul.pagination
{
  float:            left;
  display:          inline;
  margin:           20px 0 0 184px;
  padding:          0 0 20px;
  }
div#primary ul.pagination li, div#primary ul.pagination li a
{
  float:            left;
  }
div#primary ul.pagination li
{
  display:          inline;
  margin:           0 0 0 3px;
  }
div#primary ul.pagination li a
{
  padding:          4px 7px;
  background-color: #85837E;
  font-weight:      bold;
  color:            #FFF;
  }
div#primary ul.pagination li a:hover
{
  background-color: #777;
  }
div#primary ul.pagination a.current, div#primary ul.pagination a.current:hover
{
  background-color: #51504C;
  }

/* FOOTER                                                                                       FOOTER ::
--------------------------------------------------------------------------------------------------------- */
div#footer
{
  margin-right:     -3px;
  height:           100px;
  }
div#footer p, div#footer a
{
  color:            #999;
  }
div#footer p
{
  margin:           15px 0 0;
  }
div#footer span
{
  margin:           0 33px;
  }
div#footer a
{
  margin:           0 10px;
  }
div#footer a:hover
{
  color:            #CCC;
  }