/**
* Customer web site CSS
*
* Copyright (c)2008 44 Interactive. All Rights Reserved.
*
* SVN File: $Id: styles.css 217 2008-07-28 19:06:27Z Mike Neugebauer $
* @author $Author: Mike Neugebauer $
* @version $Revision: 217 $
* @lastrevision $Date: 2008-07-28 14:06:27 -0500 (Mon, 28 Jul 2008) $
* @modifiedby $LastChangedBy: Mike Neugebauer $
* @lastmodified $LastChangedDate: 2008-07-28 14:06:27 -0500 (Mon, 28 Jul 2008) $
* @filesource $URL: svn+ssh://miken@svnhost.44i-dev.com/svnhome/base/branches/picadilly/cust_skeleton/css/styles.css $
*/

 /* MASTER COLORS
	MAIN HEADLINES:
	#0c3d61;

	BODY COPY:
	#302b26;

	RED:
	#ae0e01


*/


* { margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

html {
	font-size: 62.5%;
	height:100.1%;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.15em;
	background:url(/_cust/images/bodyBGTile.jpg) repeat-x #9e0000;
	color:#302b26;
	height:100.1%
}

h1, h2, h3, h4, h5 {
	color:#ae0e01;
	font-weight:normal;
}

h1 {
    font-size: 2.1em;
	margin-bottom:8px;
}

h2 {
    font-size: 1.9em;
}

h3 {
    font-size: 1.7em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.3em;
}

a:link {
	color:#ae0e01;
	text-decoration: none;
}

a:visited {
	color:#ae0e01;
	text-decoration: none;
}

a:hover {
	color:#610800;
	text-decoration: underline;
}

a:active {
	color:#000000;
	text-decoration: none;
}

p {
	line-height:1.6em;
	margin-bottom:10px;
}



/*---------------------------------- MAIN BODY STYLES ------------------------------------ */
#wrapper {
	margin:0 auto;
	width:820px;
}


#container {
	width:770px;
	background:url(/_cust/images/containerTile.png) repeat-y;
	/*margin-top:-100px;*/
	position:relative;
	z-index:400;
	padding:0 25px;
}

body#home #container {
	width:786px;
	background:url(/_cust/images/containerTile.png) repeat-y;
	/*margin-top:-100px;*/
	position:relative;
	z-index:400;
	padding:0 9px 0 25px;
}

#containerbtm {
	width:820px;
	height:12px;
	background:url(/_cust/images/containerbtm.png) no-repeat;
}

#shadow{
	height:4px;
	background:url(/_cust/images/containerShadow.jpg) repeat-x;
	margin:0 9px;
}

#header {
	height:44px;
	width:802px;
	margin:-121px 9px 0 9px;
	background:url(/_cust/images/headerTile.png);
	position:relative;
	z-index:500;
}


#nav {
	height:25px;
	float:left;
	margin:10px 0 0 0px;
	/*background-color:#CCCCCC;*/
	width:706px;
}

#logo {
	width:112px;
	height:121px;
	/*background-color:#00FFFF;*/
	position:relative;
	z-index:1000;
	margin:0 0 0 12px;
	/*float:left;*/
}


#sidebar {
	float:left;
	width:216px;
	margin-top:72px;
}

body#home #sidebar {
	float:right;
	width:216px;
	margin-top:18px;
}


#sidebar a.partnership {
	width:211px;
	height:64px;
	margin:8px 0;
	margin-left:-6px;
	background:url(/_cust/images/partnershipBtn.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#sidebar a.solution {
	width:211px;
	height:64px;
	margin:8px 0;
	margin-left:-6px;
	background:url(/_cust/images/solutionBtn.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#sidebar a.resource {
	width:211px;
	height:64px;
	margin:8px 0;
	margin-left:-6px;
	background:url(/_cust/images/resourceBtn.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#sidebar a.news {
	width:211px;
	height:64px;
	margin:8px 0;
	margin-left:-6px;
	background:url(/_cust/images/news2Btn.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#sidebar a.solution:hover, #sidebar a.partnership:hover, #sidebar a.resource:hover, #sidebar a.news:hover {
	background-position:bottom;
}


#newspanelwrap{
	background:url(/_cust/images/newspanelbg.jpg) repeat-y;
	margin-bottom:18px;	
	z-index: 2000;
}

#newspanelbtm {
	background:url(/_cust/images/newspanelbtm.jpg) no-repeat;
	width:216px;
	height:5px;
}

#newspanelwrap img.top {
	margin-left:-6px;
}

