/* 
Document   : ABGStyles
Created on : 25-Nov-2008, 14:17:11
Author     : PC
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*Main body properties*/


/*FIREFOX CSS Sheet*/


html
{

    /*min-height:100%;*/
}

hr
{
    margin-left:5px;
    margin-right:5px;
    height:1px;
    background-color:#6B8E23;
    border:0;


}

body
{

    background:#E2EBF5;
    
    
    
    font-family:Tahoma;
    font-size:12px;
    color:#000;
    font-variant:normal;
    font-weight:normal;
    text-decoration:none;
    text-transform:none;
    /*min-height:100%;*/


}




.content
{
    height:auto;
    /*min-height:100%;*/
    position:absolute;
    margin-left:50%;
    left:-400px;
    background-color:#E2EBF5;
    width:800px;


}


.img
{
    border:none;
    clear:none;
    padding:0px;
    margin:0px;
}

img.thumbnail
{
    margin:2px 2px 2px 2px;
    border:1px solid #000;
}

.img AlignRight
{
    float:right;
    margin-left:5px;
    margin-right:5px;
}





/*root {
display: block;
}*/
/*Header section, including top header, logo and carousel*/
#HeaderTop
{
    width:800px;
    height:16px;
    background-color:#E2EBF5;
    margin:0;
    font-size:0px;
    background-image: url('../Images/Layout/HeaderTop.jpg');
}


#Header
{
    width:800px;
    height:170px;
    background-color:#FFF;
    font-size:0px;
    margin:0;
    background-image: url('../Images/Layout/HeaderBackground.jpg');
}


#HeaderLogo
{
    width:245px;
    height:140px;
    font-size:0px;
    float:left;
    background-color:white;
    position:relative;
    top:15px;
    left:15px;
}

#HeaderImage
{
    width:525px;
    height:140px;
    font-size:0px;
    margin:0;
    float:right;
    background-color:white;
    position:relative;
    right:15px;
    top:20px;

}


#CarouselImages li{
    position:absolute;
    right:10px;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;

}

#CarouselImages li img{
    display:block;
    background-color:#FFFFFF;
}
/*
***************End of Header Elements*****/

/*Green divider section at bottom of header*/
#GreenDivider
{
    width:783px;

    height:10px;
    background-color:#6B8E23;
    font-size:0px;
    margin-left:8px;
    padding:0;
    border-right:solid 1px #CCC;
    border-left:solid 1px #CCC;

}


/*1cm white spacer after green divider*/
#WhiteDivider
{
    width:783px;



    height:0.5cm;
    background-color:#FFF;
    font-size:0px;
    /*margin-left:8px;*/
    margin-left:8px;
    padding:0;
    border-right:solid 1px #CCC;
    border-left:solid 1px #CCC;
}


/*Content Elements*/
#ContentBackground
{
    width:800px;
    height:auto;
    /*min-height:100%;*/
    position:relative;
    font-size:0px;
    margin:0;
    background-image: url('../Images/Layout/ContentBackground.jpg');
    background-repeat:repeat-y;
    background-color:#FFF;

}



#ContentLeft
{
    width:200px;
    height:auto;
    position:relative;
    font-size:0px;
    float:left;
    margin-left:9px;
    background-color:#FFF;
}


#ContentRight
{
    width:583px;
    height:auto;
    position:relative;
    background-color:White;
    font-size:0px;
    padding:0;
    float:right;
    margin-right:8px;
}


/*elements for the main article area*/
#ArticleTop
{
    width:583px;
    height:18px;
    font-size:0pt;
    padding-top:0px;
    background-image:url("../Images/Layout/Content/ContentTop.jpg");

}

#ArticleBottom
{
    width:583px;
    height:19px;
    font-size:0px;
    padding:0px;
    background-image:url("../Images/Layout/Content/ContentBottom.jpg");
}

#Article
{
    width:553px;
    height:auto;
    /*position:relative;*/
    background-color:#FFF;
    font-size:0pt;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    /*padding:0;*/
    margin-left:13px;

}

