/* --------------
PIREAN STYLE SHEET: FOUNDATION

Defines the broad styling of the Pirean site.

Duncan Wilson
duncan.wilson@pirean.com

(With thanks and acknowledgements to numerous resources on the web and in print)

-------------- */
* {
	margin: 0;
	padding: 0;
}

body{font:11px Arial, Helvetica, sans-serif; text-align: left; color: #505050; background-color: black;}
	
p {background:#c3c3c3; line-height: 1.2em; padding-bottom: 9px; padding-top: 0; padding-right: 20px; margin: 1px}

div{background:#c3c3c3;}

dd {background:#c3c3c3; margin-left:0;}

td { }

.BreakoutBox{font: 12px Arial bolder; text-transform: uppercase; background-color: #ffdfa8; color: #53514c; padding-top: 8px; padding-bottom: 12px; padding-left: 6px; padding-right: 10px; margin: 6px} 

blockquote{background-color: #ffdfa8; color: #53514c; padding-top: 8px; padding-bottom: 12px; padding-left: 6px; padding-right: 10px; margin: 6px;}

.CentreImage{
padding-top: 4px;
padding-left: 12px;
padding-bottom: 10px;
}

#ConsulComplianceSOX .CentreImage, #ConsulComplianceGLBA .CentreImage, #ConsulComplianceISO17799 .CentreImage, #ConsulzVisual .CentreImage,#ConsulzAdmin .CentreImage, #ConsulzAudit .CentreImage, #ConsulInsightSecurity .CentreImage{
padding-top: 4px;
padding-left: 2px;
padding-bottom: 10px;
}

#CentreFlash{
padding-top: 4px;
padding-left: 26px;
padding-bottom: 10px;
}

/* --------------
basic heading settings - to customised using descendant selectors. All except h6 are bigger / more prominent than the body copy itself
-------------- */

h1 {color: #434341; font: 22px "Arial" bolder,Trebuchet MS, Verdana, sans-serif; letter-spacing: 0.05em; text-align: left; padding-top: 6px; margin: 0;}
html h1 {margin:0}

h2 {color: #434341; font: 18px "Arial" bolder,Trebuchet MS, Verdana, sans-serif; letter-spacing: 0.05em; text-align: left; padding-bottom: 8px; margin: 0;}
html h2 {margin:0}

h3 {color: #30506d; font: 12px "Arial" bolder,Trebuchet MS, Verdana, sans-serif; text-align: left; padding-bottom: 6px; margin: 0;}
html h3 {margin:0}

h4 {color: #3d3c3b; font: 12px "Arial" bolder,Trebuchet MS, Verdana, sans-serif; text-align: left; margin-bottom: 0px; padding-bottom: 0px;}
html h4 {margin:0}

h5 {
color: #628282;
/* color: #d79118;*/
padding-top: 4px;
padding-left: 8px;
padding-right: 30px;
padding-bottom: 12px;
word-spacing: .1em;
text-transform: uppercase;
font: 10px "Arial",Trebuchet MS, Verdana, sans-serif;
font-weight: 700;
text-align: left;
}
html h5 {margin:0}

h6 {color: #505050; font:10px Arial, Helvetica, sans-serif; text-align: left; font-variant: small-caps;}

/* --------------
basic anchor settings - to customised using descendant selectors
-------------- */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover a:active {text-decoration:none;}

/* declares no borders around any images used in conjunction with link states */
a img{border: none;}

li .Internal a{
line-height: 15px;
}

.Internal {background: url(CSSimages/InternalLink.gif) no-repeat right top; padding-right: 13px; background-color: #e5d3b4;}
.Internal a:link{color: #474745;}
.Internal a:visited{color: #6d5d41;}
.Internal a:hover {color: #006292; text-decoration: none; border-bottom: 1px dotted #006292;}

.External{background: url(CSSimages/ExternalLink.gif) no-repeat right top; padding-right: 13px; background-color: #e5d3b4;}
.External a:link{color: #474745;}
.External a:visited{color: #6d5d41;}
.External a:hover{color: #006292; text-decoration: none; border-bottom: 1px dotted #006292;}

.Email{background: url(CSSimages/EmailLink.gif) no-repeat right top; padding-right: 13px; background-color: #e5d3b4;}
.Email a:link{color: #474745;}
.Email a:visited{color: #6d5d41;}
.Email a:hover{color: #006292; text-decoration: none; border-bottom: 1px dotted #006292;}

.BodyDownload{background: url(CSSimages/BodyDocumentLink.gif) no-repeat right top; padding-right: 13px; background-color: #e5d3b4;}
.BodyDownload a:link{color: #474745;}
.BodyDownload a:visited{color: #6d5d41;}
.BodyDownload a:hover{color: #006292; text-decoration: none; border-bottom: 1px dotted #006292;}
 

/*  anything in the class .RelatedLinks needs to be different */


/* --------------
basic list settings - to customised using descendant selectors for:
-------------- */
ul {
padding-left: 14px;
}
li {}
ol {}


.RelatedLinks{
color: #3e3e3e;
}

.RelatedLinks p{
padding-top: 8px;
padding-left: 24px;
}

.RelatedLinks ul{
display: block;
list-style: none;
text-align: left;
border: 0;
margin: 0;
padding: 0;
}

.RelatedLinks a{
display: block;
color: #3e3e3e;
padding-left: 24px;
padding-bottom: 2px;
background: url(CSSimages/RelLinksArrow.gif) no-repeat left;
margin: 0;
border: 0;
}

.RelatedLinks a:link{
}

.RelatedLinks a:visited{
background-color: #7b9ab6;
}

.RelatedLinks a:hover{
background-color: #ffdfa8;
}

.ContactDetails{
list-style: none;
padding-left: 8px;
padding-top: 5px;
}

/*=========
CONTAINERS
===========*/

#Wrapper {margin-left: auto; margin-right: auto; width: 822px; text-align: left;}
* html #Wrapper
    {
    width: 822px;
    }

#TopNavPlacement {
background-color: #000000;
width: 822px;
height: 28px;
margin: 0;
padding: 0;
}

#SectionNav {
display: block;
width: 205px;
float: left;
}

#MainContent {
display: inline;
width: 424px;
float: left;
padding-left: 7px;
margin-right: 11px;
margin-bottom: 24px;
}

#DownloadsAdverts {
display: block;
width: 175px;
float: left;
}


/* --------------
STYLING FOR TERMS AND CONDITIONS AND PRIVACY POLICY PAGES BEGINS
-------------- */

#TermsPrivacyLayout{
padding-left: 26px;
padding-right: 32px;
}

#TermsPrivacyLayout h1{
text-align: center;
}

#TermsPrivacyLayout h2{
text-align: center;
}

.BiggerCentre{
font-size: 12px;
color: #30506d;
padding-left: 72px;
}

/* --------------
STYLING FOR DOWNLOADS BEGINS
-------------- */

#Downloads{
background: url(CSSimages/RelDwnldsBottom.gif) no-repeat bottom #61605b;
padding-bottom: 11px;
margin-left: 11px;
margin-right: 3px;
}

#Downloads h4{
display: block;
font-size: 11px;
letter-spacing: 0.1em;
color: #ffffff;
text-align: left;
padding-left: 18px;
padding-top: 4px;
padding-bottom: 4px;
background: url(CSSimages/RelDwnldsTop.gif) no-repeat top;
}

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

#Downloads a{
display: block;
color: #444444;
background: url(CSSimages/RelDownloadsArrow.gif) no-repeat left top #9c9b99;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 16px;
padding-right: 5px;
border: 0;
}

#Downloads a:visited{
color: #ffffff;
background-color: #7b9ab6;
}

#Downloads a:hover{
background-color: #ffa200;
}

#Downloads a:active{
background-color: #ffa200;
}

/* --------------
STYLING FOR BUSINESS BENEFIT PANEL BEGINS
-------------- */

.BusinessBenefitPanel{
display: block;
width: 390px;
background: url(CSSimages/BusBenefitsBottom.gif) no-repeat bottom #8799bc;
padding-bottom: 16px;
margin-top: 15px;
margin-left: 6px;
margin-right: 28px;
margin-bottom: 9px;
}


.BusinessBenefitPanel h4{
display: block;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
color: #ffffff;
text-align: left;
padding-left: 18px;
padding-top: 4px;
padding-bottom: 4px;
background: url(CSSimages/BusBenefitsTop.gif) no-repeat top #73726e;
}

.BusinessBenefitPanel ul{
display: block;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 18px;
padding-right: 8px;
}

/* --------------
STYLING FOR COURSE CONTENTS PANEL BEGINS
-------------- */

.CourseContentsPanel{
display: block;
width: 390px;
background: url(CSSimages/BusBenefitsBottom.gif) no-repeat bottom #8799bc;
padding-bottom: 16px;
margin-top: 5px;
margin-left: 6px;
margin-right: 28px;
margin-bottom: 14px;
}


.CourseContentsPanel h4{
display: block;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
color: #ffffff;
text-align: left;
padding-left: 18px;
padding-top: 4px;
padding-bottom: 4px;
background: url(CSSimages/BusBenefitsTop.gif) no-repeat top #73726e;
}

.CourseContentsPanel ul{
display: block;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 18px;
padding-right: 8px;
}


/* --------------
STYLING FOR COURSE SUMMARY PANEL BEGINS
-------------- */

.SummaryPanel{
display: block;
width: 390px;
background: url(CSSimages/SummaryPanelBottom.gif) no-repeat bottom #8799bc;
padding-bottom: 8px;
margin-top: 6px;
margin-left: 6px;
margin-right: 28px;
margin-bottom: 12px;
}


.SummaryPanel h4{
display: block;
font-size: 11px;
letter-spacing: 0.1em;
color: #ffffff;
font-weight: 800;
text-align: left;
padding-left: 18px;
padding-top: 4px;
padding-bottom: 4px;
background: url(CSSimages/SummaryPanelTop.gif) no-repeat top #556a92;
}

#Consultants .DownLoadCase .SummaryPanel h4, #Developers .DownLoadCase .SummaryPanel h4, #Sales .DownLoadCase .SummaryPanel h4, #AdminMarketing .DownLoadCase .SummaryPanel h4{
text-align: left;
color: #ffffff;
padding-left: 10px;
} 




.SummarySideLeft{
width: 60px;
text-align: right;
font-weight: 800;
color: #ffffff;
}

.DownLoadCase .SummaryPanel .SummarySideLeft{
width: 100px;
text-align: right;
font-weight: 800;
color: #ffffff;
}

.SummarySideRight{
text-align: left;
padding-left: 2px;
font-weight: 800;
color: #ffffff;
}

.SummaryPanel p{
display: block;
font-size: 11px;
color: #ffffff;
text-align: left;
margin-top: 4px;
margin-left: 13px;
background-color: #8799bc;
}

.SummaryPanel .Email{
margin-left: 218px;
}

.SummaryPanel a:link{
background-color: #8799bc;
color: #ffffff;
font-weight: 800;
}

.SummaryPanel a:visited{
color: #ffa244;
}

.SummaryPanel a:hover{
color: #334973;
text-decoration: none;
border-bottom: 1px dotted #334973;
}


/* --------------
FORM SETTINGS - E-MAIL US
-------------- */

/* form.EmailUsArea{
background-color: blue;
} */

form.EmailUsArea div{
padding-top: 8px;
}

form.EmailUsArea label{
font-weight: bold;
}

form.EmailUsArea input{
width: 190px;
}

form.EmailUsArea p{
font-style: italic;
display: block;
width: 190px;
margin-top: 12px;
margin-bottom: 4px;
margin-left: 104px;
padding: 0;
border: 0;
}

form.EmailUsArea label.SpaceBeforeBox{
display: block;
text-align: right;
padding-top: 4px;
padding-right: 3px;
width: 100px;
float: left;
}

.EmailUsArea .SubmitButton{
margin-top: 2px;
margin-left: 104px;
}

/* --------------
Footer - copyright and HTML Links Begins
-------------- */
#Footer {width: 684px; height: 64px; background:#c3c3c3; color: 3e3e3e; clear: both; text-align: center; padding-left: 138px}

#Footer p{
display: block;
text-align: left;
padding-top: 16px;
padding-left: 164px;
border: 0;
margin: 0;
background-color: #c3c3c3;
}

#Footer ul{
display: block;
color: #3e3e3e;
background-color: #c3c3c3;
list-style: none;
border: 0;
margin: 0;
}


#Footer a:link{
display: block;
float: left;
background-color: #c3c3c3;
padding-left: 19px;
padding-right: 20px;
padding-bottom: 12px;
margin: 0;
color: #3e3e3e;
letter-spacing: .1em;
text-decoration: none;
}

#Footer a:visited{
display: block;
float: left;
background-color: #c3c3c3;
padding-left: 19px;
padding-right: 20px;
padding-bottom: 12px;
margin: 0;
color: #ffa200;
letter-spacing: .1em;
text-decoration: underline;
}

#Footer a:hover{
display: block;
float: left;
background-color: #c3c3c3;
padding-left: 19px;
padding-right: 20px;
padding-bottom: 12px;
margin: 0;
color: #ffffff;
letter-spacing: .1em;
text-decoration: underline;
}

/* --------------
VARIOUS SMALL STYLE POINTS
-------------- */
.MapPosition{
padding-top: 12px;
padding-bottom: 12px;
}

/* -------------
TOP BUTTON STYLE
-------------- */

.TopButton a{
color: #505050;
margin-top: 2px;
margin-bottom: 4px;
padding-left: 10px;
background: url(CSSimages/TopArrow.gif) no-repeat left top;
}

#Timeline .TopButton, #News .TopButton a, #Consultants .TopButton a, #AdminMarketing .TopButton a, #Sales .TopButton a, #Developers .TopButton a{
margin-left: 380px;
}

#DownloadPage .TopButton a{
margin-left: 678px;
}

#Press .TopButton a{
margin-left: 684px;
}

.TopButton a:link{
}

.TopButton a:visited{
}

.TopButton a:hover{
color: #8e5f0d;
border-bottom: 1px dotted #8e5f0d;
}