#newspanel {
	margin:0 0 0 4px;
	padding:8px;
	width:172px;
	margin-top: -5px;
}


#newspanel h1 {
	font-size:1.3em;
}

#newspanel p {
	font-size:.95em;
}

#newspanel a.more {
	float:right;
}


#content {
	width:530px;
	float:right;
	margin-top:18px;
}

body#home #content {
	width:570px;
	float:left;
}

#content p {
	text-align:justify;
}


#ccwalk {
	width:216px;
	height:357px;
}







/* ---------------------------------- INDEX PAGE STYLES ------------------------------------ */

#homeTopMedia {
	width:570px;
	height:332px;
	/*background-color:#FFFF00;*/
	margin-bottom:18px;
}



#testPanel {
	width:553px;
	height:168px;
	padding:0px 12px 12px 5px;
	background:url(/_cust/images/testPanelBG.jpg) no-repeat;
	margin-bottom:18px;
}

#testLeft {
	width:370px;
	float:left;
	cursor: pointer;
}

#testPanel h5{
	text-align:center;
	color:#351e00;
	line-height:1.8em;
	padding:12px 6px;
	font-style:italic;
	font-weight:normal;
	width:370px;
}

#testPanel img {
	float:left;
	margin:24px 0 0 0;
}

#testPanel p {
	float:right;
	color:#5d7a90;
}

#testPanel ul {
	float:right;
	list-style:none;
}

#testPanel ul li {
	padding:2px 0;
	color:#351e00;
}

li.testName {
	font-weight:bold;
}

li.testTitle, li.testCompany {
	font-style:italic;
}

.testimonialPanel {
	margin-top: 24px;
	margin-left: 40px;
	width: 420px;
}
a.moreTest {
	display:block;
	overflow:hidden;
	width:141px;
	height:22px;
	text-indent:-9999px;
	background:url(../images/moreTestBtn.png) no-repeat top;
	/*top:50px;
	left:200px;*/
	float:right;
	margin:8px 5px 0 0;
}

a.moreTest:hover {
	background-position:bottom;
}



/* ----------------------------------- SUB PAGE STYLES --------------------------------------*/



#topmedia {
	width:521px;
	height:301px;
	background:url(/_cust/images/topImageBG.png) no-repeat;
	padding:8px 0 0 9px;
	margin-bottom:16px;
}


img.detail {
	float:right;
	border:solid 2px #c40000;
	margin:0 0 16px 16px;
}








/* ---------------------------------- CONTACT PAGE STYLES ------------------------------------ */

#content.contact p {
	margin-bottom:2px;
	max-width:300px;
}

input, textarea {
	padding:4px;
	border:solid 1px #432c00; 
	margin-bottom:8px;
}

#contact input, #contact textarea { 
	width:300px; 
}








/* ---------------------------------- MAIN NAVIGATION STYLES ------------------------------------ */


.nav {
	width: 706px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat 197px 0px;
	/*margin-left:197px;
	position: absolute;
	top: 100px;
	left: 100px;*/
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 10px;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}


.nav .why a:link, .nav .why a:visited {
	left: 197px;
	width: 57px;
	background: url(/_cust/images/navBG.jpg) no-repeat 0px 0px;
}
.nav .why a:hover, .nav .why a:focus {
	background: url(/_cust/images/navBG.jpg) no-repeat 0px -25px;
}
.nav .why a:active {
	background:0px -50px;
}
.current-why .why a:link, .current-why .why a:visited {
	background: url(/_cust/images/navBG.jpg) no-repeat 0px -50px;
	cursor: default;
}
.nav-why, .nav-why-click {
	position: absolute;
	top: 10px;
	left: 197px;
	width: 57px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat 0px -25px;
}
.nav-why-click {
	background: url(/_cust/images/navBG.jpg) no-repeat 0px -50px;
}