#ArticlePhoto
{

    margin-left:5px;
    margin-right:5px;
    width:auto;
    height:auto;
    font-size:0pt;
}


/*Staff Biography Section*/

#BiographySpacer
{
    width:546px;
    height:25px;
    font-size:0px;
    margin:0px;
    padding:0;
    background-color:#000;
    position:relative;
}

#BiographyTop
{
    width:546px;
    height:11px;
    position:relative;
    font-size:0px;
    margin:0px;
    padding:0px;
    background-image:url("../Images/Layout/Bio/biotop.jpg");
    margin-left:3px;
}

#BiographyContent
{
    width:546px;
    height:auto;
    position:relative;
    font-size:0px;
    margin:0px;
    padding:0;
    background-color:#FDF8D0;
    margin-left:3px;
}



#BiographyBottom
{
    width:546px;
    height:12px;
    position:relative;
    font-size:0px;
    margin:0px;
    padding:0px;
    background-image:url("../Images/Layout/Bio/biobottom.jpg");
    margin-left:3px;
}


/*Contact Us - GoogleMap container*/
#GoogleMapContainer
{
    width:350px;
    height:270px;
    background-color:White;
    border: 1px solid #CCC;
    font-size:0pt;
    padding:0;
    margin-right:10px;
    margin-left:10px;
    float:right;
}


/*Sub Footer*/
/*1cm white spacer after green divider*/
#SubFooter
{
    width:783px;
    /* width:785px;           /*IE 6 + 7*/
    height:0.8cm;
    background-color:#FFF;
    font-size:0px;
    margin-left:9px;
    border-top:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    clear:both;
    text-align:center;

}




/*Footer*/
#Footer
{
    width:800px;
    height:20px;
    background-color:#E2EBF5;
    font-size:0px;
    margin-left:1px;
    background-image: url('../Images/Layout/Footer.jpg');
    background-repeat:no-repeat;

    /*clear:Both? Trying to get fluid columns*/
    clear:both;

}


/*Headers*/
h1
{
    font-size:14px;
    font-weight:bold;
    color:#000;
    font-family:Tahoma;
    padding:0px;
    margin-left:5px;
    margin-right:5px;
    margin-top:0px;
    margin-bottom:0px;
}





h5
{
    color:#003C7B;
    font-size:12px;
    font-weight:Bold;
    margin-left:5px;
    margin-right:5px;
    padding:0px;
    font-family:Tahoma;



}



h6
{
    font-size:12px;
    font-weight:bold;
    color:#003C7B;
    font-family:Tahoma;
    padding:0px;
    margin-top:10px;
}




/*Paragraph element and classes*/
p
{
    font-family:Arial;
    font-size:13px;
    margin-left:5px;
    margin-right:5px;
    text-align:left;
    padding:5px;
    margin:0px


}



p.Normal
{
    font-size:13px;
    font-family:Tahoma;
    color:#000;
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;

}

p.Bold
{
    font-size:13px;
    font-family:Tahoma;
    color:#000;
    margin-left:5px;
    margin-right:5px;
    font-weight:bold;
    text-align:center;
}

p.Smaller
{
    font-size:11px;
    font-family:Tahoma;
    color:#000;
}

/*Italic*/
i
{
    font-size:13px;
    font-family:Tahoma;
    color:#000;
    font-style:italic;
}



/*Bold element and classes*/
b
{
    font-size:12px;
    font-weight:bold;
    color:#000;
    font-family:Tahoma;
    margin:0;
    padding:0;
}



b.SubFooterRight
{
    font-size:12px;
    color:#003C7B;
    margin-left:5px;
    margin-right:5px;
    float:right;
}



b.NewsLetterHeading
{
    font-size:14px;
    color:#003C7B;
    margin-left:25px;
    line-height:25px;


}

b.Heading
{
    font-size:15px;
    font-weight:bold;
    color:#000;
    /* color:#6B8E23;*/
}

b.SubHeading
{
    font-size:12px;
    font-weight:bold;

    color:#000;
}

b.White
{
    font-size:12px;
    font-weight:normal;
    color:#FFF;
    margin-left:5px;
    line-height:20px;
}

