body {
    color: #333333;
    margin: 0;
    padding: 0;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;    
}
html>body	{
    font-size: 12px;	
} 


h2 {
	margin: 15px 0px 10px 0px;
	padding: 0px;
	font-size: 17px;
	color: #666666;
	font-weight: bold;
}
h2.title {
	margin: 35px 0px 10px 15px;
}
h3 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

#content a:link, #content a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}

#content  a:hover, #content  a:active {
	color: #999999;
}
#pontocombo #content a:hover, #pontocombo #content a:active {
	color: #B98CB7;
	border-bottom-color: #B98CB7;	
}
#noon #content a:hover, #noon #content a:active {
	color: #FE9900;
	border-bottom-color: #FE9900;	
}
#melissa #content a:hover, #melissa #content a:active {
	color: #FF3399;
	border-bottom-color: #FF3399;	
}
#tone #content a:hover, #melissa #content a:active {
	color: #FF3399;
	border-bottom-color: #FF3399;
}
.node-home #content img {
	/*padding-left: 0px !important;
	padding-left: -3px;*/
	margin-left: -3px !important;
	margin-left: 0px;
	border: none;
}

/*
#adminmenu {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #000000;
	background-color: #ffffff;
	text-align: left;
}
#adminmenu ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
}
*/

/**********************************/
/* frame                          */
/**********************************/
#framecenter {
	width: 100%;
	text-align: center;
}

#frame {
	width: 755px;
	margin: 5px auto;
	border: 1px solid #cccccc;
	text-align: left;	
}

/**********************************/
/* frame header                   */
/**********************************/
#frameheader {
	height: 56px;
	width: 755px;
	background: #ffffff url(img/home_logo.jpg) 7px 13px no-repeat;
}
#pontocombo #frameheader {
	background: #ffffff url(img/pontocombo_logo.jpg) 10px 7px no-repeat;
}
#noon #frameheader {
	background: #ffffff url(img/noon_logo.jpg) 10px 10px no-repeat;
}
#tone #frameheader {
	background: #ffffff url(img/tone_logo.jpg) 10px 10px no-repeat;
}
#melissa #frameheader {
	background: #ffffff url(img/melissa_logo.jpg) 10px 12px no-repeat;
}

#frameheadertitle {
	display: none;
}

#frameheaderlinks {
	float: right;
	width: 30%;
	margin: 35px 10px 0 0;
	text-align: right;
}
#frameheaderlinks a {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
#frameheaderlinks a:hover {
	color: #999999;
}

/**********************************/
/* frame sub header               */
/**********************************/
#framesubheader {
	height: 23px;
	background: #000000;
	color: #ffffff;
}
#framesubheadertone {
	height: 23px;
	background: #000000 url(img/background_logo_voice.jpg) no-repeat;
	color: #ffffff;
}

#framesubheaderlinks {
	float: right;
	width: 70%;
	margin: 2px 10px 0 0;
	text-align: right;	
}
#framesubheaderlinks a {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
#framesubheaderlinks a.link-pontocombo:hover, #framesubheaderlinks a.link-pontocombo-selected {
	color: #B98CB7;
}
#framesubheaderlinks a.link-noon:hover, #framesubheaderlinks a.link-noon-selected {
	color: #FE9900;
}
#framesubheaderlinks a.link-tone:hover, #framesubheaderlinks a.link-tone-selected {
	color: #CB0066;
}
#framesubheaderlinks a.link-melissa:hover, #framesubheaderlinks a.link-melissa-selected {
	color: #FF3399;
}


/**********************************/
/* frame banner                   */
/**********************************/
#framebanner {
	height: 0px;
	padding: 0px;
	border: 0px;
}

#pontocombo #framebanner {
	height: 80px;
	background: url(img/pontocombo_banner.jpg) 0px 0px no-repeat;
}
#melissa #framebanner {
	height: 80px;
	background: url(img/melissa_banner.jpg) 0px 0px no-repeat;
}
#noon #framebanner {
	height: 80px;
	background: url(img/noon_banner.png) 0px 0px no-repeat;
}

#tone #framebanner {
	height: 80px;
	background: url(img/tone_banner.png) 0px 0px no-repeat;
}


/**********************************/
/* frame centre                   */
/**********************************/
#framecentre {
}

#framecontainer {
	float: right;
	width: 564px;
}

.node-home {
	height: 313px;
}

#pontocombo #framecontainer {
	background: url(img/pontocombo_subbanner.jpg) 15px 10px no-repeat;
}
#noon #framecontainer {
	background: url(img/noon_subbanner.png) -3px 0px no-repeat;
}
#tone #framecontainer {
}
#melissa #framecontainer {
	background: url(img/melissa_subbanner.jpg) 15px 10px no-repeat;
}


