/* CSS Document */


html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	font-family: arial,sans-serif;
	font-size: 12px;
	background-color: #3f3832;
}

#mainContainer	{
	width: 1004px;
	background-color: #fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position: relative;
	background: url(http://www.styliststar.com/rtr/containerBkgrd.gif) repeat-y;
}

#container	{
	width: 964px;
	padding: 0px 0px 0px 40px;
	position: relative;
	background: url(http://www.styliststar.com/rtr/topBkgrd.gif) repeat-x;
}




/* global elements */

a	{
	color: #2c9bda;
}

a:hover	{
	color: #50b7f1;
}

h1	{
	color: #302a26;
	font-size: 28px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	line-height: 26px;
}

h2	{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #a09982;
	font-size: 17px;
	line-height: 21px;
}

h3	{
	color: #3c3530;
	font-size: 16px;
	line-height: 20px;
}

h4	{
	color: #6fb024;
	font-size: 17px;
	line-height: 18px;
	margin: 10px 0px 5px 0px;
}

h4 a	{
	color: #6fb024;
	text-decoration: none;
}

h5	{
	color: #654409;
	font-size: 15px;
	line-height: 18px;
	padding: 0px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

h6	{
	font-size: 14px;
	line-height: 18px;
	padding: 0px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

.timeLineLink	{
	background: url(http://www.canneslimo.com/images/timeLine_icon.gif) no-repeat right center;
	padding: 0px 25px 0px 0px;
	font-size: 14px;
	color: #7ebb39;
	text-decoration: none;
}

.timeLineLink:hover	{
	text-decoration: underline;
	color: #7ebb39;
}

#pullQuote	{
	float: right;
	width: 180px;
	background: url(http://www.canneslimo.com/images/pullQuoteBkgrd.gif) repeat-y;
	margin: 10px 0px 20px 20px;
}

#pullQuote .pullQuoteContent	{
	background: url(http://www.canneslimo.com/images/pullQuoteTop.gif) no-repeat;
}

#pullQuote .pullQuoteContent ul	{
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

#pullQuote .pullQuoteContent ul li	{
	background: url(http://www.canneslimo.com/images/tanSquare.gif) no-repeat 2px 7px;
	padding: 2px 0px 2px 18px;
}

#pullQuote .pullQuoteContent ul li a	{
	text-decoration: none;
}

#pullQuote .pullQuoteContent ul li a:hover	{
	text-decoration: underline;
}

#pullQuote .pullQuoteContent img	{
	padding: 0px 0px 10px 6px;
}

#pullQuote .pullQuoteBottom	{
	height: 15px;
	background: url(http://www.canneslimo.com/images/pullQuoteBottom.gif) no-repeat;
}

#pullQuote .pullQuoteContent	{
	padding: 8px;
}

#pullQuote .pullQuoteWrapper	{
	background: url(http://www.canneslimo.com/images/end-quote.gif) no-repeat bottom right;
}

#pullQuote p	{
	margin: 0px;
	background: url(http://www.canneslimo.com/images/start-quote.gif) no-repeat top left;
	padding: 5px 6px 0px 6px;
	font-size: 14px;
	color: #86763e;
	line-height: 20px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#pullQuote .name	{
	padding: 5px 6px 0px 6px;
	color: #75a739;
	font-weight: bold;
}

#pullQuote .title	{
	font-size: 11px;
	color: #989898;
	padding: 0px 0px 0px 6px;
}

#pullQuote .link	{
	font-size: 11px;
	text-align: right;
	padding: 5px 5px 0px 0px;
}

#pullQuote .link a {
	text-decoration: none;
	border-bottom: 1px dotted #2c9bda;
}