b.SubHeadingGreen
{
    font-size:12px;
    font-weight:bold;
    color:#6B8E23;
}

b.Right
{
    float:right;
    margin-right:5px;
    margin-left:5px;
}

b.Small
{
    font-size:10px;
    font-weight:lighter;
    color:#000;
}



/*Navigation*/
#Navigation
{
    width:185px;
    height:auto;
    background-color:#CCC;
    border-top:1px solid #686;
    border-right:1px solid #686;
    border-bottom:1px solid #686;

}

#Navigation ul
{
    list-style:none;
    margin:0;
    padding:0;
}

#Navigation li
{
    /*height:20px;*/
    height:30px;
    list-style:none;
    display:block;
}

#Navigation a
{
    line-height:20px;
    height:30px;
    background-image:url('../Images/Layout/Navigation/navbutton.jpg');
    text-decoration:none;
    font-size:13px;
    font-family:Tahoma;
    display:block;
    width:180px;
    padding-left:5px;


    color:#FFF;

}

#Navigation li a:hover
{

    background-image:url('../Images/Layout/Navigation/navbutton2.jpg');
    color:#000;

}

ul .SubMenu
{
    line-height:20px;
    display:block;
    z-index:1;
    float:none;
    border-right:1px solid #686868;
    border-top:1px solid #686868;
    border-bottom:1px solid #686868;
    border-left:1px solid #686868;
    background-image:url('../Images/Layout/Navigation/navbutton.jpg');
    position:absolute;
    top:70px;
    left:185px;
}

.SubMenu:hover
{
    display:none;
}










ul .Services
{
    display:list-item;
    font-family:Tahoma;
    font-size:13px;
    color:#000;
    line-height:25px;
}

li
{
    font-family:Arial;
    font-size:12px;
    padding:2px;
    color:#000;


}



li.Services
{
    font-family:Tahoma;
    font-size:13px;
    color:#000;
}

li.Green
{
    font-family:Tahoma;
    font-size:13px;
    text-decoration:none;
    color:#6B8E23;
}

li.Black
{
    font-family:Tahoma;
    font-size:13px;
    text-decoration:none;
    color:#000;
    margin-left:5px;
}



/*div to contain telephone number (just underneath navigation)*/
#Telephone
{
    width:185px;
    height:auto;
    background-color:#FFF;
    float:left;
    margin-top:10px;
    font-size:0px;
    padding:0px;
    line-height:20px;
}

#Telephone p
{
    color:#003C7B;
    font-size:12px;
    font-weight:Bold;
    margin-left:5px;
    margin-right:5px;
    font-family:Tahoma;
}



/*Staff Photo holder*/
#PhotoHolder
{
    height:173px;
    width:230px;
    float:right;
    margin-right:10px;
}


#PictureContainer
{
    height:500px;
    width:183px;
    float:right;
    margin-left:5px;
    background-image:url("../Images/Test/about.jpg");
    background-repeat:no-repeat;
    padding-right:5px;
    margin-top:25px;
}


a.LargeLink
{
    font-family:Tahoma;
    font-size:13px;
    text-decoration:none;
    color:#003F7D;
}

a.LargerLink
{
    font-family:Tahoma;
    font-size:14px;
    text-decoration:none;
    color:#003F7D;
}

a
{
    font-family:Tahoma;
    font-size:13px;
    text-decoration:none;
    color:#003F7D;
}

a.Newsletter
{
    font-family:Tahoma;
    font-size:13px;
    text-decoration:none;
    color:#003F7D;
}



a.Green
{
    font-family:Tahoma;
    font-size:13px;
    text-decoration:none;
    color:#6B8E23;

}

a:visited
{
    text-decoration:none;
}

a.LargeLink :visited
{
    text-decoration:none;
}


#Specialisations
{
    width:173px;
    height:200px;
    background-color:#000;
    float:left;
}



#commercialclient
{
    width:285px;
    height:253px;
    background-color:#FFF;
    /*margin-left:173px;*/
    float:right;
    background-image:url("../Images/Layout/Content/Commercialclient/commercial.jpg");
    background-repeat:no-repeat;

}



