body 
{
    background-color: #CCC;
    text-align: center;
    font-family: Verdana, Arial;
    font-size: 12px;
    max-height: 780px;
}

img
{
    border: 0px;
    padding: 0;
    margin: 0;
}

a, a:link, a:visited
{
    color: #666;
    text-decoration: underline;
}
a:hover
{
    color: #333;
    text-decoration: none;
}

a.contact, a.contact:link, a.contact:visited
{
    color: #FFF;
}
a.contact:hover
{
    color: #CCC;
}


#Container
{
    min-width: 965px;
    max-width: 965px;
    text-align: left;
    margin: auto;
    z-index:0;
}

#TopContainer
{
    position:relative;
    display: inline;
    text-align: left;
    height: 249px;
    z-index:1;
}

#BottomContainer
{
    background: transparent;
    position: relative;
    top: -196px;
    height: 249px;
    max-height: 382px;
    z-index:0;
}    

#MainNavigation
{
    background-color: transparent;
    text-align: left;
    width: 472px;
    padding: 0px;
    margin: 0px;
    z-index:99;
}

a.nav1, a.nav1:link, a.nav1:visited
{ display:block;   background: url('images/HOME_Nav.jpg') no-repeat 0px 0px;  position:relative; z-index:99;}    
a.nav1:hover, a.nav1selected
{ display:block;  background: url('images/HOME_Nav.jpg') no-repeat 0px -48px;  position:relative; z-index:99;}    
a.nav2, a.nav2:link, a.nav2:visited
{ display:block;  background: url('images/ABOUT_Nav.jpg') no-repeat 0px 0px; width: 472px;  position:relative; z-index:99;}    
a.nav2:hover, a.nav2selected
{ display:block;  background: url('images/ABOUT_Nav.jpg') no-repeat 0px -31px; width: 472px;  position:relative; z-index:99;}    
a.nav3, a.nav3:link, a.nav3:visited
{ display:block;  background: url('images/SERVICES_Nav.jpg') no-repeat 0px 0px; width: 472px;  position:relative; z-index:99;}    
a.nav3:hover, a.nav3selected
{ display:block;  background: url('images/SERVICES_Nav.jpg') no-repeat 0px -31px; width: 472px;  position:relative; z-index:99;}    
a.nav4, a.nav4:link, a.nav4:visited
{ display:block;  background: url('images/WORK_Nav.jpg') no-repeat 0px 0px; width: 472px;  position:relative; z-index:99;}    
a.nav4:hover, a.nav4selected
{ display:block;  background: url('images/WORK_Nav.jpg') no-repeat 0px -30px; width: 472px;  position:relative; z-index:99;}    
a.nav5, a.nav5:link, a.nav5:visited
{ display:block;  background: url('images/NEWS_Nav.jpg') no-repeat 0px 0px; width: 472px;  position:relative; z-index:99;}    
a.nav5:hover, a.nav5selected
{ display:block;  background: url('images/NEWS_Nav.jpg') no-repeat 0px -30px; width: 472px;  position:relative; z-index:99;}    
a.nav6, a.nav6:link, a.nav6:visited
{ display:block;  background: url('images/CONTACT_Nav.jpg') no-repeat 0px 0px; width: 472px;  position:relative; z-index:99;}    
a.nav6:hover, a.nav6selected
{ display:block;  background: url('images/CONTACT_Nav.jpg') no-repeat 0px -31px; width: 472px;  position:relative; z-index:99;}    
a.nav7, a.nav7:link, a.nav7:visited
{ display:block;  background: url('images/ARTICLES_Nav.jpg') no-repeat 0px 0px; width: 472px; position:relative; z-index:99;}    
a.nav7:hover, a.nav7selected
{ display:block;  background: url('images/ARTICLES_Nav.jpg') no-repeat 0px -50px; width: 472px;  position:relative; z-index:99;}    


#HomeLogo
{
    position: relative;
    top: -256px;
    left: 517px;
    background-color: transparent;
    width: 464px;
    vertical-align:top;
    text-align: left;
}    

#HomeTextMain
{
    position: relative;
    top: -226px;
    left: 507px;
    background-color: transparent;
    color: #666;
    width: 464px;
    vertical-align:top;
    text-align: left;
    font-size: 14px;
    line-height: 1.4em;
}    

#HomeImage
{
    position: relative;
    top: 0px;
    background-color: transparent;
    width: 464px;
    vertical-align:top;
    text-align: left;
    font-size: 14px;
    line-height: 1.4em;
}    

#HomeTextSub
{
    position: relative;
    top: -245px;
    left: 472px;
    padding: 20px 0 39px 30px;
    background-color: #E1393D;
    color: #FFF;
    width: 464px;
    vertical-align:top;
    text-align: left;
    font-size: 12px;
    line-height: 1.4em;
}
    
