* { padding:0; margin:0; font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; }
body { text-align:center; background: url(/assets/images/main-background.gif) repeat center top }

#container {width:760px; margin:0 auto; text-align:left;}


#header h1 {float:left;width:244px; height: 70px; background: url(/assets/images/archant-dialogue-logo.png) no-repeat; margin-top:47px;}
#header h1 em {display:none}

#mainNav {float:right; margin:37px 15px 20px 0;}
#mainNav ul { list-style-type:none; width:87px; }
#mainNav li {text-indent:-9999px; height:18px; }
#mainNav ul a {display:block; width:87px; height:18px; text-decoration:none; outline:none;}
#mainNav em { display: none; }
#mainNav #homeNav {background: url(/assets/images/nav/HomeNavGrey.png) no-repeat; }
#mainNav #aboutUsNav {background: url(/assets/images/nav/AboutUsNavGrey.png) no-repeat; }
#mainNav #ourClientsNav {background: url(/assets/images/nav/OurClientsNavGrey.png) no-repeat; }
#mainNav #whatWeDoNav {background: url(/assets/images/nav/WhatWeDoNavGrey.png) no-repeat; }
#mainNav #contactUsNav {background: url(/assets/images/nav/ContactNavGrey.png) no-repeat; }

#mainNav #homeNav.active  {  background: url(/assets/images/nav/HomeNavRed.png) no-repeat;}
#mainNav #aboutUsNav.active  {  background: url(/assets/images/nav/AboutUsNavRed.png) no-repeat; }
#mainNav #ourClientsNav.active  {  background: url(/assets/images/nav/OurClientsNavRed.png) no-repeat; }
#mainNav #whatWeDoNav.active  {  background: url(/assets/images/nav/WhatWeDoNavRed.png) no-repeat; }
#mainNav #contactUsNav.active  {  background: url(/assets/images/nav/ContactNavRed.png) no-repeat; }

#mainContentOuter { padding:10px;clear:both; background-color:#fff; }
#mainContent { font-size:11px; }
#leftColumn { float:left; width:170px; }

#mainContent h2 {color:#E90101; line-height:110%; font-size:12px; font-weight:normal; text-transform:uppercase; margin:0 0 10px 0; padding:0;}
#mainContent p {color:#838383; line-height:140%; margin:10px 0}
#mainContent a {color:#838383; text-decoration:none;}
#mainContent a:hover { text-decoration:underline;}
#mainContent .redLink {color:#E90000;}

/*
footer styles
*/
#footerApa {width:215px; float:left; margin:20px 0 10px 0; font-size:9px;  color:#999;
	line-height:130%;font-family:Verdana, Trebuchet MS, Arial;
	background: url(/assets/images/apa.gif) no-repeat left 1px; padding-left:35px;}

#footer {font-family:Verdana, Trebuchet MS, Arial; float:right; color:#999; font-size:9px; margin:20px 0 10px 0; }
#footer a {font-family:Verdana, Trebuchet MS, Arial; text-decoration:none; color:#999;  }
#footer a:hover { text-decoration:underline; }


/*
homepage styles
*/
.homePage #mainContent h2 {margin-top:10px; padding-bottom:5px; text-indent:-9999px; width:141px; height:26px; background: url(/assets/images/titles/ArchantStrapline.gif) no-repeat }
.homePage #mainContent #rightColumn {float:left; width:550px; margin-left:20px;}
.homePage #mainContent #rightColumn .client {float:left; width:168px;}
.homePage #mainContent #rightColumn .rightLine {padding-right:10px; margin-right:10px; border-right:1px solid #E7E7E7;}
.homePage #mainContent #rightColumn .client img {border:1px solid #dedede; margin-bottom:7px;}
.homePage #mainContent #rightColumn .client a.moreInfo {display:block; line-height:120%; text-decoration:none; background: url(/assets/images/read-more-square.gif) no-repeat right 2px; padding-right:15px;}
.homePage #mainContent #rightColumn .client a.moreInfo:hover {text-decoration:underline; background: url(/assets/images/arrowred.gif) no-repeat right 2px; }
.homePage #mainContent .horizLine {float:left; height:18px; width:551px; background: url(/assets/images/3-column-divider.gif) no-repeat}