#AboutUsContainer
{
    width:299px;
    height:170px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Philosophies/about.jpg");
    background-repeat:no-repeat;
    margin-right:5px;

}

#privateclient
{
    width:258px;
    height:134px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Privateclient/privateclient.jpg");
    background-repeat:no-repeat;
    margin-top:-50px;
}

#ipit
{
    width:202px;
    height:216px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/IPIT/ipit.jpg");
    background-repeat:no-repeat;
    margin-top:-150px;
    margin-right:5px;

}

#IndexContainer
{
    width:300px;
    height:141px;
    background-color:#FFF;
    float:right;
    /*background-image:url("../Images/Layout/Content/index.jpg");*/
    /* background-repeat:no-repeat;
    margin-top:-150px;*/
    margin-right:5px;
    padding-left:5px;
}

#companycommercial
{
    width:153px;
    height:204px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Companycommercial/companycommercial.jpg");
    background-repeat:no-repeat;
    margin-right:10px;
    margin-top:-130px;
}

#insolvency
{
    width:226px;
    height:162px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Insolvency/insolvency.jpg");
    background-repeat:no-repeat;
    margin-right:5px;
    margin-top:30px;

}

#property
{
    width:202px;
    height:216px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Property/property.jpg");
    background-repeat:no-repeat;
    margin-top:-150px;
    margin-right:5px;
}

#wills
{
    width:254px;
    height:170px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Wills/will.jpg");
    background-repeat:no-repeat;
    margin-top:-150px;
    margin-right:5px;
}

#dispute
{
    width:212px;
    height:141px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Dispute/dispute.jpg");
    background-repeat:no-repeat;
    margin-top:-120px;
    margin-right:5px;
}

#employment
{
    width:232px;
    height:194px;
    background-color:#FFF;
    float:right;
    background-image:url("../Images/Layout/Content/Employment/employment.jpg");
    background-repeat:no-repeat;
    margin-right:5px;
    margin-top:-200px;
}





.newsheadlinetopone
{
    font-size:0;
    height:11px;
    margin:0 0 0 3px;
    padding:0;
    position:relative;
    width:546px;
    background-image:url("../Images/Layout/News/newstoplight.jpg");
    background-repeat:no-repeat;
}

.newsheadlinetoptwo
{
    font-size:0;
    height:11px;
    margin:0 0 0 3px;
    padding:0;
    position:relative;
    width:546px;
    background-image:url("../Images/Layout/News/newstopdark.jpg");
    background-repeat:no-repeat;
}

.newsheadlineone
{
    background-color:#FDF8D0;
    height:auto;
    margin-left:3px;
    width:546px;

}

.newsheadlinetwo
{
    background-color:#FBF5C6;

    height:auto;
    margin-left:3px;
    width:546px;
}



.newsheadlinebottomone
{
    font-size:0;
    height:11px;
    margin:0 0 0 3px;
    padding:0;
    position:relative;
    width:546px;
    background-image:url("../Images/Layout/News/newsbottomlight.jpg");
    background-repeat:no-repeat;
}

.newsheadlinebottomtwo
{
    font-size:0;
    height:11px;
    margin:0 0 0 3px;
    padding:0;
    position:relative;
    width:546px;
    background-image:url("../Images/Layout/News/newsbottomdark.jpg");
    background-repeat:no-repeat;
}




.newsletterarticletopgrey
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url("../Images/Layout/Newsletter/newsgreytop.jpg");
    background-repeat:no-repeat;
}

.newsletterarticleblue
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url(../Images/Layout/Newsletter/newsbluetop.jpg);
    background-repeat:no-repeat;
}

.newsletterarticletopyellow
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url("../Images/Layout/Newsletter/newsyellowtop.jpg");
    background-repeat:no-repeat;
}

.newsletterarticletopgreen
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url("../Images/Layout/Newsletter/newsgreentop.jpg");
    background-repeat:no-repeat;
}




