/* (c) Copyright DR Solutions International Ltd / Author: Travis Hayler / Style Sheet: Newton Joinery */

  /* IMPORT */
  @import "lightbox/jquery.lightbox.0.5.css";
  @import "scrollable/scrollable-buttons.css";
  @import "scrollable/scrollable-horizontal.css";

  /* DEFAULT */
  *                                                                           {width:auto;height:auto;margin:0px;padding:0px;}
  html                                                                        {overflow:hidde;height:100%;}
  body                                                                        {overflow:hidden;height:100%;background:#E5D9A9;font:normal 62.5% Arial, Verdana, Tahoma;color:#666666;cursor:default;}
  div                                                                         {}
  h1, h2, h3                                                                  {font-weight:normal;}
  h1                                                                          {font-size:5.50em;color:#666666;}
  h2                                                                          {font-size:2.60em;color:#666666;}
  h3                                                                          {font-size:1.20em;color:#666666;}
  p                                                                           {font-size:1.10em;color:#666666;}
  a                                                                           {color:#14120A;text-decoration:none;}
  a:hover                                                                     {text-decoration:underline;}
  li                                                                          {font-size:1.40em;color:#666666;}
  img                                                                         {border:0px;}
  a, select, input.submit, input.checkbox, label                              {cursor:pointer !important;}

  /* STYLE */
  #container                                                                  {width:749px;height:auto;padding-top:10px;margin-left:auto;margin-right:auto;background:#E5D9A9;}
  #navigation                                                                 {width:749px;height:35px;background:#BFB898;}
    #navigation a                                                             {height:35px;display:block;}
    #navigation ul                                                            {width:719px;padding-left:30px;overflow:hidden;}
    #navigation ul li                                                         {height:35px;padding-right:30px;float:left;list-style:none;}
    #navigation ul li a span                                                  {display:none;}
    #navigation ul li.home a                                                  {width:45px;height:35px;background-image:url('../images/navigation/home.gif');}
    #navigation ul li.home a:hover                                            {width:45px;height:35px;background-image:url('../images/navigation/home-hover.gif');}
    #navigation ul li.about-us a                                              {width:77px;height:35px;background-image:url('../images/navigation/about-us.gif');}
    #navigation ul li.about-us a:hover                                        {width:77px;height:35px;background-image:url('../images/navigation/about-us-hover.gif');}
    #navigation ul li.portfolio a                                             {width:86px;height:35px;background-image:url('../images/navigation/portfolio.gif');}
    #navigation ul li.portfolio a:hover                                       {width:86px;height:35px;background-image:url('../images/navigation/portfolio-hover.gif');}
    
      #navigation ul li.portfolio ul                                          {width:719px;overflow:hidden;margin-left:0px;position:absolute;background:#1a1609;}
      #navigation ul li.portfolio ul li                                       {height:19px;float:left;list-style:none;margin:0px 7px 0px 7px;padding-right:0px;}
      #navigation ul li.portfolio ul li.windows a                             {width:50px;height:19px;margin-left:30px;background-image:url('../images/navigation/windows.jpg');}
      #navigation ul li.portfolio ul li.windows a:hover                       {width:50px;height:19px;background-image:url('../images/navigation/windows-hover.jpg');}      
      #navigation ul li.portfolio ul li.kitchens a                            {width:46px;height:19px;background-image:url('../images/navigation/kitchens.jpg');}
      #navigation ul li.portfolio ul li.kitchens a:hover                      {width:46px;height:19px;background-image:url('../images/navigation/kitchens-hover.jpg');}
      #navigation ul li.portfolio ul li.furniture a                           {width:50px;height:19px;background-image:url('../images/navigation/furniture.jpg');}
      #navigation ul li.portfolio ul li.furniture a:hover                     {width:50px;height:19px;background-image:url('../images/navigation/furniture-hover.jpg');}
      #navigation ul li.portfolio ul li.doors a                               {width:33px;height:19px;background-image:url('../images/navigation/doors.jpg');}
      #navigation ul li.portfolio ul li.doors a:hover                         {width:33px;height:19px;background-image:url('../images/navigation/doors-hover.jpg');}
      #navigation ul li.portfolio ul li.green-oak-frames a                    {width:101px;height:19px;background-image:url('../images/navigation/green-oak-frames.jpg');}
      #navigation ul li.portfolio ul li.green-oak-frames a:hover              {width:101px;height:19px;background-image:url('../images/navigation/green-oak-frames-hover.jpg');}
      #navigation ul li.portfolio ul li.conservatories a                      {width:78px;height:19px;background-image:url('../images/navigation/conservatories.jpg');}
      #navigation ul li.portfolio ul li.conservatories a:hover                {width:78px;height:19px;background-image:url('../images/navigation/conservatories-hover.jpg');}
      #navigation ul li.portfolio ul li.staircases a                          {width:50px;height:19px;background-image:url('../images/navigation/staircases.jpg');}
      #navigation ul li.portfolio ul li.staircases a:hover                    {width:50px;height:19px;background-image:url('../images/navigation/staircases-hover.jpg');}
      #navigation ul li.portfolio ul li.seperator                             {width:3px;height:19px;background-image:url('../images/navigation/seperator.jpg');line-height:0.00em;font-size:0.00em;}
      
    #navigation ul li.testimonials a                                          {width:110px;height:35px;background-image:url('../images/navigation/testimonials.gif');}
    #navigation ul li.testimonials a:hover                                    {width:110px;height:35px;background-image:url('../images/navigation/testimonials-hover.gif');}
    #navigation ul li.contact-us a                                            {width:95px;height:35px;background-image:url('../images/navigation/contact-us.gif');}
    #navigation ul li.contact-us a:hover                                      {width:95px;height:35px;background-image:url('../images/navigation/contact-us-hover.gif');}
 
  #headerimage                                                                {width:749px;height:293px;}
    #headerimage img                                                          {width:749px;height:293px;}
    
  #content                                                                    {overflow:hidden;width:749px;height:235px;background:#1a1609;}
    #content .home                                                            {float:left;width:434px;height:240px;}
    #content .home p                                                          {color:#FFFFFF;padding-left:30px;padding-top:5px;}
    #content .home img                                                        {width:123px;height:43px;margin:15px 0px 0px 25px;}
    #content .home-pic                                                        {float:left;width:295px;height:240px;}
    #content .home-pic img                                                    {width:256px;height:179px;margin:28px 0px 0px 30px;}
    #content .about-us                                                        {float:left;width:434px;height:240px;}
    #content .about-us p                                                      {color:#FFFFFF;padding-left:30px;padding-top:5px;}
    #content .about-us img                                                    {width:113px;height:43px;margin:15px 0px 0px 25px;}
    #content .about-us-pic                                                    {float:left;width:275px;height:240px;}
    #content .about-us-pic img                                                {width:256px;height:179px;margin:28px 0px 0px 30px;}
    
    #content .portfolio                                                       {float:left;width:749px;height:40px;}
    #content .portfolio img.windows                                           {width:99px;height:41px;margin:15px 0px 0px 25px;}
    #content .portfolio img.kitchens                                          {width:103px;height:34px;margin:15px 0px 0px 25px;}
    #content .portfolio img.furniture                                         {width:114px;height:38px;margin:15px 0px 0px 25px;}
    #content .portfolio img.doors                                             {width:69px;height:30px;margin:15px 0px 0px 25px;}
    #content .portfolio img.green-oak-frames                                  {width:234px;height:38px;margin:15px 0px 0px 25px;}
    #content .portfolio img.conservatories                                    {width:147px;height:31px;margin:15px 0px 0px 25px;}
    #content .portfolio img.staircases                                        {width:106px;height:35px;margin:15px 0px 0px 25px;}
    
    #content .portfolio-pic                                                   {float:left;width:749px;height:200px;text-align:center;}
    #content .portfolio-pic a                                                 {float:left;}
    #content .portfolio-pic img                                               {width:89px;height:128px;margin:30px 30px 0px 0px;border-width:1px;border-color:#989895;border-style:solid;}
    
    #content .testimonials                                                    {float:left;width:464px;height:240px;}
    #content .testimonials p                                                  {float:left;color:#FFFFFF;padding-left:30px;padding-top:5px;}
    #content .testimonials img                                                {width:144px;height:34px;margin:15px 0px 0px 25px;}
    #content .testimonials-button                                             {overflow:hidden;float:left;width:474px;height:40px;margin:20px 10px 0px 0px;}
    #content .testimonials-button p                                           {padding:10px 10px 0px 30px;}
    #content .testimonials-button a                                           {color:#FFFFFF;}
    #content .testimonials-button a hover                                     {text-decoration:underline;}
    #content .testimonials-button img                                         {float:left;width:39px;height:34px;margin:-10px 10px 0px 0px;}

    #content .testimonials-pic                                                {float:left;width:275px;height:240px;}
    #content .testimonials-pic img                                            {width:256px;height:179px;margin:28px 0px 0px 0px;}

    #content .contact-us                                                      {float:left;width:454px;height:240px;}
    #content .contact-us p                                                    {color:#FFFFFF;padding-left:30px;padding-top:18px;}
    #content .contact-us a                                                    {color:#FFFFFF;}
    #content .contact-us a hover                                              {text-decoration:underline;}
    #content .contact-us img                                                  {width:138px;height:30px;margin:15px 0px 0px 25px;}
    #content .contact-us-pic                                                  {float:left;width:295px;height:240px;}
    #content .contact-us-pic img                                              {width:256px;height:179px;margin:28px 10px 0px 10px;}
    
  /*div.rotate                                                                  {overflow:hidden;width:295px;height:240px;}*/

  #footer                                                                     {text-align:center;width:724px;height:37px;padding-left:25px;}
    #footer p span                                                            {font-size:1.20em;color:#14120A;padding-right:8px;line-height:18px;}

  #scroll .items { left:0px; }

  /* COMMON */
  .pointer                                                                    {cursor:pointer !important;}

