/* 
industrial design
http://www.industrialdesign.ltd.uk
main stylesheet
main.css
Chris Armstrong
Thoughtbubble Ltd
04.01.2007
*/

body {
	background:#FFFFFF;
	margin:10px 0px 10px 10px;
	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
	margin-top:0px;
	margin-bottom:8px;
}

.space20 { height:20px; }

/* text styles */
.smallText { font-size:80%; }
.errorText { color:#FF0000; font-size:90%; font-weight:bold; }

/* link styles */
a:link, a:visited, a:hover { color:#5D5C86; } 
.boldLink:link, .boldLink:visited { color:#5D5C86; font-weight:bold; text-decoration:none; }
.boldLink::hover { text-decoration:underline; }

.linkNoLine:link, .linkNoLine:visited { color:#5D5C86; text-decoration:none; }
.linkNoLine:hover { text-decoration:underline; }

/* main structure */
#mainWrapper { width:100%; text-align:center; }
#pageWrapper { width:796px; margin:auto; border:2px solid #000000; text-align:left; }

/* fix ie */
*html #pageWrapper { width:800px; }

/* header */
.bannerWrapper { margin-top:10px; }
.linkRow { margin-top:10px; }
.navLink { margin-left:0px; }

/* main */
.mainPage { 
	width:796px;
	font-size:80%;
	color:#666666;
}

/* page titles */
.pageTitle { margin:20px 0px 10px 0px; }
.flPageTitle { float:left; margin:20px 0px 10px 0px; }
.titleSpace { height:56px; }

.leftCol { float:left; width:542px; }
.rightCol { float:left; width:254px; }

.shimCol { float:left; width:1px; }
.innerCol { float:left; width:521px; margin:0px 0px 20px 19px; display:inline; }

/* footer */
.footerLogo { margin-top:10px; margin-right:10px; }
.footerBarLeft { 
	float:left;
	width:529px;
	height:15px;
	margin:0px 2px 20px 7px;
	border:2px solid #000000; 
	font-size:60%; 
	color:#666666;
	display:inline;
}
/* fix ie */
*html .footerBarLeft { width:533px; height:19px; }
.footerPadding { padding:1px 0px 0px 5px; }
.footerBarRight { float:left; width:254px; margin-top:0px; margin-bottom:20px; }

/*---------------------------------------------------------------------------------*/
/* INDIVIDUAL PAGE STYLES */
/*---------------------------------------------------------------------------------*/

/* HOME */
.newspageTitle { margin:20px 0px 0px 0px; }
.newsImage { margin:5px 0px 0px 0px; }
.mainnewsImage { margin:20px 0px 0px 0px; }
.newsHeader { color:#363638; font-weight:bold; font-size:100%; margin:4px 0px 4px 0px; }
.newsDate { color:#999999; font-weight:bold; font-size:90%; margin:0px 0px 5px 0px; }
.newsLeader { color:#666666; font-size:100%; margin:0px 0px 5px 0px; }

.readMoreLink a:link, .readMoreLink a:visited { color:#363638; font-weight:bold; text-decoration:none; }
.readMoreLink a:hover { text-decoration:underline; }

/* new page */
.newsMainPageTitle { float:left; margin:20px 0px 10px 0px; }
.newsMainPageHomeLink { float:left; margin:28px 0px 0px 0px; }

.newsMainPageHomeLink a:link, .newsMainPageHomeLink a:visited { font-weight:bold; text-decoration:none; color:#666666; }
.newsMainPageHomeLink a:hover { text-decoration:underline; }

.archiveStoryLink { float:left; width:120px; margin-bottom:4px; }
.archiveStoryLink a:link, .archiveStoryLink a:visited { color:#999999; font-weight:bold; text-decoration:none; }
.archiveStoryLink a:hover { text-decoration:underline; }

.archiveStoryLinkOn { float:left; width:120px; margin-bottom:4px; }
.archiveStoryLinkOn a:link, .archiveStoryLinkOn a:visited { color:#666666; font-weight:bold; text-decoration:none; }
.archiveStoryLinkOn a:hover { text-decoration:underline; }

.archiveDateLink { float:right; width:100px; text-align:right; margin-bottom:4px; font-size:90%; }


/*---------------------------------------------------------------------------------*/
/* ABOUT US */
.aboutList {
	list-style-position:inside;
	margin:0;
	padding:0;
}

/*---------------------------------------------------------------------------------*/
/* PRODUCTS */
.prodpageTitle { margin:20px 0px 20px 0px; }

.prodRightLink { margin:20px 0px 0px 0px; }
.prodRightLinkSubnav { margin:0px 10px 0px 55px; font-size:80%;  } 
.prodRightLinkSubnav a:link, .prodRightLinkSubnav a:visited { color:#514C73; text-decoration:none; }
.prodRightLinkSubnav a:hover { text-decoration:none; }

.prodRightArrow { float:left; width:18px; height:18px; }

.prodRightSubLink { width:178px; margin:2px 0px 4px 0px; padding-left:18px; }
.prodRightSubLink a:link, .prodRightSubLink a:visited { color:#514C73; text-decoration:none; }
.prodRightSubLink a:hover { text-decoration:none; }

.prodRightSubLinkOn { width:178px; margin:2px 0px 4px 0px; padding-left:18px; background-image:url(../images/bluearrow.gif); background-repeat:no-repeat; }
.prodRightSubLinkOn a:link, .prodRightSubLinkOn a:visited { color:#000033; text-decoration:none; }
.prodRightSubLinkOn a:hover { text-decoration:none; }

.prodRightSubLinkOver { width:178px; margin:2px 0px 4px 0px; padding-left:18px; }
.prodRightSubLinkOver a:link, .prodRightSubLinkOver a:visited { color:#FF0000; text-decoration:none; }
.prodRightSubLinkOver a:hover { text-decoration:none; }

.prodRightSubLinkComp { width:178px; margin:2px 0px 4px 0px; padding-left:18px; }
.prodRightSubLinkComp a:link, .prodRightSubLinkComp a:visited { color:#FF0000; text-decoration:none; }
.prodRightSubLinkComp a:hover { text-decoration:none; }

.prodRightSubLinkCompOn { width:178px; margin:2px 0px 4px 0px; padding-left:18px; background-image:url(../images/bluearrow.gif); background-repeat:no-repeat; }
.prodRightSubLinkCompOn a:link, .prodRightSubLinkCompOn a:visited { color:#FF0000; text-decoration:none; }
.prodRightSubLinkCompOn a:hover { text-decoration:none; }

.prodIcon { float:left; width:45px; height:40px; }

.prodIconDesc { float:left; width:125px; margin-top:5px; FONT-SIZE:80%; color:#AAAAC2;  }
.prodIconDesc a:link, .prodIconDesc a:visited { color:#AAAAC2; }
.prodIconDesc a:hover { color:#FF0000; }

.prodIconDescOn { float:left; width:125px; margin-top:5px; FONT-SIZE:80%; color:#000033;  }
.prodIconDescOn a:link, .prodIconDescOn a:visited{ color:#000033; }
.prodIconDescOn a:hover { color:#FF0000; }

.prodIconDescComp { float:left; width:125px; margin-top:5px; FONT-SIZE:80%; color:#FF0000;  }
.prodIconDescComp a:link, .prodIconDescComp a:visited, .prodIconDescComp a:hover { color:#FF0000; }

.prodIconDescDouble { float:left; width:125px; margin-top:5px; FONT-SIZE:80%; color:#FF0000;  }
.prodIconDescDouble a:link, .prodIconDescDouble a:visited, .prodIconDescDouble a:hover { color:#FF0000; }

/*---------------------------------------------------------------------------------*/
/* SERVICES */
.arrowLink { float:left; width:20px; }

/* link to view case study or view service */
.caseStudyLink { float:left; width:450px; font-weight:bold; font-size:12px; margin-top:2px; }
.caseStudyLink a:link, .caseStudyLink a:visited { color:#666666; text-decoration:none; }
.caseStudyLink a:hover { color:#666666; text-decoration:underline; }

.prevBtn { float:left; width:65px; }
.divLine { float:left; width:20px; text-align:center; }
.nextBtn { float:left; width:40px; text-align:right; }
.rghtArrowLink { float:left; width:20px; text-align:right; }
.nextPrevBox { float:left; margin:25px 0px 10px 20px; font-weight:bold; color:#999999; }
.nextPrevBox a:link, .nextPrevBox a:visited { color:#999999; text-decoration:none; }
.nextPrevBox a:hover { color:#999999; text-decoration:underline; }

/*---------------------------------------------------------------------------------*/
/* CASE STUDIES */
/* clients page */
.clientname { float:left; width:250px; }
.clientLink { float:left; width:250px; }
.clientLink a:link, .clientLink a:visited { text-decoration:none; }
.clientLink a:hover { text-decoration:underline; }
.clientname a:link, .clientname a:visited { text-decoration:none; font-weight:bold; }
.clientname a:hover { text-decoration:underline; }

/* right hand side subnav - used in services and case studies */
.RHSsubnav, .RHSsubnavOn {
	width:226px; 
	display:block; 
	font-size:80%;
	background-repeat:no-repeat;
	background-position:10px 0px;
	height:20px;
	padding-left:28px;
	text-decoration:none;
}
/* fix ie */
*html .RHSsubnav, *html .RHSsubnavOn { width:254px; }

.RHSsubnav:link, .RHSsubnav:visited {
	background-color:#FFFFFF;
	background-image:url(/images/arrow_off.gif);
	color:#666666;
}
.RHSsubnav:hover, .RHSsubnavOn:link, .RHSsubnavOn:visited, .RHSsubnavOn:hover {
	background-color:#666666; 
	background-image:url(/images/arrow_on.gif);
	color:#FFFFFF;
}
.RHSsubnav p, .RHSsubnavOn p { position:relative; top:3px; }

/*---------------------------------------------------------------------------------*/
/* CONTACT US */

.contactFieldName { float:left; width:170px; margin-bottom:5px; padding-right:20px; text-align:right;  }
.contactFormField { float:left; width:200px; margin-bottom:5px; }
.contactFieldDouble { float:left; width:390px; margin-bottom:5px; }
.mandatory { font-weight:bold; }
.contactTextBox { width:200px; border:1px solid #999999; }
.contactTextArea { width:390px; border:1px solid #999999; margin-top:5px; }
.contactSubmit { float:left; width:390px; text-align:right; }

* html .contactFieldName { width:190px; }

/*---------------------------------------------------------------------------------*/
/* END OF INDIVIDUAL PAGE STYLES */
/*---------------------------------------------------------------------------------*/