#inlineQuote	{
	background: url(http://www.canneslimo.com/images/inlineQuoteBkgrd.gif) no-repeat;
	border-top: 1px dotted #d1d1d1;
	border-bottom: 1px dotted #d1d1d1;
	padding: 0px 10px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#inlineQuote blockquote	{
	background: url(http://www.canneslimo.com/images/end-quote2.gif) no-repeat right bottom;
	padding: 0px 0px 0px 22px;
    text-indent: -22px;
	color: #86763e;
	margin: 8px 10px 8px 10px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
}

#inlineQuote blockquote:first-letter	{
	padding: 5px 0px 10px 22px;
	background: url(http://www.canneslimo.com/images/start-quote2.gif) no-repeat;
}

#inlineQuote .name	{
	text-align: right;
	color: #75a739;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
}

#inlineQuote .title	{
	text-align: right;
	color: #989898;
	font-size: 11px;
	padding: 0px 10px 0px 0px;
}

#contentMain ul	{
	padding: 5px 0px 5px 20px;
	margin: 0px;
}

#contentMain li	{
	list-style: none;
	background: url(http://www.canneslimo.com/images/greenArrow2.gif) no-repeat 0px 6px;
	padding: 2px 0px 4px 20px;
}

#contentListAlt ul li	{
	background: url(http://www.canneslimo.com/images/blueArrow.gif) no-repeat 0px 6px;
}

#pdfItemDirections	{
	padding: 4px 0px 3px 25px;
	display: block;
	margin: 0px 0px 5px 0px;
	width: 150px;
	background: url(http://www.canneslimo.com/images/pdfIcon.gif) left center no-repeat;
}

ul li#pdfIcon	{
	background: url(http://www.canneslimo.com/images/pdfIcon.gif) no-repeat;
}

ul li#wordIcon	{
	background: url(http://www.canneslimo.com/images/wordIcon.gif) no-repeat;
}

ul li#xlsIcon	{
	background: url(http://www.canneslimo.com/images/xlsIcon.gif) no-repeat;
}

ul li#ieIcon	{
	background: url(http://www.canneslimo.com/images/ieIcon.gif) no-repeat;
}

#breadcrumbs	{
	font-size: 11px;
	margin: 5px 0px 0px 5px;
}

#breadcrumbs a	{
	text-decoration: none;
}

#breadcrumbs a:hover	{
	text-decoration: underline;
}

#twoColumn div	{
	width: 240px;
}

#twoColumn .column1, #twoColumn .column2	{
	float: left;
}

#twoColumn .column2	{
	margin-left: 10px;
}

#successStories	{
	background: url(http://www.canneslimo.com/images/successBkgrd.gif) no-repeat;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

#successStories h1	{
	color: #3e9bd7;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
}

#successStories h4	{
	font-weight: normal;
	font-size: 16px;
	color: #7b6519;
}

.note	{
	font-size: 10px;
	color: #787878;
}

.contactForm input, .contactForm textarea	{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.required	{
	color: #0774ba;
}

.error	{
	color: #ff0000;
}

.teichertLogoAdd	{
	padding: 0px 0px 10px 0px;
}

/* end of global elements */

/* page layout */

#leftColumn	{
	width: 239px;
	float: left;
	background: url(http://www.styliststar.com/rtr/leftColumnBkgrd.gif) no-repeat;
	padding: 33px 0px 0px 0px;
}

#rightColumn	{
	width: 725px;
	float: left;
	background: url(http://www.styliststar.com/rtr/rightBorder.gif) no-repeat right top;
}

#rightBorder	{
	background: url(http://www.styliststar.com/rtr/rightBorderBkgrd.gif) repeat-y right;
}

#rightColumnHeader	{
	height: 69px;
	width: 711px;
	background: url(http://www.styliststar.com/rtr/rightColumnHeader.gif) no-repeat;
}

#rightColumnHeader .topTab	{
	background: url(http://www.styliststar.com/rtr/topTabBkgrd.gif) no-repeat;
	float: right;
	width: 185px;
	height: 24px;
	color: #fff;
	margin: 33px 5px 0px 0px;
}

#rightColumnHeader .topTab ul	{
	padding: 4px 0px 0px 7px;
	margin: 0px;
}