.nav .programs a:link, .nav .programs a:visited {
	left: 263px;
	width: 92px;
	background: url(/_cust/images/navBG.jpg) no-repeat -66px 0px;
}
.nav .programs a:hover, .nav .programs a:focus {
	background: url(/_cust/images/navBG.jpg) no-repeat -66px -25px;
}
.nav .programs a:active {
	background:-66px -50px;
}
.current-programs .programs a:link, .current-programs .programs a:visited {
	background: url(/_cust/images/navBG.jpg) no-repeat -66px -50px;
	cursor: default;
}
.nav-programs, .nav-programs-click {
	position: absolute;
	top: 10px;
	left: 263px;
	width: 92px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat -66px -25px;
}
.nav-programs-click {
	background: url(/_cust/images/navBG.jpg) no-repeat -66px -50px;
}


.nav .partner a:link, .nav .partner a:visited {
	left: 364px;
	width: 82px;
	background: url(/_cust/images/navBG.jpg) no-repeat 30px 0px;
}
.nav .partner a:hover, .nav .partner a:focus {
	background: url(/_cust/images/navBG.jpg) no-repeat 30px -25px;
}
.nav .partner a:active {
	background:-167px -50px;
}
.current-partner .partner a:link, .current-partner .partner a:visited {
	background: url(/_cust/images/navBG.jpg) no-repeat -167px -50px;
	cursor: default;
}
.nav-partner, .nav-partner-click {
	position: absolute;
	top: 10px;
	left: 364px;
	width: 82px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat -167px -25px;
}
.nav-partner-click {
	background: url(/_cust/images/navBG.jpg) no-repeat -167px -50px;
}


.nav .about a:link, .nav .about a:visited {
	left: 455px;
	width: 69px;
	background: url(/_cust/images/navBG.jpg) no-repeat -258px 0px;
}
.nav .about a:hover, .nav .about a:focus {
	background: url(/_cust/images/navBG.jpg) no-repeat -258px -25px;
}
.nav .about a:active {
	background:-258px -50px;
}
.current-about .about a:link, .current-about .about a:visited {
	background: url(/_cust/images/navBG.jpg) no-repeat -258px -50px;
	cursor: default;
}
.nav-about, .nav-about-click {
	position: absolute;
	top: 10px;
	left: 455px;
	width: 69px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat -258px -25px;
}
.nav-about-click {
	background: url(/_cust/images/navBG.jpg) no-repeat -258px -50px;
}


.nav .news a:link, .nav .news a:visited {
	left: 533px;
	width: 61px;
	background: url(/_cust/images/navBG.jpg) no-repeat -336px 0px;
}
.nav .news a:hover, .nav .news a:focus {
	background: url(/_cust/images/navBG.jpg) no-repeat -336px -25px;
}
.nav .news a:active {
	background:-336px -50px;
}
.current-news .news a:link, .current-news .news a:visited {
	background: url(/_cust/images/navBG.jpg) no-repeat -336px -50px;
	cursor: default;
}
.nav-news, .nav-news-click {
	position: absolute;
	top: 10px;
	left: 533px;
	width: 61px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat -336px -25px;
}
.nav-news-click {
	background: url(/_cust/images/navBG.jpg) no-repeat -336px -50px;
}

.nav .contact a:link, .nav .contact a:visited {
	left: 603px;
	width: 103px;
	background: url(/_cust/images/navBG.jpg) no-repeat -406px 0px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(/_cust/images/navBG.jpg) no-repeat -406px -25px;
}
.nav .contact a:active {
	background:-406px -50px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(/_cust/images/navBG.jpg) no-repeat -406px -50px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 10px;
	left: 603px;
	width: 103px;
	height: 25px;
	background: url(/_cust/images/navBG.jpg) no-repeat -406px -25px;
}
.nav-contact-click {
	background: url(/_cust/images/navBG.jpg) no-repeat -406px -50px;
}




/* ---------------------------------------------- SUB NAVIGATION STYLES ---------------------------------------------------- */

#subnav {
	margin-bottom:18px;
	padding:6px 0;
}

#subnav ul{
	list-style:none;
	margin-bottom:18px;
}

#subnav ul li {
}

#subnav ul li a, #subnav ul li a:visited {
	text-decoration:none;
	display:block;
	padding:6px;
	margin:0 4px;
	text-transform:uppercase;
	border-bottom:1px dotted #ae0e01;
	color:#ae0e01;
}

#subnav ul li a:hover {
	background-color:#ae0e01;
	color:#f6e6cc;
}


