img
    {
      border:0px;
    }

strong, em
    {
      color: #444444;
    }

p   
    {
      margin-top: 18px;
      margin-bottom: 22px;
      margin-left: 12px;
      margin-right: 12px;
      text-align: justify;
      color: #444444; 
      line-height: 18px;
    }

acronym 
    {
      border-bottom: 1px dotted #999999;
      cursor: help;
    }

h1
    {
      font-family: arial, verdana, sans-serif;
      font-size:15px;
      color: #000000;
      display: inline; 
      text-align: left;
      background: #b2d1fc;
      background-repeat: no-repeat;
      padding: 1px 14px 1px 11px;
    }

h2
    {
      font-family: arial, verdana, sans-serif;
      font-size:15px;
      color: #A43838;
      display: inline; 
      margin-left: 11px;
      letter-spacing: 0px;
      text-align: left;
      margin-bottom:0px;
    }

h3
    {
      font-family: arial, verdana, sans-serif;
      font-size:11px;
      color: #000000;
      display: inline; 
      margin-left: 12px;
      text-align: left;
    }

h4
    {
      text-decoration : none;
      font-family: arial, verdana, sans-serif;
      font-size:10px;
      color: #000000;
      display: inline; 
      margin-left: 12px;
      text-align: left;
    }

.secondheader
    { 
       position:relative;
       top:-14px;
       left:-12px;
       float:right;
       text-align: right;
    }

hr
    {
      color: #000000;

    }

a 
    {
      text-decoration : none;
      color: #3234E1;
    } 

a:visited
    {
      color: #3D97EC;
    } 

a:hover 
    {
      text-decoration : underline;
      color: #BA4E4E;
    }

html
    {
      height: 100%;
    }

body
    {
      margin: 0px; 
      padding: 0px;
  
      font-family: arial, verdana, sans-serif;
      font-size: 90%;
      text-align: center;
      background-color: #DBE0E6;
      color: #444;
    }

table
    {
      font-family: arial, verdana, sans-serif;
      font-size: 100%;
      line-height: 16px; 
    }

div
    {
      text-align: left;
    }

div#page
    {
      background-color: #DBE0E6;
      background-position: top center;
      background-image: url("http://www.4dwebdesigns.co.uk/background.gif");
      background-repeat: repeat-y;
      margin: 0 auto;
      top:0px;
      width: 954px;
    }

div#splitpage
    {
      background-color: #DBE0E6;
      background-position: top center;
      background-image: url("http://www.4dwebdesigns.co.uk/background-split.gif");
      background-repeat: repeat-y;
      margin: 0 auto;
      top:0px;
      width: 954px;
    }

div#mainblock
    {
      position: relative;
      left:4px;
      width: 944px;
    }

html>body #mainblock
    { 
      position: relative;
      left:6px;
      width: 944px;
    }

div#logo
    {
      background-image: url("logo.jpg");
      background-repeat: no-repeat;
      height: 53px;
      text-align: right;
      padding-right: 6px;
      font-size: 12px;
    }

div#logo a
    {
      color: #000000;
    } 

div#logo a:visited
    {
      color: #000000;
    } 

div#logo a:hover
    {
      color: #000000;
      text-decoration : underline;
    } 

div#headers
    {
      position: relative;
      top: 15px;
      margin-bottom: 15px;
      margin-top: 2px;
      z-index:1;
    }

div#menuaboutus, div#menuaboutusselect
    {
      z-index: 900;
    }

div#menuourservice, div#menuourserviceselect
    {
      z-index: 899;
    }

div#menufaq, div#menufaqselect
    {
      z-index: 898;
    }

div#menulinks, div#menulinksselect
    {
      z-index: 897;
    }

div.menusection
    {
      float:left; 
    }
   
div#menublock, .menu
    {
      position: relative;
      top:3px;
     
    }

html>body #menublock 
    { 
      top: 27px;
    }

#menuheadblock
    {
      position: relative; 
      margin: 0;
      z-index: 4;
      padding: 0;
     list-style: none;
     width:100%;
     height: 30px;
           font-size: 10px;
    }