/*
about us style
*/
.aboutUsPage #mainContent h2 {margin-top:5px;padding-bottom:5px; text-indent:-9999px; width:100px; height:11px; background: url(/assets/images/titles/TitleAboutDialogue.gif) no-repeat }
.aboutUsPage #mainContentOuter {padding:15px 0 10px 10px;}
.aboutUsPage #mainContent #rightColumn {float:left; width:551px; margin-left:20px; padding-top:5px;}
.aboutUsPage #mainContent #rightColumn .us { float:left; width:169px; }
.aboutUsPage #mainContent #rightColumn .rightPad { padding-right:10px; margin-right:10px;}
.aboutUsPage #mainContent #rightColumn .aboutUsBack {background: url(/assets/images/about-us-background.gif) repeat-y;}
.aboutUsPage #mainContent #rightColumn h3 {font-size:11px; color:#666;}
.aboutUsPage #mainContent #rightColumn p {padding:0; margin:0 0 10px 0}
.aboutUsPage #mainContent #rightColumn a {color:#CC0000;}
.aboutUsPage #mainContent #rightColumn img {margin-bottom:4px;}
.aboutUsPage #mainContent #rightColumn .divider {float:left; height:18px; width:551px; background: url(/assets/images/3-column-divider.gif) no-repeat}

/*
portfolio style
*/
.portfolioPage #mainContent .portfolioItem {margin-right:10px; width:179px;  float:left; border-right:1px solid #E7E7E7; }
.portfolioPage #mainContent .portfolioItemRight {width:170px; height:130px;  float:left;}
.portfolioPage #mainContent a.moreInfo {width:155px; display:block; line-height:120%; text-decoration:none; background: url(/assets/images/read-more-square.gif) no-repeat right 2px; padding-right:15px;}
.portfolioPage #mainContent a.moreInfo:hover {text-decoration:underline; background-image: url(/assets/images/arrowred.gif)}
.portfolioPage #mainContent img {margin-bottom:7px; border:0;}
.portfolioPage #mainContent .divider { float:left; height:15px; width:739px; background: url(/assets/images/4-column-divider.gif) no-repeat}

/*
client Details Page
*/
.clientDetailsPage #mainContent #leftColumn h2 {margin-top:10px; padding-bottom:5px;}
.clientDetailsPage #mainContent #leftColumn h3 {color:#666; font-size:11px; font-weight:bold;}
.clientDetailsPage #mainContent #leftColumn p { padding:0; margin:0 0 12px 0;}
.clientDetailsPage #mainContent #leftColumn a:hover {text-decoration:underline;}
.clientDetailsPage #mainContent #midColumn {margin-top:10px;width:460px; float:left; margin-left:20px}
.clientDetailsPage #mainContent #midColumn .galleryLink {color:#838383; outline:none; padding-bottom:20px;}
.clientDetailsPage #mainContent #gallery {height:305px;}
.clientDetailsPage #mainContent #gallery img {border:0;}
.clientDetailsPage #mainContent #rightColumn {margin-top:5px;width:90px; float:left;}
.clientDetailsPage #mainContent #rightColumn strong {color:#E90000; font-size:10px; font-weight:normal;line-height:170%;}
.clientDetailsPage #mainContent #rightColumn a {color:#999; line-height:170%; font-size:10px;}

/*
What We Do Page style
*/
.whatWeDoPage #leftColumn h2 {margin-top:5px; padding-bottom:7px; text-indent:-9999px; width:78px; height:11px; background: url(/assets/images/titles/TitleWhatWeDo.gif) no-repeat; }
.whatWeDoPage #mainContentOuter {padding:15px 10px 10px 10px;}
.whatWeDoPage #mainContent #rightColumn .aboutUsBack {background: url(/assets/images/about-us-background.gif) repeat-y;}
.whatWeDoPage #mainContent #rightColumn p {margin-top:0;}
.whatWeDoPage #mainContent #rightColumn {float:left; width:551px; margin-left:18px;}
.whatWeDoPage #mainContent #rightColumn .box {float:left; width:169px; padding-right:20px;}
.whatWeDoPage #mainContent #rightColumn .right { background-image:none; width:151px; }
.whatWeDoPage #mainContent #rightColumn img {margin:0 5px 0 0; float:left}
.whatWeDoPage #mainContent #rightColumn .divider {height:18px; width:551px; background: url(/assets/images/3-column-divider.gif) no-repeat}
.whatWeDoPage #mainContent #rightColumn h2 {font-size:12px;}
.whatWeDoPage #mainContent #rightColumn a {color:#CC0000;}
.whatWeDoPage #mainContent #rightColumn #titleWeb {padding-bottom:4px;}