/**********************************/
/* frame menu                     */
/**********************************/

#framemenu {
	float: left;
	width: 187px;
	
}

#framemenu a {
}

#framemenu a.home-pontocombo {
	display: block;
	height: 107px;
	border-bottom: 1px dashed #cccccc;
	background: url(img/pontocombo_menu.jpg) 0px 0px no-repeat;
}
#framemenu a.home-pontocombo:hover {
	background: url(img/pontocombo_menu.jpg) 0px -107px no-repeat;
}
#framemenu a.home-noon {
	display: block;
	height: 104px;
	border-bottom: 1px dashed #cccccc;
	background: url(img/noon_menu.jpg) 0px 0px no-repeat;
}
#framemenu a.home-noon:hover {
	background: url(img/noon_menu.jpg) 0px -104px no-repeat;
}
#framemenu a.home-melissa {
	display: block;
	height: 100px;
	border-bottom: 1px dashed #cccccc;
	background: url(img/melissa_menu.jpg) 0px 0px no-repeat;
}
.node-home #framemenu  a.home-melissa {
	border-bottom: none;
}
#framemenu a.home-melissa:hover {
	background: url(img/melissa_menu.jpg) 0px -100px no-repeat;
}


#framemenu a.home-792 {
	display: block;
	height: 100px;
	border-bottom: 1px dashed #cccccc;
	background: url(img/792_menu.jpg) 0px 0px no-repeat;
}
.node-home #framemenu  a.home-792 {
	border-bottom: none;
}
#framemenu a.home-792:hover {
	background: url(img/792_menu.jpg) 0px -100px no-repeat;
}

#framemenu a.home-tonevoice {
	display: block;
	height: 100px;
	border-bottom: 1px dashed #cccccc;
	background: url(img/voice_po.jpg) 0px 0px no-repeat;
}
.node-home #framemenu  a.home-tonevoice {
	border-bottom: none;
}
#framemenu a.home-tonevoice:hover {
	background: url(img/voice_po.jpg) 0px -100px no-repeat;
}



/**********************************/
/* frame side menu                */
/**********************************/

#framesidemenu {
	float: left;
	width: 187px;
}

#framesidemenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 10px;
}
#framesidemenu li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dashed #cccccc;
}
#framesidemenu li a {
	display: block;
	padding: 8px 5px;
	color: #999999;
	font-size: 12px;
	text-decoration: none;
}

#framesidemenu li a:hover, #framesidemenu li.cmf-menuh-sub-selected, #framesidemenu li.cmf-menuh-selected, #framesidemenu li a.cmf-menu-selected {
	background-color: #eeeeee ;
	font-weight: bold;
}
#pontocombo #framesidemenu li a:hover, #pontocombo #framesidemenu li.cmf-menuh-sub-selected, #pontocombo #framesidemenu li.cmf-menuh-selected, #pontocombo #framesidemenu li a.cmf-menu-selected {
	background-color: #f2e8f1;
	font-weight: bold;
}
#noon #framesidemenu li a:hover, #noon #framesidemenu li.cmf-menuh-sub-selected, #noon #framesidemenu li.cmf-menuh-selected, #noon #framesidemenu li a.cmf-menu-selected {
	background-color: #ffeed2 ;
	font-weight: bold;
}
#melissa #framesidemenu li a:hover, #melissa #framesidemenu li.cmf-menuh-sub-selected, #melissa #framesidemenu li.cmf-menuh-selected, #melissa #framesidemenu li a.cmf-menu-selected {
	background-color: #fed7ec ;
	font-weight: bold;
}



#framesidemenu ul ul {
	padding-bottom: 5px;

}
#framesidemenu ul ul li {
	margin: 0px 10px; 
	padding: 0px;
	border: none;
	font-weight: normal;
}
#framesidemenu ul ul li a {
	display: block;
	padding: 2px 5px;
	color: #999999;
	font-size: 11px;
	text-decoration: none;
}
#framesidemenu ul ul li a:hover ,#framesidemenu ul ul li a.cmf-menu-selected {
	font-weight: bold;
}




/**********************************/
/* frame content                  */
/**********************************/

#content {
	/*background-color: #ff0000;*/
	padding: 15px;
}
#framecontentclear, #framecontainerclear, #framecentreclear {
	clear: both;
}

#pontocombo #framecentre {
	background: url(img/pontocombo_watermark.jpg) bottom right no-repeat;
}
#noon #framecentre {
	background: url(img/noon_watermark.jpg) bottom right no-repeat;
}