#rightColumnHeader .topTab ul li	{
	display: inline;
	font-size: 10px;
	padding: 0px 0px 0px 2px;
}

#rightColumnHeader .topTab a	{
	color: #fff;
	text-decoration: none;
}

#rightColumnHeader .topTab a:hover	{
	text-decoration: underline;
	color: #87c03d;
}

#globalSearch	{
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #d6d4d4;
	height: 50px;
	display:none;
}

#globalSearch .name	{
	font-weight: bold;
	font-size: 12px;
}

#globalSearch div	{
	padding: 0px 0px 5px 0px;
}

#globalSearch input	{
	font-size: 11px;
	color: #2c2622;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

#globalSearch .searchBox	{
	width: 105px;
	margin: 2px 0px 0px 0px;
}

#globalSearch ul	{
	padding: 0px;
	margin: 0px;
}

#globalSearch ul li	{
	list-style: none;
	float: left;
}

#content	{
	padding: 19px 0px 0px 0px;
}


#contentMain	{
	width: 500px;
	float: left;
	line-height: 17px;
	padding: 0px 0px 30px 10px;
}

#PCALogo	{
	text-align: center;
}

.printLogo	{
	display: none;
}

#shadowBottom	{
	width: 199px;
	height: 10px;
	background: url(http://www.canneslimo.com/images/shadowBottom.gif) no-repeat bottom;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#shadowBottom2	{
	width: 218px;
	height: 10px;
	background: url(http://www.canneslimo.com/images/shadowBottom2.gif) no-repeat top;
	padding: 0px 0px 0px 0px;
}

#shadowTop	{
	width: 199px;
	height: 12px;
	background: url(http://www.canneslimo.com/images/shadowTop.gif) no-repeat bottom;
	margin: 0 auto;
	
}

#surveyArea	{
	background: url(http://www.canneslimo.com/images/surveyIcon.gif) no-repeat 5px 7px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-top: 1px dashed #b2c297;
	border-bottom: 1px dashed #b2c297;
}

#surveyArea p	{
	padding: 10px 0px 10px 60px;
	margin: 0px;
}

/* nav */

#nav {
	margin: 10px 0px 10px 12px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a {
	color: #b1ada4;
	text-decoration: none;
	display: block;
	width: 154px;
	padding: 7px 0px 6px 35px;
	background: url(http://www.canneslimo.com/images/navLines.gif) no-repeat;
}

#nav a:hover	{
	color: #d1b740;
	background: url(http://www.canneslimo.com/images/navOver.gif) no-repeat;
}

.navMainOn {
	color: #d1b740;
	background: url(http://www.canneslimo.com/images/navOver.gif) no-repeat;
}

#subNav {
	padding: 0px 0px 3px 0px;
	background: url(http://www.canneslimo.com/images/ctaBkgrd02.gif/images/subNavOn.gif) repeat-y;
}

#subNav a{
	background: none;
	padding: 2px 0px 3px 45px;
	color: #ffffff;
}

#subNav a:hover	{
	background: none;
	color: #cecece;
}

#subNav2	{
	padding: 3px 0px 3px 15px;
	background: url(http://www.canneslimo.com/images/ctaBkgrd02.gif/images/navArrow.gif) no-repeat 45px 9px;
}

#navOn	{
	background: url(http://www.canneslimo.com/images/navOn.gif) no-repeat 0px 0px;
}

#navOn a	{
	color: #d1b740;
	font-weight: bold;
}

#subNavOn a	{
	color: #87c03d;
	padding: 2px 0px 3px 45px;
	font-weight: bold;
}

#ctaArea {
	text-align:center;
	color: #28221e;
	margin: 10px 0px 0px 12px;
}

#ctaArea h1	{
	color: #aea59f;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	line-height: 21px;
}

#ctaArea p	{
	margin: 5px 25px 0px 25px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #fff;
}

