/*
	The Word Association Main Stylesheet
*/
* { font-family: Arial, Sans-serif ;}
body.home { background: url(../images/bigBg-home.jpg) center 87px no-repeat #D2D2D2; }
body.index { background: url(../images/bigBg-home.jpg) center 87px no-repeat #D2D2D2; }
body.press-centre { background: url(../images/bigBg-press.jpg) center 87px no-repeat #D2D2D2; }
body.about { background: url(../images/bigBg-about.jpg) center 87px no-repeat #D2D2D2; }
body.services { background: url(../images/bigBg-services.jpg) center 87px no-repeat #D2D2D2; }
body.clients { background: url(../images/bigBg-clients.jpg) center 87px no-repeat #D2D2D2; }
body.contact, body.thanks { background: url(../images/bigBg-contact.jpg) center 87px no-repeat #D2D2D2; }
/*
	Container of the site
*/
div#container                  { width: 860px; margin: 0 auto;}
div#container div#logo { height: 54px; background:url(../images/word-association-logo.jpg) 0 0 no-repeat; }
div#container div#logo_about { height: 54px; background:url(../images/word-association-logo-about.jpg) 0 0 no-repeat; }
div#container div#logo_services { height: 54px; background:url(../images/word-association-logo-services.jpg) 0 0 no-repeat; }
div#container div#logo_clients { height: 54px; background:url(../images/word-association-logo-clientss.jpg) 0 0 no-repeat; }
div#container div#logo_press { height: 54px; background:url(../images/word-association-logo-press.jpg) 0 0 no-repeat; }
div#container div#logo_contact { height: 54px; background:url(../images/word-association-logo-contact.jpg) 0 0 no-repeat; }
/*
	The navigation UL
*/
div#container div#navigation ul { height: 23px; }
div#container div#navigation ul li { width: 142px; margin-right: 1px; display: block; float: left; height: 23px; font-size: 14px; text-align: center; }
div#container div#navigation ul li a { text-decoration: none; display: block; float: left; width: 143px; height: 23px; color: #FFF; padding: 3px 0; }
/*
	The navigation items
*/
div#container div#navigation ul li#home { background-color: #9c9897; }
div#container div#navigation ul li#about { background-color: #e8b9e5; }
div#container div#navigation ul li#services { background-color: #84a3e4; }
div#container div#navigation ul li#clients { background-color: #e36772; }
div#container div#navigation ul li#press-centre { background-color: #78e79a; }
div#container div#navigation ul li#contact, div#container div#navigation ul li#thanks { background-color: #bfbc89; }
/*
	Main content space
*/
body.about div#container div#content, body.services div#container div#content, body.clients div#container div#content, body.press-centre div#container div#content, body.contact div#container div#content, body.thanks div#container div#content
{ width: 858px; /*background: url(../images/baselayout2.jpg) top right no-repeat #FFFFFF;*/ margin-top: 10px; min-height:608px; }
div#container div#content p, div#container div#content td { font-size: 12px; line-height: 18px; margin: 10px 0;}
div#container div#content td { vertical-align: top; }
div#container div#content a { text-decoration: underline; }
div#container div#content a:hover { text-decoration: none; }
/*
	Tabs colors for Jquery
*/
div#container div#content #tabs a { color:#000; text-decoration: none; }
div#container div#content #tabs a:hover { color:#000; text-decoration: none; }

div#container div#content div#leftCol { width: 480px; float: left; padding: 20px;}
div#container div#content div#leftCol img { float: right; padding: 0 0 20px 20px;}
div#container div#content div#leftCol input, div#container div#content div#leftCol textarea {margin: 0 0 5px 10px; }

div#container div#content div#home-page { width: 857px; height: 610px; padding: 10px 0 0 0; /*background:url(../images/home-image.jpg) top right no-repeat;*/ }
div#container div#content div#rightCol-about { width: 280px; float: right; padding: 20px; background: url(../images/rightCol-about.jpg) right top no-repeat; height: 568px;}
div#container div#content div#rightCol-services { width: 280px; float: right; padding: 20px; background: url(../images/rightCol-services.jpg) right top no-repeat; height: 568px;}
div#container div#content div#rightCol-clients { width: 280px; float: right; padding: 20px; background: url(../images/rightCol-clients.jpg) right top no-repeat; height: 568px;}
div#container div#content div#rightCol-press-centre { width: 280px; float: right; padding: 20px; background: url(../images/rightCol-press-centre.jpg) right top no-repeat; height: 568px;}
div#container div#content div#rightCol-contact { width: 280px; float: right; padding: 20px; background: url(../images/rightCol-contact.jpg) right top no-repeat; height: 568px;}
div#container div#content div#home-return { width: 857px; height: 568px; padding: 25px;/*background:url(../images/home-image.jpg) top right no-repeat;*/ }

body.home div#container div#content { width: 858px;  padding: 0px;}
body.about div#container div#content h1 { color: #e8b9e5; border-bottom: 1px solid #e8b9e5; font-size: 24px; padding-bottom: 3px; margin-bottom: 10px;} 
body.about div#container div#content h2 { color: #e8b9e5; font-size: 16px; padding-bottom: 3px; margin: 10px 0;} 
body.about div#container div#content div#tabs a.lilacLink { color: #de98da; text-decoration: underline;}
body.about div#container div#content div#tabs a.lilacLink:hover { color: #de98da; text-decoration: none; }
body.contact div#container div#content h2, body.thanks div#container div#content h2 { color: #bfbc89; font-size: 16px; margin: 15px 0 8px 0;} 
body.services div#container div#content h2 { color: #84a3e4; font-size: 16px; margin: 20px 0 10px 0;} 
body.clients div#container div#content h2 { color: #e36772; font-size: 16px; margin: 20px 0 10px 0;}
body.clients div#container div#content span.rasp { color: #e36772; font-size: 12px; font-weight:bold;} 
body.press-centre div#container div#content h2 { color: #78e79a; font-size: 16px; margin: 20px 0 10px 0;}
body.press-centre div#container div#content div#tabs a.greenLink { color: #5fdf86; text-decoration: underline;}
body.press-centre div#container div#content div#tabs a.greenLink:hover { color: #5fdf86; text-decoration: none; }
body.services div#container div#content h1 { color: #84a3e4; border-bottom: 1px solid #84a3e4; font-size: 24px; padding-bottom: 3px; margin-bottom: 10px;} 
body.clients div#container div#content h1, body.error div#container div#content h1 { color: #e36772; border-bottom: 1px solid #e36772; font-size: 24px; padding-bottom: 3px; margin-bottom: 10px;} 
body.press-centre div#container div#content h1 { color: #78e79a; border-bottom: 1px solid #78e79a; font-size: 24px; padding-bottom: 3px; margin-bottom: 10px;} 
body.contact div#container div#content h1, body.thanks div#container div#content h1 { color: #bfbc89; border-bottom: 1px solid #bfbc89; font-size: 24px; padding-bottom: 3px; margin-bottom: 10px;} 
body.contact div#container div#content a.mustardLink { color: #a7a267; text-decoration: underline;}
body.contact div#container div#content a.mustardLink:hover { color: #a7a267; text-decoration: none; }

/*
	Footer
*/
div#container div#footer { font-size: 12px; margin-top: 10px; }
div#container div#footer p#footer-copyright { color: #675d06; float: left; font-weight: bold; }
div#container div#footer p#footer-address { color: #675d06; float: right; font-weight: bold;  }
/*
	Classes
*/
div.clear                   { clear: both; }
.imgRight img {float:right; padding: 0 0 0 10px; }