.node-home #content {
	padding: 0px;
}

/*.node-melissa_contact #content {
	background: url(img/melissa_contact.jpg) bottom right no-repeat;
	height: 502px;
}*/

#sidepic {
	width: 215px;
	margin: 25px 10px 10px 10px;
	float: right;
}
#sidepiclegend {
	text-align: center;
	width: 200px;
	margin: 3px;
	font-size: 11px;
}
#pontocombo #sidepiclegend {
	color: #B98CB7;
}
#noon #sidepiclegend {
	color: #FE9900;
}
#melissa #sidepiclegend {
	color: #666666;
}


/**********************************/
/* frame footer                   */
/**********************************/
#framefooter {
	clear: both;
	/*height: 138px;*/
	border-top: 1px solid #cccccc;
	padding: 0px;
}
#framefooterrigth {
	float: right;
	width: 567px;
	margin-top: -1px;
	background-image:;
}

.demo_box{
	float:left;
	width:176px;
	height:122px;
}

.demo_box a{
	display: block;
	height:122px;
	background: url(img/tv.jpg) 0px 0px no-repeat;
}
#framemenu a.home-pontocombo:hover {
	background: url(img/pontocombo_menu.jpg) 0px -107px no-repeat;
}

.support_box{
	float:left;
	width:168px;
	height:122px;
	border-right: 1px solid #ccc;
}

#slideshow_box{
	float:left;
	border-right: 1px solid #ccc;
	height:122px;
	width:220px;
}

#they_trust_us {
	color: #666666;
	font-size:14px;
	font-weight:bold;
	background-color: #fff;
	padding-top: 20px;
	padding-left:10px;
	text-align:left;
	line-height: 1px;
	margin-bottom: 10px;	
}

#lastprojects {
	margin: 0px;
	padding: 2px 10px;
	background-color: #cccccc;
	color: #ffffff;
	font-size: 14px;
	width: 120px;
}

#framefooterleft {
	float: left;
	width: 140px;
	padding: 10px 0px 10px 10px;
}
#framefooterleft h4 {
	color: #666666;
	margin: 2px 0px;
	padding: 0px;
	font-size: 14px;
}
#framefooterleft a {
	display: block;
	height: 20px;
	width: 150px;
	padding: 3px 0px 0px 25px;
	margin-top: 4px;
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}
#framefooterleft a.tool-newsletter {
	background: url(img/icon1.jpg) 0px 0px no-repeat;
}
#framefooterleft a.tool-blog {
	background: url(img/icon4.jpg) 0px 3px no-repeat;
}

#framefooterleft a.tool-news {
	background: url(img/icon2.jpg) 0px 0px no-repeat;
}
#framefooterleft a.tool-contact {
	background: url(img/icon3.jpg) 0px 0px no-repeat;
}
#framefooterleft a:hover {
	color: #666666;
}
#framefooterspacer {
	clear: both;
}
#footer {
	color: #bbbbbb;
	font-size: 80%;
}
#footer a {
	color: #999999 !important;
	text-decoration: none;
}
#footer a:hover {
	color: #666666 !important;
}

/**********************************/
/* general elements               */
/**********************************/
table, tr, td {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;    
    font-family: verdana, arial, sans-serif;
    font-size: 12px; 
}
td.left {
    padding-right: 5px;
}
td.right {
    padding-left: 5px;
}
.left {
    padding-right: 10px;
    float: left;
}
.right {
    padding-left: 10px;
    float: right;
}
span.left {
    padding-right: 10px;
    float: left;
}
span.right {
    padding-left: 10px;
    float: right;
}

input, select, textarea, button { 
    color:#000000; 
    background-color:#EEEEEE; 
    font-size:.9em; 
    font-family: arial, sans-serif; 
    text-decoration:none;
    border-bottom: 1px solid #FFFFFF; 
    border-right: 1px solid #FFFFFF; 
    border-left: 1px solid #BBBBBB; 
    border-top: 1px solid #BBBBBB;	
    padding: 1px; 
} 

input.submit, input[type=submit], button { 
    border-bottom: 1px solid #BBBBBB; 
    border-right: 1px solid #BBBBBB; 
    border-left: 1px solid #FFFFFF; 
    border-top: 1px solid #FFFFFF;	
} 
.warning {
    color: #FF0000;
    font-style: italic;
}
div.warning h1, div.warning h2, div.warning h3, div.warning h4, div.warning h5, div.warning h6 {
    font-weight: bold;
    color: #FFFFFF !important;
}
hr {
    border-top: 1px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 4px;
    margin: 15px 0px 5px 0px;
}

