@charset "UTF-8";
/* CSS Document */


h1#logo {
	margin:15px 0 20px;
	float:left;
	text-indent:-9999px;
	background:#FFFFFF url(../images/clearlybusiness-logo.gif) no-repeat 0 0;
	}
h1#logo a {
	width:192px;
	height:49px;
	display:block;
	}

#rightpanel h2 {
	font-size:1.667em; /* 20px */
	font-weight:normal;
	line-height:1.4em;
	}
	
#rightpanel h3 {
	 /* font-size:1.167em;14px */
	font-size:1.4em;/* 17px */
	line-height:1.5em;
	}
#rightpanel .quotesSlides {
	 text-align:right;
	}
#rightpanel .quotesSlides div {
	 padding:35px 0 0;
	}
#slides div {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	}

#rightpanel .quotesSlides blockquote {
	text-indent:0;
	}
#rightpanel .quotesSlides h3 {
	 /* font-size:1.167em;14px */
	font-size:1.2em;/* 17px */
	line-height:1.3em;
	font-style:italic;
	font-weight:normal;
	}
#rightpanel .quotesSlides h4 {
	font-size:1.1em;
	color:#00AEEF;
	line-height:1.3em;
	font-style:italic;
	font-weight:normal;
	}
	
#wrapper {
	width:890px;
	padding:0 15px;
	margin:0 auto;
	}
#toplinks {
	float:right;
	padding-top:13px;
	}

#toplinks ul {
	margin:0;
	list-style:none;
	font-size:0.75em;
	color:#00AEEF;
	}
#toplinks ul li {
	display:inline;
	/*padding:0 5px;
	border-right:1px solid #808285;
	use above if toplinks has more than one link..*/
	padding-right:0;
	}
#toplinks ul li.last {
	padding-right:0;
	border-right:none;
	}
#toplinks a:link, #toplinks a:visited {
	color:#808285;
	text-decoration:none;
	}
#toplinks a:hover {
	color:#414142;
	}
#toplinks li#active a:link, #toplinks li#active a:visited, #toplinks li#active a:hover {
	color:#00AEEF;
	}
#banner {
	width:890px;
	height:205px;
	background-color:#FAFAFA;
	clear:both;
	/*background-image:url(../../../images/banners/bulb-rough.jpg);*/
	background-repeat:no-repeat;
	background-position:0 0;
	}

/* 
 * MAIN NAV STYLES BELOW 
 */
#navigation {
	border-right:1px solid #DADBDC;
	width:202px;
	height:214px;
	float:left;
	}
	
#navigation ul {
    position: relative;
	list-style:none;
	margin:0 16px 0 0;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.5em;
	/*font-size:17px;
	line-height:26px;*/
	width:186px;
	}
#navigation ul ul {
	font-size:0.8em;
	margin:0 0 8px 0;
	}
#navigation ul li {
    position: relative;
    z-index: 200;
	/*height:26px;*/
}
#navigation ul ul li {
    padding-left:16px;
}

#navigation ul ul li#active {
    background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:4px 5px;
}
#navigation ul a:link, #navigation ul a:visited {
	text-decoration:none;
	display:block;
	width:186px;
	
	}
#navigation ul ul a:link, #navigation ul ul a:visited {
	width:170px;
	
	}

#navigation ul a:hover {
	color:#008CC1;
	font-weight:normal;
	/*display:block;
	width:186px;*/
	}
	
/*
#navigation ul a:active {
	color:#FFFFFF;
	background-color:#00AEEF;
	}
#navigation ul div.ahover {
    background: #00AEEF;
    z-index: 99;
    position: absolute;
	color:#FFFFFF;
}
*/

#navigation ul li.live a:link, 
#navigation ul li.live a:visited,

#navigation ul li#active li a:link, 
#navigation ul li#active li a:visited, 
#navigation ul li#active li a:hover {
	color:#808285;
	/*color:#00AEEF;*/
	}	
#navigation ul li#active a:link, 
#navigation ul li#active a:visited, 
#navigation ul li#active a:hover {
	/*color:#808285;*/
	color:#5A5B5E;
	background-color:#FFFFFF;
	}
	/*
#navigation ul li.live a:hover {
	color:#FFFFFF;
	}*/
/* 
 * END MAIN NAV STYLES BELOW 
 */
 
#content {
	clear:both;
	padding:15px 0;
	
	}