*:first-child+html #HomeTextSub
{
    position: relative;
    top: -248px;
    left: 472px;
    padding: 20px 0 55px 35px;
    background-color: #E1393D;
    color: #FFF;
    width: 464px;
    vertical-align:top;
    text-align: left;
    font-size: 12px;
    line-height: 1.4em;
}    

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #HomeTextSub
    {
        padding: 20px 0 42px 35px;
    }
}    

#AboutLogo
{
    position: relative;
    top: -253px;
    left: 472px;
    background-color: transparent;
    vertical-align:top;
    text-align: left;
}    

#AboutBanner
{
    position: relative;
    top: -20px;
    left: -25px;
    padding: 0;
    vertical-align:top;
    text-align: left;
}

#AboutTextKirsty
{
    position: relative;
    top: -325px;
    left: 0px;
    padding: 60px 0 20px 234px;
    background-color: transparent;
    color: #444;
    max-width: 223px;
    vertical-align:top;
    text-align: left;
    font-size: 12px;
    line-height: 1.4em;
}

*:first-child+html #AboutTextKirsty
{
    position: relative;
    top: -328px;
    left: 0px;
    padding: 60px 0 20px 234px;
}

#AboutTextLynne
{
    position: relative;
    top: -608px;
    left: 472px;
    padding: 60px 5px 21px 110px;
    background-color: transparent;
    color: #444;
    max-width: 223px;
    vertical-align:top;
    text-align: left;
    font-size: 12px;
    line-height: 1.4em;
}
*:first-child+html #AboutTextLynne
{
    position: relative;
    top: -612px;
    left: 472px;
    padding: 60px 5px 20px 110px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #AboutTextLynne
    {
        position: relative;
        top: -598px;
        left: 472px;
        padding: 60px 5px 20px 110px;
    }
}    

#ServicesImage
{
    padding: 0px;
    position: relative;
    top: 100px;
    background-color: transparent;
    width: 476px;
    vertical-align:top;
    text-align: left;
}    

.ServicesTextRight
{
    position: relative;
    top: -44px;
    left: 517px;
    padding: 7px 20px 7px 0px;
    max-width: 453px;
    background-color: #fff;
    color: #666;
    vertical-align:top;
    text-align: left;
    font-size: 12px;
    line-height: 1.2em;
    border-top: solid 1px gray;
}


.Header
{
    width: 476px;
    font-size: 24px;
    font-weight:lighter;
    color: #999;
    line-height: 1.2em;
}
.Sub
{
    padding: 0 0 0 15px;
    font-size: 14px;
    color: #666;
    line-height: 1.4em;
}

#WorkImage
{
    padding: 0;
    position: relative;
    top: -30px;
    background-color: transparent;
    vertical-align:top;
    text-align: left;
    border-top: solid 1px gray;
}    

.WorkText
{
    position: relative;
    top: -396px;
    left: 230px;
    padding: 7px 20px 7px 0px;
    max-width: 740px;
    background-color: #fff;
    color: #666;
    vertical-align:top;
    text-align: left;
    font-size: 12px;
    line-height: 1.2em;
    border-top: solid 1px gray;
}

*:first-child+html .WorkText
{
    top: -398px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .WorkText
    {
        top: -396px;
    }
}    


#NewsImage
{
    position: relative;
    top: 100px;
    background-color: transparent;
}    

#NewsText
{
    position: relative;
    top: -345px;
    left: 507px;
    background-color: transparent;
    color: #666;
    width: 464px;
    vertical-align:top;
    text-align: left;
    font-size: 14px;
    line-height: 1.4em;
}    

*:first-child+html #NewsText
{
    top: -335px;
}

#ContactImage
{
    position: relative;
    top: -75px;
    left: 50px;
    z-index: 1;
}

#ContactText
{
    position: relative;
    top:-555px;
    left: 100px;
    width: 360px;
    font-size: 12pt;
    color: #fff;
    z-index: 2;
}

#ArticlesImage
{
    position: relative;
    top: 70px;
    background-color: transparent;
}    

.ArticlesText
{
    position: relative;
    top: -379px;
    left: 507px;
    background-color: transparent;
    color: #666;
    width: 483px;
    border-top: solid 1px #999;
}    
.ArticlesTextLast
{
    position: relative;
    top: -379px;
    left: 507px;
    background-color: transparent;
    color: #666;
    width: 483px;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
}    


#Footer
{
    position: relative;
    margin: auto;
    background-color: #FFF;
    bottom: 0px;
    text-align:left;
    width: 965px;
    font-size:10px;
    color: #666;
    padding: 10px 25px 25px 25px;
    z-index:99;
}



#test1 {
font-weight:bold;
font-size:14px;
color:orange;/*IE 5 for PC only*/
voice-family:"\"}\"";
voice-family:inherit;
color:black;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*#test1 {
[color:red;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is
addressed below.*/
color:blue;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
]color:green;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all
Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}
/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is
unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property
is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape
read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html #test1 {
color:green;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC
are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/

#testBox { background-color: red; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #testBox { background-color: blue; }
}