/*
contact us style
*/
.contactUsPage #mainContentOuter {padding:15px 10px 10px 10px;}
.contactUsPage #mainContent fieldset p {margin-top:5px;}
.contactUsPage #mainContent .submitButton {color:#E90000; text-transform:uppercase; font-size:12px;}
.contactUsPage #mainContent #midColumn {width:360px; float:left; margin-left:20px}
.contactUsPage #mainContent #midColumn .keyContact { float:left; width:169px; padding:0 0 10px 0}
.contactUsPage #mainContent #midColumn .rightLine {padding-right:10px; margin-right:10px; border-right:1px solid #E7E7E7;}
.contactUsPage #mainContent #midColumn h3 {font-size:11px; color:#666;}
.contactUsPage #mainContent #midColumn p {margin:0}
.contactUsPage #mainContent #midColumn .divider {float:left; height:15px; width:360px; background: url(/assets/images/2-column-divider.gif) no-repeat}
.contactUsPage #mainContent #rightColumn {margin:0 0 0 20px;width:165px; float:right;}

.contactUsPage #leftColumn h2 {margin-top:5px;padding-bottom:5px; text-indent:-9999px; width:108px; height:11px; background: url(/assets/images/titles/TitleContact.gif) no-repeat; } 
.contactUsPage #leftColumn img {margin-top:5px;}
.contactUsPage #midColumn h2 {margin-top:5px; padding-bottom:5px;text-indent:-9999px; width:84px; height:11px; background: url(/assets/images/titles/TitleKeyContact.gif) no-repeat; } 
.contactUsPage #rightColumn h2 {margin-top:5px;padding-bottom:5px; text-indent:-9999px; width:71px; height:11px; background: url(/assets/images/titles/TitleSendEnquiry.gif) no-repeat; }

/*
form controls
*/
fieldset {border:none 0; color:#838383;}
fieldset legend {display:none;}
fieldset input {width:158px; border:1px solid #ccc; color:#838383;font-size:11px; padding:2px; }
fieldset select {width:164px;border:1px solid #ccc;  color:#838383; font-size:11px; padding:2px;}
fieldset textarea {width:161px; height:72px;border:1px solid #ccc; font-size:11px;color:#838383; }

/*
Page titles
*/
#titleDesign, #titleEditorial, #titleAdvertising, #titlePrint, #titleMulti, #titleWeb, #titleResearch 
{text-indent:-9999px;height:11px;margin-top:5px; padding-bottom:18px;} 
#titleDesign {background: url(/assets/images/titles/TitleDesign.gif) no-repeat; width:42px;}
#titleEditorial {background: url(/assets/images/titles/TitleEditorial.gif) no-repeat; width:55px;} 
#titleAdvertising {background: url(/assets/images/titles/TitleAdvertising.gif) no-repeat; width:74px;} 
#titlePrint {background: url(/assets/images/titles/TitlePrint.gif) no-repeat; width:30px;}
#titleMulti {background: url(/assets/images/titles/TitleMultipleLanguage.gif) no-repeat; width:170px;} 
#titleWeb {background: url(/assets/images/titles/TitleWebsiteContentManage.gif) no-repeat; width:104px; height:26px; } 
#titleResearch {background: url(/assets/images/titles/TitleResearch.gif) no-repeat; width:56px;}

/*
Terms and Conditions
*/
.termsAndConditions #mainContent h3 {color:#555; font-size:12px; font-weight:bold;}

/*
generic re-usable styles
.horizLine {height:10px;padding:0;  border-top:1px solid #e7e7e7; clear:left;}
*/
.clearer {height:0; width:0; clear:both;}
.emailLink {background: url(/assets/images/EmailIcon.gif) no-repeat left center; padding-left:18px;}