#ctaArea .ctaOne	{
	background: url(http://www.canneslimo.com/images/ctaBkgrd02.gif/images/ctaBkgrd01.gif) no-repeat;
	width: 218px;
	height: 155px;
	padding: 15px 0px 0px 0px;
	color: #b1ada4;
}

#ctaArea .ctaTwo	{
	background: url(http://www.canneslimo.com/images/ctaBkgrd02.gif/images/ctaBkgrd02.gif) no-repeat;
	width: 218px;
	height: 118px;
	padding: 20px 0px 0px 0px;
}

#ctaArea .learnMoreBtn	{
	margin: 10px 0px 0px 0px;
}

#teichertInfo	{
	padding: 15px 0px 0px 38px;
}

#teichertInfo h1	{
	color: #fff;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
}

#teichertInfo p	{
	margin: 0px;
	color: #716963;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
}

#teichertInfo a	{
	color: #898480;
	text-decoration: none;
}

#teichertInfo a:hover	{
	color: #9e9893;
}

/* home page area */

.homeImage	{
	position: relative;
}

.homeImage h1	{
	position: absolute;
	top: 20px;
	padding: 0px;
	margin: 0px;
	left: 17px;
	width: 484px;
	color: #302a26;
	font-size: 20px;
	line-height: 32px;
}

.homeImage h2	{
	position: absolute;
	color: #4c4c4c;
	font-size: 14px;
	line-height: 18px;
	width: 190px;
	font-weight: normal;
	top: 125px;
	left: 17px;
}

#homeBlueBar	{
	background: url(http://www.canneslimo.com/images/homeblueBar.gif) no-repeat;
	width: 500px;
	height: 36px;
	margin: 5px 0px 0px 0px;
}

#homeBlueBar h3	{
	color: #fff;
	font-size: 13px;
	padding: 12px 0px 0px 0px;
	margin: 0px;
}

#homeBlueBar h3	a	{
	color: #fff;
	text-decoration: none;
}

#homeBlueBar h3	a:hover	{
	text-decoration: underline;
}

.homeArea1	{
	width: 141px;
	float: left;
	padding: 0px 15px 0px 14px;
}

.homeArea2	{
	width: 131px;
	float: left;
	padding: 0px 15px 0px 14px;
}

.homeArea3	{
	width: 135px;
	float: left;
	padding: 0px 15px 0px 14px;
}

#homeContent	{
	background: url(http://www.canneslimo.com/images/homeContentBkgrd.gif) no-repeat;
	color: #302a26;
	font-size: 12px;
	line-height: 17px;
	padding: 10px 0px 0px 0px;
}

.homeContentButtons	{
	margin: 0px 0px 20px 0px;
}

#homeQuickLinks	{
	padding: 0px 0px 0px 13px;
	height: 65px;
}

#homeQuickLinks	h4{
	color: #302a26;
	font-size: 20px;
	border-bottom: 1px dotted #d1d1d1;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

#homeQuickLinks	ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	font-size: 12px;
}

#homeQuickLinks ul li	{
	padding: 4px 0px 4px 13px;
	list-style: none;
	background: none;
	background: url(http://www.canneslimo.com/images/greenArrow2.gif) no-repeat 0px 8px;
}

#homeQuickLinks a	{
	color: #2c9bda;
	text-decoration: none;
}

#homeQuickLinks a:hover	{
	color: #70c7f8;
}

#homeQuickLinks .list1	{
	width: 458px;
}

#homeQuickLinks .list2	{
	width: 3px;
}

#homeQuickLinks .list3	{
	width: 1px;
}

.clearLeft	{
	clear: left;
}


.clearBoth	{
	clear:both;
}

/* right side */

#contentMainRight	{
	width: 157px;
	float: left;
	padding: 0px 0px 0px 15px;
	color: #292522;
	font-size: 11px;
	line-height: 16px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#contentMainRight .content	{
	border-bottom: 1px solid #d6d4d4;
	padding: 0px 0px 28px 0px;
	margin: 0px 0px 8px 0px;
	background: url(http://www.canneslimo.com/images/brownBubble.gif) no-repeat;
}