body#experience #subnav ul li a.experiencesub,
body#testimonials #subnav ul li a.testsub,
body#opsupport #subnav ul li a.opsupportsub,
body#mktsupport #subnav ul li a.marketingsub,
body#quality #subnav ul li a.qualitysub,
body#ease #subnav ul li a.easesub,
body#training #subnav ul li a.trainingsub,
body#countercafe #subnav ul li a.countercafe,
body#pizzacafe #subnav ul li a.pizzacafe,
body#spacesavers #subnav ul li a.spacesavers {
	color:#df887a;
	cursor:default;
	background:none;
}

#subnav ul li.manufacturers {
	background-color:#859eb0;
	padding:6px;
	margin:0 4px;
	text-transform:uppercase;
	display:block;
	color:#eaebeb;
	border:none;
}

#subnav ul li a.productsSubBtn {
	background-color:#859eb0;
	padding:6px;
	margin:0 4px;
	text-transform:uppercase;
	display:block;
	color:#eaebeb;
	border:none;
}

#subnav ul li a.productsSubBtn:hover {
	background-color:#5d7a90;
}

body#productsPage #subnav ul li a.productsSubBtn {
	cursor:default;
	background-color:#859eb0;
}


a.solutionPanel, a.solutionPanel:visited {
	width:216px;
	height:64px;
	background:url(/_cust/images/solutionpanel.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:12px;
}

a.partnerPanel, a.partnerPanel:visited {
	width:216px;
	height:64px;
	background:url(/_cust/images/partnerpanel.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:12px;
}

a.partnershipPanel, a.partnershipPanel:visited {
	width:216px;
	height:64px;
	background:url(/_cust/images/partnershippanel.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:12px;
}

a.newsPanel, a.newsPanel:visited {
	width:216px;
	height:64px;
	background:url(/_cust/images/news3Btn.jpg) no-repeat top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:12px;
}

 



a.solutionPanel:hover,
a.partnerPanel:hover,
a.partnershipPanel:hover,
a.newsPanel:hover {
	background-position:bottom;
}


.programpic {
	border: 1px solid #000;
	float: left;
	margin-right: 14px;
}



/*----------------------------------------------------------- GALLERY STYLES -----------------------------------------------------------*/



#gallery {
	/*margin-left:6px;
	margin-bottom: 12px;*/
}

#gallery li {
	display: block;
}

#gallery li img {
	margin-top: 27px; 
	/*border: 2px solid #ffffff;
	background-color:#FFFFFF;*/
}
/*
p.under_gallery {
	margin-top: 320px;
}*/

#page_slideshow {
	margin-left: 16px;
	float: right;
	width: 270px;
	height: 180px;
	border: 1px solid #ff0000;
}

.detail { 
	margin-bottom: 16px;
}

.gallhome {
	padding-top: 14px;
	padding-left: 10px;
}




/*----------------------------------------------------------- FOOTER -----------------------------------------------------------*/




#footer {
	width:750px;
	margin:0 auto;
	color:#fff;
	text-align:center;
}


#footer a, #footer a:visited {
	text-decoration:none;
	color:#fff;
}

#footer a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

#footer a:active {
	color:#000000;
}





/*----------------------------------------------------------- SITEMAP PAGE STYLES -----------------------------------------------------------*/



.sitemap {
	margin-left: 0px;
	margin-top: 6px;
	font-size: 1.3em;
}

.sitemap ul {

	list-style: circle;
}

.sitemap ul li
{
	margin-left: 32px;
}


#maincopy{
	padding: 8px;
}

.error_msg
{
	border: 1px solid #ff0000;
	color: #ff0000;
	background-color: #ffffff;
	font-weight: 900;
	padding: 4px;
	text-align: center;
}

.success_msg
{
	border: 1px solid #00ff00;
	color: #009900;
	background-color: #ffffff;
	font-weight: 900;
	padding: 4px;
	text-align: center;
}

.form_msg_width
{
	width: 400px;
}


/*----------------------------------------------------------- RESOURCE CENTER ----------------------------------------------------*/

h3.rgroup {
	padding: 8px;
}

ul.ritems {
	list-style: none;
}

ul.ritems li {
	float: left;
	padding:8px;
	margin: 12px;
	color: #e00;
	text-align: center;
	width: 128px;
}

ul.ritems li a img {
	padding-bottom: 4px;
}

.resthumb {
	float: left;
	padding-right: 6px;
	padding-bottom: 3px;
}



/*----------------------------------------------------------- CLEARFIX -----------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}