#menuheadblock div
    {
      position: relative;
      left: 1px;
    }

html>body #menuheadblock div
    {
      position: relative;
       left: 0px;
    }


.subitems
    {
      display: none;
      position: absolute;
      left: -2px; 
      top: 15px;
      z-index: 950;
      width: 205px;
      background-color: #CBDBFC;
      text-align: left;
      padding:0px;
      border: 1px solid #000;
      margin: 2px;
      font-size: 14px;
    }

#menuheadblock div ul a
    {
      color: #999999;
     display: block;
    }

#menuheadblock div ul a:hover
    {
      color: #000000;
    }

.menuitem
    {
      display: block;
      text-decoration: none;
      color: #333333;
 
  
    
      border-right: 0px solid #000; /* IE6 Bug */
      border-bottom: 0; 
    }


.menuitem a
{
  display: block;
  width: 197px;
    padding: 4px;
}

.menuitem a:hover
{
  background-color: #fff;
  
}

li.menuitem
    {
     list-style: none; 

    }

* .menuitem { float: left; height: 1%; }
* .menuitem a { height: 1%; }


#menuaboutus:hover ul, #menuaboutus.over ul, #menuourservice:hover ul, #menuourservice.over ul, #menufaq:hover ul, #menufaq.over ul, #menulinks:hover ul, #menulinks.over ul, #menuaboutusselect:hover ul, #menuaboutusselect.over ul, #menuourserviceselect:hover ul, #menuourserviceselect.over ul, #menufaqselect:hover ul, #menufaqselect.over ul, #menulinksselect:hover ul, #menulinksselect.over ul
   { 
     display: block; 
   } 


div#maincontent, div#maincontent2
    {
      position: relative;
      top: 20px;
    }

div#loginwindow
    {
      position: absolute; 
      top: -69px; 
      left: -7px;
      background-color: #B2D1FC;
      width: 237px;
      height: 95px;
      border-left: solid 1px #A1A9D2;
      border-right: solid 1px #A1A9D2;
      border-top: solid 1px #000000;
      border-bottom: solid 1px #A1A9D2;  
    }

html>body div#loginwindow
    {
      position: absolute; 
      top: -69px; 
      left: -8px;
      width: 235px;
    }

div.logininfo
    { 
      margin-left:5px;
      width:70px;
    }

div.loginbox
    {
      position: relative; 
      top:-18px;
      left:79px;
      width:140px;
    }

div.loginsubmit
    {
      position: absolute; 
      top:64px;
      margin-left:5px;
      margin-top:5px;
      width: 60px;
    }

.imageright
    {
      margin-right: 10px;
      margin-left: 10px;
      float:right;
   
    
      
    }

.imageleft
    {
      margin-right: 10px;
      margin-left: 10px;
      float:left;
      margin-top: 23px;
      margin-bottom: -20px;
      border-right: 1px #999 solid;
      border-bottom: 1px #999 solid;
      
    }

div.splitcontent
    {
      width: 708px; 
      float: left;
      position: relative;
      top: 15px;
      margin-right: 7px;
    }

div.splitcontentright
    {
      float: left;
      position: relative;
      top: 25px;
      margin-bottom: 52px;z-index: 1000;
    }

div#footer
    {
      float:left;
      width:944px;
      margin-top: 35px;


    }

div#footermain
    { 
      border-top: 1px solid #000000;
      border-right: 2px solid #000000;
      border-left: 1px solid #000000;
      border-bottom: 1px solid #000000; 
      background-color: #3E7FF8;
      padding-top: 1px;
      padding-bottom: 1px;
      padding-left:10px;
      color: #cccccc;
      font-size: 88%;
            font-size: 11px;
    }

div#footermain a
    { 
      color: #aaaaaa;
    }

div#footerleft
    { 
      float: left;
    }

div#footerright
    { 
      text-align: right; 
      margin-right: 12px;
    }


div#footershadow
    {
      padding:0px;
      margin: 0px;
    
      background-position: bottom center;
      background-image: url("shadow-fix.gif");
      background-repeat: repeat-x;
      
    }


