@import url(Common.css);

.ClientContainer {
	/*padding-top: 10px;*/
	margin:0px 2px; /* 0px 10px;   */
	padding:0px 0px 0px 0px;
    clear: both;
    clear: both;
 }

	ul {
		overflow: hidden;
		width: 98%;
		clear: both;
		margin:2px 0px 2px 0px;
		/*padding-top: 10px;*/
		/*margin: 0px 20px;*/
	}
	
	li {
		display: block;
		float: left;
		margin: 0px 1px 0px 1px;
		width: 100px;
		height: 100px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
		li span {
			display: none;
		}
		
    li.Default { border: 1px solid #ccc; }
    li.Over { border: 1px solid #000; }
		
	li.BBQ { background-image: url(../Images/bbq.png); }
	li.Etrade { background-image: url(../Images/etrade.png); }
	li.CityRail { background-image: url(../Images/cityrail.png); }
	li.Telstra { background-image: url(../Images/telstra.png); }
	li.Lastminute { background-image: url(../Images/lastminute.png); }
	li.sydneywildlife { background-image: url(../Images/sww.png); }
	
	
    h2, h3, .Client p {
        margin: 10px 10px 0px;
    }

    h3 {
        margin-top: 0px;
		font-size: 1.1em;
        color: #cc0000;
    }

	h3 { 
		padding:5px 0px 3px 0px;
		background-position: 0px 5px;
		background-repeat: no-repeat;
	}
    
		h3 span { display: none; }
    
    .Client p {
        margin-top: 0px;
		margin-bottom: 0px;
		width: 90%;
        font-size: 0.95em;
    }
	
		.Client p.Link {
			padding: 10px 0px;
			padding-bottom: 5px;
		}
		
		.Client p.Link span {
		}
		
		.Client p.Link a {
			margin: 10px 4px;
			color: #000;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		.Client p.Link a:hover {
			text-decoration: underline;
		}	

		
	.FeaturedLink {
		margin: 10px 0px;
		width: 190px;
		border: 1px solid #eee;
		background: #fff;
	}		

		.FeaturedLink h2 {
			margin: 0px;
			padding: 5px;
			font-size: 0.95em;
			background: #eee;
		}
		
		.FeaturedLink p {
			font-size: 0.95em;
			padding: 5px;
		}
		
		.FeaturedLink a {
			color: #cc0000;
		}
		
		.FeaturedLink a:hover {
			text-decoration: underline;
		}
	
div.Description {
    visibility: hidden;
    top: 0px;
    position: absolute;
    width: 300px;
}

    div.DescriptionHeader {
        height: 10px;
        background: url(../Images/ClientDescriptionHeader.png) no-repeat;
        font-size: 1px;
    }	

    div.DescriptionContent {
        background: url(../Images/ClientDescriptionContent.png) repeat-y;
        color: #ccc;
        padding: 5px 20px;
    }	
    
        div.DescriptionContent a {
            color: #cc0000;
            font-weight: bold;
        }
        
        div.DescriptionContent a:hover {
            text-decoration: underline;
        }
        
        div.DescriptionContent strong {
            display: block;
            font-size: 1.2em;
        }
        
    div.DescriptionFooter {
        height: 30px;
        background: url(../Images/ClientDescriptionFooter.png) no-repeat;
        font-size: 1px;
    }	

div.ClientData { clear: both; display: none; }

.heading {
color:#834FFF;
font-size: 1.2em;
}

.about_us_h1 {
font-size:24px;
}

.about_us_h2 {
font-size:16px;
color:#666666;
padding:0px;
margin:0px;
}