#info {
	width:458px;
	float:left;
	}
#rightpanel {
	border-left:1px solid #DADBDC;
	height:214px;
	width:228px;
	float:right;
	
	}
	
#spread {
	width:687px;
	float:left;
	}
	
#footer {
	text-align:right;
	clear:both;
	}
#footer p {
	font-size:0.83em; /* 10px */
	color:#A7A9AC;
	}
#gridBlock, .padleft {
	padding:0 0 0 16px;
	
	}

.padit {
	padding:0 16px;
	}
.sml {
	/*font-size:0.5em;  6px !! Crazy print designers LOL !! */
	font-size:0.75em;
	}

.clearall {
	clear:both;
	height:0;
	overflow:hidden;
	}
.productbox {
	text-align:center;
	padding:35px 0;
	}
	
/** AWARDS GRID STUFF */

/* not used ...

ul#awardsGrid {
	list-style:none;
	padding:0;
	margin:0;
	}
	
ul#awardsGrid li {
	display:block;
	float:left;
	background:#BBBABA url(../images/awardsList_bg.jpg) repeat-x 0 0;
	padding:1px;
	width:222px;
	height:95px;
	margin:0 -1px 10px 0;
	position:relative;
	}
	
.floatingBox {
	
	width:222px;
	}
ul#awardsGrid li h3 {
	width:222px;
	height:95px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:1px;
	left:1px;
	z-index:50;
	text-indent:-9999px;
	}	

ul#awardsGrid li h4 {
	width:222px;
	height:95px;
	margin:0;
	padding:0;
	background-image:url(../images/awardMask.png);
	position:absolute;
	top:1px;
	left:1px;
	z-index:100;
	text-indent:-9999px;
	
	}

ul#awardsGrid li h5 {
	margin:0;
	padding:0;
	position:absolute;
	bottom:1px;
	left:10px;
	z-index:110;
	}
	
ul#awardsGrid li#award_1 h3 {
	background-image:url(../../../images/awards/award1.gif);
	
	}
ul#awardsGrid li#award_2 h3 {
	background-image:url(../../../images/awards/award2.gif);
	
	}
ul#awardsGrid li#award_3 h3 {
	background-image:url(../../../images/awards/award3.gif);
	
	}
ul#awardsGrid li#award_4 h3 {
	background-image:url(../../../images/awards/award4.gif);
	
	}
ul#awardsGrid li#award_5 h3 {
	background-image:url(../../../images/awards/award5.gif);
	
	}
ul#awardsGrid li#award_6 h3 {
	background-image:url(../../../images/awards/award6.gif);
	
	}
ul#awardsGrid li#award_7 h3 {
	background-image:url(../../../images/awards/award7.gif);
	
	}
ul#awardsGrid li#award_8 h3 {
	background-image:url(../../../images/awards/award8.gif);
	
	}
*/


ul#awards_list,
#grid_text_store {
	display:none;
	}
#awards_grid {
	margin-bottom:1em;
	}
.awards_grid_block img {
	display:block;
}
.awards_grid_block {
	float:left;
	padding:0;
	width:224px;
	height:97px;
	margin:0 -1px 10px 0;
	position:relative;
	background:#BBBABA url(../images/awardsList_bg.jpg) repeat-x 0 0;
	}
	
a img {
	border:none;
	}
.awards_grid_block .normal, 
.awards_grid_block .fade, 
.awards_grid_block .text {
	left:0;
	position:absolute;
	top:0;
}
.awards_grid_block .normal {
	opacity:1;
	z-index:3;
	background:#BBBABA url(../images/awardsList_bg.jpg) repeat-x 0 0;
	padding:1px;
}
.awards_grid_block .fade {
	opacity:1;
	z-index:2;
	background:#BBBABA url(../images/awardsListHvr_bg.jpg) repeat-x 0 0;
	padding:1px;
}
.awards_grid_block .text {
	margin:1px;
	padding:7px 7px;
	opacity:1;
	overflow:hidden;
	height:81px;
	width:208px;
	z-index:1;
	background:#FFFFFF url(../images/hvrBG.jpg) repeat-x 0 0;
	font-size:0.9em;
}
.grid_text h3 {
	margin-bottom:0.2em;
	}
	
.clear {
	clear:both;
	} 

	
/** END AWARDS GRID STUFF */

.clients_tbl td {
	padding:1em 0;
	}
.spcr {
	padding:0 10px;
	}