.dropmenu
    {
      border-bottom: 1px solid #000000;
      border-top: 1px solid #000000;
      border-right: 1px solid #000000;
      border-left: 1px solid #000000;
      border-spacing: 0px 0px;
      background-color:#B3D2FF;
    }

.highlight
    {
      border-top: 1px solid #777;
      border-bottom: 1px solid #777;
      background-color: #eee;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 6px; 
      padding-bottom: 6px;    
    }

.lighthighlight
    {
      border-top: 1px solid #B4CCF8;
      border-bottom: 1px solid #B4CCF8;
      border-left: 1px solid #B4CCF8;
      border-right: 1px solid #B4CCF8;
      background-color: #E8F0FD;
      padding-top: 1px; 
      padding-bottom: 1px;    
      margin-right: 11px;
      margin-left: 11px;
    }

.lighthighlight p
    {
      padding: 2px; 
      margin: 0px;
    }


.flashintro
    {
      display: block;
    }

.infobox
    {
      background-color: #dddddd;
      border:1px dotted #aaaaaa;
    }

.seobox
    {
      width:380px;
      margin-left: 12px;
      border-top: 1px solid #B4CCF8;
      border-bottom: 1px solid #B4CCF8;
      border-left: 1px solid #B4CCF8;
      border-right: 1px solid #B4CCF8;
      background-color: #E8F0FD;
      font-size: 10px;
    }

.seobox input, .seobox textbox
    {      
      font-size: 10px;
    }


.radioinput
    {
      background-color: #DDDDDD;
      border: 0px #000000 solid;
    }

textarea, input, select
    {
      background-color: #B2D1FC;
      border: 1px #000000 solid;
      color: #333333;
    }

.light
    {
      font-size:9px;
    }

form
    {
      display: inline; 
    }

.menuimages
    {
      padding: 0px; 
      margin: 0px; 
      clear: both;
      margin-top:0px;
      margin-bottom:0px;
      border:0px;
    }

.smallbut
    {
      color: #ffffff;
      background-color: #3E7FF8;
      text-decoration: none; 
      border-bottom: 2px solid #000000;
      border-right: 2px solid #000000;
      border-left: 2px solid #000000;
      border-top: 2px solid #000000;
      cursor: pointer;
      font-size: 9px;
    }

.emailform
    {
      color: #0044dd;
    }

.submenuinfo 
    {
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 42px;
      margin-right: 12px;
      padding-left: 10px;
      text-align: justify;
      border-left: 1px solid #999999;
      line-height: 16px;
    }

li
    {
      list-style-type: square;
    }

.breaklist li
    {
      padding-top: 10px;
    }

.portfolioimage, .borders
    {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      border-left: 1px solid #000000;
      border-top: 1px solid #000000;
    }

div.menu
    {   
      width:100%;
    }

div.menu a
    {
      text-decoration: none;
      padding: 2px 2px 1px 1px;
      margin: 0px;
      
      height: 20px;
      width: 100%;
      color: #000000;
      font-size: 90%;
    }

div.portfoliobox
    {
      margin-bottom: 15px;
      width:768px;
      height:174px;
      margin-left: 10px;
      background-color: #dddddd;
    
    }

div.portfolioboxtext
    {
      width: 515px;
      margin-left: 10px;
      margin-top: 10px; 
      float: left;
    }

div.portfolioboximage
    {
      float: left;
      width: 265px;
      margin-left: 10px;
      margin-top: 10px;
      
    }

div.sitemaptoprow
    {
      float:left;
      width: 310px;
      margin-top: 15px;
      
    }

div.sitemaprow
    {
      width: 310px;
      float:left;
    }

div.quoteleft
    {
      width: 360px;
      float: left;

      margin-bottom: 14px;
      margin-left: 10px;
    }

div.quoteright
    {
      float: left;
      width: 320px;
      margin-bottom: 14px;  
    }

div.filler
    {
      float:left; 
      width: 100%;
    }

ul.dropmenu
    {  
      margin: 0px;
      padding: 0px;
      list-style: none;
      background-color:#B2D1FC; 
      border: 1px solid #000000;
    }