#homenews {
	margin-left: 15px;
}
#homeslide{
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:0;
}
.homenews-pic {
	float: left;
	margin: 5px 10px 5px 10px;
	width: 180px;
}
.news-pic {
	float: left;
	margin: 5px 10px 5px 10px;
	width: 160px;
}
.news-clear {
	clear: both;
}
.partner-pic {
	float: right;
	margin: 5px 0px 10px 10px;
}
.partner-clear {
	clear: both;
}

/**********************************/
/* CMF : gallery                  */
/**********************************/
.cmf-gallery-item {
	width: 50px;
	height: 50px;
	margin-right: 8px;
}
.cmf-gallery-line {
}
.cmf-gallery-item a {
	border: 0px !important;
	text-decoration: none;
}
.cmf-gallery-oneitem {
	margin-top: -15px;
	margin-bottom: 30px;
}
.cmf-gallery-oneitem img {
	padding: 20px;
	border: 3px solid #999999;
}
.cmf-gallery-oneitem-legend {
	color: #999999;
}

/**********************************/
/* CMF : tables                   */
/**********************************/
table.cmf-list {
}
table.cmf-highlight tr td:hover {
    border: #CCCCCC dotted 1px;
}
td.cmf-top { 
    color: #000000; 
    background-color: #cccccc; 
}
td.cmf-nav { 
    color: #CCCCCC; 
    background-color: #ffffff; 
}
td.cmf-line { 
    color: #CCCCCC; 
    background-color: #ffffff; 
}
td.cmf-linesep { 
    color: #CCCCCC; 
    background-color: #ffffff; 
}
td.cmf-line1 { 
    color: #000000; 
    background-color: #ffffff; 
}
td.cmf-line2 { 
    color: #000000; 
    background-color: #fefefe; 
}

td.cmf-right {
    color: #000000; 
    font-size: .9em; 
}
span.cmf-compulsory {
    color: #FF9999;
}
td.cmf-left {
    color: #000000; 
    font-size: .9em; 
}
td.cmf-break { 
    color: #CCCCCC; 
    background-color: #EEEEEE; 
    border-bottom: #999999 solid 1px;
}
td.cmf-sep { 
    color: #003300; 
    background-color: #F6F6F6; 
}
td.sep h4 {
    background-color: #CCCCCC; 
}
td.cmf-bottom {
    color: #000000; 

}


/**********************************/
/* CMF : forms                   */
/**********************************/
form.cmf-form input, form.cmf-form select, form.cmf-form textarea, a.cmf-actionbutton { 
	color:#000000; 
	background-color:#EEEEEE; 
	border-bottom: 1px solid #FFFFFF !important; 
	border-right: 1px solid #FFFFFF; 
	border-left: 1px solid #BBBBBB; 
	border-top: 1px solid #BBBBBB;	
} 

form.cmf-form input.cmf-submit, button, form.cmf-form input[type=submit], a.cmf-actionbutton { 
	border-bottom: 1px solid #BBBBBB !important; 
	border-right: 1px solid #BBBBBB; 
	border-left: 1px solid #FFFFFF; 
	border-top: 1px solid #FFFFFF;	
	text-decoration: none;
} 
form.cmf-form textarea.cmf-small {
}
form.cmf-form textarea.cmf-medium {
}
form.cmf-form textarea.cmf-large {
}
form.cmf-form textarea.cmf-full {
}

a.cmf-actionlink, a.cmf-actionlink:visited { 
	background-color: #fefefe; 
	border-top: 1px dotted #CCCCCC; 
	border-left: 1px dotted #CCCCCC; 
	border-bottom: 1px dotted #CCCCCC; 
	border-right: 1px dotted #CCCCCC; 
	text-decoration: none;
} 
a.cmf-actionlink:hover, a.cmf-actionlink:active { 
	color: #000000; 
	border-top: 1px solid #999999; 
	border-left: 1px solid #999999; 
	border-bottom: 1px solid #999999 !important; 
	border-right: 1px solid #999999; 
	text-decoration: none;
} 
/**********************************/
/* CMF : messages                */
/**********************************/
.cmf-actiondiv {
}

.cmf-messages {
    color: #669966; 
    border: 1px dotted #bfbfbf; 
}
.cmf-errors {
    color: #CC6666; 
    border: 1px dotted #bfbfbf; 
}
.cmf-confirmation {
    border: 1px solid #bfbfbf; 
}
.cmf-confirmationbuttons {
}
.cmf-confirmationbuttons a.cmf-actionbutton {
}
.cmf-confirmationbuttons input {
}
.cmf-confirmationtitle {
}
.cmf-confirmationbox {
}