#contentMainRight .link	{
	padding: 0px 0px 0px 0px;
}

#contentMainRight a	{
	color: #16669a;
	text-decoration: underline;
}

#contentMainRight h1	{
	color: #302a26;
	font-size: 11px;
	margin: 0px;
	font-weight: boldl;
	padding: 5px 0px 5px 0px;
}

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

#contentMainRight h1 a:hover	{
	text-decoration: underline;
}

#contentMainRight h2	{
	color: #302a26;
	font-size: 11px;
	margin: 0px;
	font-weight: boldl;
	padding: 5px 0px 5px 0px;
}

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

#contentMainRight h2 a:hover	{
	text-decoration: underline;
}


#contentMainRight h3	{
	
	color: #302a26;
	font-size: 11px;
	margin: 0px;
	font-weight: boldl;
	padding: 5px 0px 5px 0px;
}

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

#contentMainRight h3 a:hover	{
	text-decoration: underline;
}	


#contentMainRight .featuredProject img	{
	padding: 2px;
	border: 1px solid #706b61;
}

#contentMainRight .featuredProject h4	{
	color: #302a26;
	font-size: 11px;
	margin: 0px;
	font-weight: boldl;
	padding: 5px 0px 5px 0px;
}

#contentMainRight .featuredProject h4 a	{
	color: #000000;
	text-decoration: none;
}
#contentMainRight .featuredProject h4 a:hover {
	color: #000000;
	text-decoration:  underline;
}

#styleguideColors	{
	width: 175px;
	float: right;
	margin-top: 10px;
}

#styleguideColors div	{
	text-align:center;
	color: #fff;
	padding: 3px;
}

#styleguideColors .darkBrown	{
	background-color: #3f3832;
}

#styleguideColors .lightBrown	{
	background-color: #9f9880;
}

#styleguideColors .green	{
	background-color: #87c03d;
}

#styleguideColors .darkBlue	{
	background-color: #16669a;
}

#styleguideColors .lightBlue	{
	background-color: #25ace3;
}

/*footer area */

#footerAreaMain	{
	height: 200px;
	bottom: 0px;
}

#footerArea	{
	width: 1004px;
	height: 156px;
	background: url(http://www.styliststar.com/rtr/rightBorderFooter.gif) repeat-y right top #fff;
	bottom: 0;
	position: absolute;
	
}

#footerFakeColumn {
	height: 156px;
	width: 239px;
	float: left;
	border-right: 1px solid #9f9880;
	background: url(http://www.canneslimo.com/images/fakeColumnBkgrd.gif) no-repeat;
	
}

#footerAreaContainer {
	height: 156px;
	width: 960px;
	margin: 0px 0px 0px 40px;
}

#footerInfo {
	float: left;
	width: 705px;
	padding: 25px 0px 5px 0px;
	font-size: 11px;
	height: 126px;
	background: url(http://www.canneslimo.com/images/footerBkgrd.gif) repeat-x #2197e7;
}

#footerInfo a	{
	color: #d3ecfa;
	text-decoration: none;
}

#footerInfo a:hover	{
	color: #fff;
}

#footerInfo .footerLeft	{
	width: 445px;
	padding: 0px 0px 0px 20px;
	float: left;
}

#footerInfo .footerRight	{
	float: right;
}

#footerInfo ul	{
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

#footerInfo ul li	{
	border-bottom: 1px solid #76c4f1;
	padding: 5px 0px 1px 0px;
	list-style: none;
}

#footerInfo .footerList1	{
	width: 110px;
}

#footerInfo .footerList2	{
	width: 125px;
}

#footerInfo .footerList3	{
	width: 130px;
}

#footerInfo .copyright	{
	color: #81c5f1;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

#footerInfo .blastCredit	{
	margin: 5px 0px 0px 0px;
	color: #81c5f1;
	font-weight: bold;
}


#footerAreaContinued {
	float: right;
	background: #ff3300;
}