.quicklinks
    {
      margin: 0px;
      margin-top: 10px;
     
      height: 350px;
      width: 215px;
      float: left;

    }

.quicklinks h2
    {
      padding: 0px;
      margin: 0px;
    }

ul.mainlist
    {
      margin:0px; 
      padding:0px;
      width:205px;
      margin-bottom: 10px;
    }

ul.mainlist li
    {
      list-style: none;
      line-height: 16px;
      padding-left:0px;
      padding-top:5px;
    }

div.menu a
    {
      color: #000000;
      text-decoration: none;
    }

div.menu a:visited
    {
      color: #000000;
      text-decoration: none;
    }

div.menu a:hover 
    {
      color: #ffffff;
      width: 100%;
      background-color: #5683C7;
      text-decoration: none;
    }

div#menuheadblock
    {
      position: relative;
      left: -1px;
    }

div#menuheadblock a
    {
      text-decoration: none;
      color: #cccccc;
    }

div#menuhome
    { 
      background-image: url("menu-home.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 51px;
      height: 24px;
      text-align: center;
      padding: 2px 0px 0px 0px;
    }

div#menuhomeselect
    { 
      background-image: url("menu-home3.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 51px;
      height: 24px;
      text-align: center;
      padding: 2px 0px 0px 0px;
    }

div#menuhome a:hover
    { 
      background: url("menu-home2.gif") no-repeat 0px -1px;
      float: left; 
      width: 51px;
      height: 24px;
      margin-top: -1px; 
      padding-left: 1px;
      text-align: center;
      color: #999999;
      padding: 2px 0px 0px 0px;
    }


div#menuaboutus
    { 
      background-image: url("menu-aboutus.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 69px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menuaboutusselect
    { 
      background-image: url("menu-aboutus3.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 69px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menuaboutus a:hover.menuheading
    { 
      background: url("menu-aboutus2.gif") no-repeat 0px -1px;
      float: left; 
      width: 69px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      margin-top: -1px; 
      padding-left: 1px;
      text-align: center;
      color: #999999;
    }

div#menuourservice
    { 
      background-image: url("menu-ourservice.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 85px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menuourserviceselect
    { 
      background-image: url("menu-ourservice3.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 85px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menuourservice a:hover.menuheading
    { 
      
      background: url("menu-ourservice2.gif") no-repeat 0px -1px;
      float: left; 
      width: 85px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      margin-top: -1px; 
      padding-left: 1px;
      text-align: center;
      color: #999999;
    }

div#menufaq
    { 
      background-image: url("menu-faq.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 47px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menufaqselect
    { 
      background-image: url("menu-faq3.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 47px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menufaq a:hover.menuheading
    { 
      
      background: url("menu-faq2.gif") no-repeat 0px -1px;
      float: left; 
      width: 47px;
      height: 24px;
      padding-top: 2px;
      margin-top: -1px; 
      padding-left: 1px;
      text-align: center;
      color: #999999;
    }

div#menulinks
    { 
      background-image: url("menu-links.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 53px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menulinksselect
    { 
      background-image: url("menu-links3.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 53px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menulinks a:hover.menuheading
    { 
      
      background: url("menu-links2.gif") no-repeat 0px -1px;
      float: left; 
      width: 53px;
      height: 24px;
      padding-top: 2px;
      margin-top: -1px; 
      padding-left: 1px;
      text-align: center;
      color: #999999;
    }

div#menucontact
    { 
      background-image: url("menu-contact.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 56px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menucontactselect
    { 
      background-image: url("menu-contact3.gif");
      background-repeat: no-repeat;
      float: left; 
      width: 56px;
      height: 24px;
      padding: 2px 0px 0px 0px;
      text-align: center;
    }

div#menucontact a:hover.menuheading
    { 
      background: url("menu-contact2.gif") no-repeat 0px -1px;
      float: left; 
      width: 56px;
      height: 24px;
      padding-top: 2px;
      margin-top: -1px; 
      padding-left: 1px;
      text-align: center;
      color: #999999;
    }

.adblock
{
  position: relative;
  clear: both;
  left: 7px;
}