.newsletterarticlebottomgrey
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url(../Images/Layout/Newsletter/newsgreybottom.jpg);
    background-repeat:no-repeat;
}

.newsletterarticlebottomblue
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url(../Images/Layout/Newsletter/newsbluebottom.jpg);
    background-repeat:no-repeat;
}


.newsletterarticlebottomyellow
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url(../Images/Layout/Newsletter/newsyellowbottom.jpg);
    background-repeat:no-repeat;
}

.newsletterarticlebottomgreen
{
    width:780px;
    height:11px;
    margin-left:10px;
    background-image:url(../Images/Layout/Newsletter/newsgreenbottom.jpg);
    background-repeat:no-repeat;
}





.newsletterarticlegrey
{
    width:780px;
    height:auto;
    margin-left:10px;
    background-color:#D8D8D2;
}

.newsletterarticleblue
{
    width:780px;
    height:auto;
    margin-left:10px;
    background-color:#D4E2E8;
}

.newsletterarticleyellow
{
    width:780px;
    height:auto;
    margin-left:10px;
    background-color:#F0EDC7;
}

.newsletterarticlegreen
{
    width:780px;
    height:auto;
    margin-left:10px;
    background-color:#D1FFD5;
}






/*CSS For Newsletter Layout*/
#NewsLetterLogo
{
    width:800px;
    height:75px;
    background-color:#FFF;
    font-size:0px;
    margin:0px;

}

#NewsletterAddress
{
    width:200px;
    height:75px;
    background-color:#FFF;
    float:right;

}

#NewsletterImage
{
    width:800px;
    height:200px;
    background-color:#FFF;
    font-size:0px;
    margin:0px;
}

#NewsLetterNavigation
{
    width:800px;
    height:20px;
    background-color:#6B8E23;
    font-size:0px;
    margin:0px;
}

#NewsLetterContent
{
    width:800px;
    height:auto;
    background-color:#FFF;
    font-size:0px;
    margin:0px;
}

#NewsLetterArchive
{
    width:800px;
    height:auto;
    background-color:#FFF;
    text-align:center;
    margin-bottom:10px;
}

#NewsLetterDivider
{
    width:800px;
    height:10px;
    background-color:#6B8E23;
    font-size:0px;
    margin:0px;
}

#NewsLetterFooter
{
    width:800px;
    height:30px;
    background-color:#FFF;
    margin:0px;
}

#NewsLetterCredits
{
    width:780px;
    height:auto;
    background-color:#FFF;
}



table.Contact
{
    font-size:13px;
}

td.Contact
{
    font-size:13px;
}

td.ContactGreen
{
    color:#6B8E23;
    font-size:13px;
}



table.Newsletter
{
    font-size:12px;

}

td.NewsLetter
{
    width:200px;
}



/*End of Newsletter CSS*/





/*Testing Area----Glossy Menus*/
.glossymenu, .glossymenu li ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
    border-top:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}

.glossymenu li{
    position: relative;
    padding:0;
}

.glossymenu li a{
    background: white url("../Images/Layout/Navigation/glossybacktest1.jpg") repeat-x bottom left;
    /*background:#CCC;*/
    font-size:12px;
    font-family:Tahoma;
    font-weight:bold;
    color: white;
    display: block;
    width: auto;
    padding: 5px 0;
    padding-left: 10px;
    text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
    position: absolute;
    width: 190px; /*WIDTH OF SUB MENU ITEMS*/
    left: 0;
    top: -1px;
    display: none;
    z-index:4;
}

.glossymenu li ul li{
    float: left;
}

.glossymenu li ul a{
    width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
    position: absolute;
    right: 2px;
    background: transparent url("../Images/Layout/Navigation/arrow.gif") no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
    color: white;
}

.glossymenu li a:hover{
    /*background-image: url("../Images/Layout/Navigation/glossybacktest2.jpg");*/
    background:#DDD;
    color:#000;
}

.glossymenu img.german{
    position:absolute;
    right:10px;
    color:#000;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */














.clear {
    clear:both;
    font-size:1px;
    height:1px;
    line-height:1px;
    visibility:hidden;
}