﻿@import url("Unstyles.css");


body {
    margin: 5px 0px;
	background:#fff; 
    font: normal normal normal 11px/13px Arial, Verdana, Tahoma;
}

.WebsiteForm {
}

.WebsiteContainer {
    position: relative;
	border: 1px solid #eee;
    margin: auto;
    width: 786px;
    background: #fff;
}

.WebsiteHeaderDeco {
    height: 16px;
    background: #fff;
}

.WebsiteFooterDeco {
    height: 8px;
    background: #fff; 
}


.Website {

    padding: 0px 16px;
    width: 754px;
    background: #fff;
}

    
    .Header {
        overflow: hidden;
        height: 60px;
        background: #fff;
    }
    
        .Logo {
            margin: 1px 53px 14px 31px;
            width: 122px;
            height: 51px;
            background: transparent url(../Images/PlenariLogo.png) no-repeat;
        }
        
        .Menu,
        .Logo {
            float: left;
            height: 85px;
        }
        
        .Menu {
            margin-top: 15px;
            height: 28px;
            line-height: 28px;

        }
        
            .Menu li {
                float: left;
                padding: 0px 4px;
                border-right: 1px solid #e31836;
                font: normal normal bold 11px/28px Arial, Verdana, Tahoma;
                text-transform: uppercase;
            }
            
            .Menu li.Last { border-right: none; }
            
                .Menu a { color: #e31836; }
                .Menu a:hover { color: #7b858a; }
                
            .Menu .Selected a { color: #7b858a; }

    .Banner {
        margin-left: 12px;
        width: 726px;
        height: 165px;
    }
	
		.Banner object {  }    
		.Banner img { display: block; }

    .Flowchart {
		position: relative;
		
		margin-bottom: 10px;
		margin-left: 9px;
		height: 27px;
        background: #fff;
    }
    
		.Flowchart a {
		    display: block; 
		    position: absolute;
		    height: 27px;
		    background-position: 0px 0px;
		    background-repeat: no-repeat;
			cursor: default;
        }
        
        .Flowchart a:hover {
            background-position: 0px -27px;
        }
        
        .Flowchart a.Questionaire {
            left: 0px;            
            width: 197px;
            background-image: url(../Images/Flowchart_Questionaire.png);
        }

        .Flowchart a.Collection {
            left: 197px;
            width: 180px;
            background-image: url(../Images/Flowchart_Collection.png);
			cursor: pointer;			
        }

        .Flowchart a.Transformation {
            left: 377px;
            width: 179px;
            background-image: url(../Images/Flowchart_Transformation.png);
        }
        
        .Flowchart a.Analysis {
            left: 556px;
            width: 177px;
            background-image: url(../Images/Flowchart_Analysis.png);
        }
        
    .Content {
        overflow: auto;
        width: 754px;
    }
    
        .Left, .Right {
            float: left;
            position: relative;
        }
        
        .Left {
            margin-left: 9px;
            width: 457px;
        }
        
            h1, h2 { color: #fff; text-transform: uppercase;  }
            p { color: #6f6465; }
            li { color: #6f6465; }
            
            .Left h1, .Left p, .Right p, .Right h1, .Left h2, .Right h2, .Left h3 {
                padding: 0px 15px;
            }

            .Left h1, .Right h1 { 
				padding-right: 5px; 
				border-bottom: 1px solid #ccc;
			}
			
            .Left h1, .Right h1 {
                height: 28px;
                line-height: 28px;
                font-size: 14px;
            }
            
            .Left h2, .Left h1 {
                margin: 0px 24px 5px;
				padding: 0px 0px 3px;
                height: 25px;
                color: #7b858a;
                line-height: 25px;
                font-size: 14px;
            }


            .Left h3 {
                height: 20px;
                line-height: 20px;
                color: #d00d2c;
                padding: 5px 0px 10px 24px;
            }
			
			.Left h3.First { margin-top: 15px; }
            
            .Left p, .Right p {
                font-size: 11px;
                line-height: 16px;
                padding-bottom: 10px;
            }
			
			.Left p {
                margin-left: 10px;
			}
			
			    .Left p a { color: #d00d2c; }
			    .Left p a:hover { text-decoration: underline; }

			
            .Left ul {
                width: 90%;
                margin-left: 20px;
                padding-bottom: 0px;
            }
            
                .Left li {
                    list-style: url(../Images/Bullet.png);
                    margin-left: 30px;
                    margin-bottom: 10px;
                }
				
				.Left ul.AdvatagesList li {
					margin-left: 45px;
				}
					
					.Left li.Tab { margin-left: 60px; list-style: none none; }
				
					.Left li strong { color: #d00d2c; }
					
					.Left li a { color: #cc0000; }
					.Left li a:hover { text-decoration: underline; }				
				
            .Left ul.List {
            	width: 90%;
				margin-left: 20px;
			}
			
			.Left ul.List li {
				margin-left: 10px;
				padding-left: 0px;
				list-style: none;
				list-style-image: none;
				clear: both;
			}
				.Left ul.List li a,
				.Left ul.List li span,
				.Left ul.List li em {
					display: table-cell;
				}
				
				.Left ul.List li em { width: 20px; background: url(../Images/Bullet.png) 0px 2px no-repeat;}
				.Left ul.List li a { width: 100px;  }
				.Left ul.List li span { width: 240px;  }
				
				.Left ul.ListDataCollection li a { width: 70px; }
				.Left ul.ListDataCollection li span {  width: 270px; }
				
			.Left .Quote {
                margin: 0px 24px 10px 24px;
                border-bottom: 1px solid #b1b6b8;
                padding: 10px 0px 10px 0px;
                font-size: 12px;
                line-height: 16px;
                font-weight: normal;
                color: #707276;
            }
			
            .LeftFooter {
                overflow: hidden;
                height: 6px;
                background: url(../Images/LeftFooter.png) no-repeat;
            }
            
            .Left .Deco {
                overflow: hidden;
                margin: 0px 3px 0px 4px;
                border-top: 1px solid #83878a;
                border-bottom: 1px solid #fff;
                height: 6px;
                background: #cbd1d4;
            }
            
            .QuestionaireDesign .Left .Deco { background: #f8d0c5; }
            .DataCollection .Left .Deco { background: #ecab9d; }
            .DataProcessing .Left .Deco { background: #ee8a7b; }
            .DataAnalysis .Left .Deco { background: #e31937; }
            
        .Right {
            margin-left: 2px;
            width: 273px;
        }
        
            .Section {
                clear: both;
                margin-bottom: 3px;
            }
            
            .Top p {
                padding: 0px;
                padding-left: 3px;
                height: 200px;
            }
			
			.TopMost { margin-top: 0px; height: 180px; }
            
            .Right h1 {
                background: none;
            }
			
			.Right h1 span { display: none; }
			
			.Right h1.Buzzwords {
				background: url(../Images/Header_Buzzwords.png) no-repeat;
			}

            
            .RightFooter {
                overflow: hidden;
                height: 10px;
                background: url(../Images/RightFooter.png) no-repeat;
            }
            
            .Right .Deco {
                clear: both;
                overflow: hidden;
                margin: 0px 4px 0px 3px;
                border-top: 1px solid #9ea2a5;
                border-bottom: 1px solid #d5dadd;
                height: 6px;
                background: #cbd1d4;
            }
			
			.Right div.Package {
				padding-top: 29px;
			}
			
			.Right div.Package img {
            	padding: 20px;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc
			}
			
			.Right h3 { clear: both; margin-top: 10px; color: #cc0000; }
			.Right .Thumbnails {
            	margin: 5px 15px 10px;
				width: 210px;
			}
			
			.Right .Thumbnails a { 
				float: left; 
				display: block; 
				margin-bottom: 5px;
				margin-right: 10px; 
				width: 65px; 
			}
			
			.Right p a { color: #cc0000; }
			.Right p a:hover { text-decoration: underline; }
			
			.News { margin-top: 30px; }
			
			.News img {
				margin-left: 10px;
			}
			
    .Footer {
        margin-top: 10px;
		clear: both;
        background: #d00d2c;
        border-width: 0px 16px 10px 12px;
        border-style: solid;
        border-color: #fff;
        border-top: none;
    }
    
        .FooterMenu {                
            text-align: center;
        }
        
        .FooterMenu li {
            display: inline; 
            padding: 0px 4px;
            border-right: 1px solid #fff;
            font: normal normal bold 11px/28px Arial, Verdana, Tahoma;
            text-transform: uppercase;
        }
        
        .FooterMenu li.Last { border-right: none; }
        
        .Footer a { color: #fff; font-weight: bold; }
        .Footer a:hover { text-decoration: underline; }                
        
        .Footer p { padding: 0px 10px; color: #fff; text-align: center; }
        .Footer p.Info { text-align: center; padding-bottom: 15px;  }
        
        
.Dummy4 img { display: block; margin-left: 5px; }        


    .DropdownMenu {
        position: absolute; 
        top: 265px;
    }
    
    .DropdownMenu a {
        position: relative; 
        display: none;
        border-top: 1px solid #fff;
        width: 147px;
        height: 25px;
        line-height: 25px;
        
        color: #fff;
        padding-left: 26px;
        font-weight: bold;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		
    }
    
	.DropdownMenu a.DataProcessingPID {
		line-height: 16px;
		height: 32px;
		padding-bottom: 3px;
		padding-top: 3px;
	}
    
    div.QuestionaireDesign { left: 27px; }
    div.DataCollection { left: 207px; }
    div.DataProcessing { left: 387px; }
    div.DataAnalysisAndReporting { left: 567px; }
    
    .QuestionaireDesign a.QuestionaireDesign ,
    .DataCollection a.DataCollection,
    .DataProcessing a.DataProcessing,
    .DataAnalysisAndReporting a.DataAnalysisAndReporting    { display: block; }
    
    .DropdownMenu a.QuestionaireDesign {
        background-color: #f6c4b7;
    }
    
    .DropdownMenu a.DataCollection {
        background-color: #e79888;
    }
    
    .DropdownMenu a.DataProcessing {
        background-color: #e77d6d;
    }
    
    .DropdownMenu a.DataAnalysisAndReporting {
        background-color: #db0d24;
    }        

    .DropdownMenu a:hover { background-image: url(../Images/DropdownBullet.png);  }

.Demonz { margin-left: 600px; display: none; }
.Demonz, .DemonzText a {
	color: #eee;
	font-size: 9px;
}

.DemonzText a:hover { color: #cc0000; }

.DemonzBanner a { 
	display: block;
	margin-left: -2px;
	width: 100px;
	height: 25px;
	background-image: url(../Images/Demonz.png);
	background-repeat: no-repeat;
}

.DemonzBanner a:hover { background-position: 0px -25px; }

#TopSection { height: 210px; }

/*

Last modified: 28th Sep 2006 / Developed by demonz media 

*/
