@import url(Unstyles.css);

html {
	height: 100%;
	margin-bottom: 1px;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	/*font-size: 76%;*/
	/*font-size: 11px; */
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: #695d54 url(../Images/BackgroundPattern.png);
	color: #5d5d5d;
}

.WebsiteForm {
	
}

.Website, .FooterShadow, .LastUpdated {
	clear: both;
	margin: auto;
	height: auto;
	width: 734px;
	background: url(../Images/Background.png);
}

.Header, .Footer, .Content, .Flash, .CaseStudy, h1.Main {
	position: relative;
	margin-left: 7px;
	width: 720px;
}

.Header {
	background: url(../Images/Header.png) repeat-x;
	height: 50px;
	border-bottom: 1px solid #650606;
}

.Footer {
    height: auto;
    margin-top: 10px;
	padding: 10px 0px;
    background: #000 url(../Images/Footer2.png) repeat-x;
    color: #666;
}

    .Footer p {
        margin: 0px 10px;
        text-align: center;
    }
    
    .Footer a { color: #666; }
    .Footer a:hover { text-decoration: underline; }

.FooterShadow {
    background: url(../Images/FooterShadow.png) no-repeat;
    height: 10px;
    font-size: 0px;
}

.LastUpdated {
    overflow: hidden;
    padding-bottom: 10px;
    width: 734px;
    text-indent: 20px;
    background: none;
    font-size: 0.85em;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
}

    .LastUpdated a { color: #333; }
    .LastUpdated a:hover { text-decoration: underline; }
    
    .LastUpdated .SimpleLinks,
    .LastUpdated .Logos {
        clear: both;
        width: 100%;
    } 

    .LastUpdated .Logos {
			margin: 10px 0px;
    }
    
    .LastUpdated .Logos a {
        float: right;
        margin-right: 20px;
        height: 37px;
        background-repeat: no-repeat;
    }
    
    .Logos a:hover {
        background-position: 0px -37px;
    }
    
    .Logos a span { display: none; }
    
    a.Aimia {
        width: 63px;
        background-image: url(/Images/Aimia.png);
    }
    
    a.Microsoft {
        width: 77px;
        background-image: url(/Images/Microsoft.png);
    }

	a.NSW{
        width: 62px;
        background-image: url(/Images/government.png);
		/*background-image: url(/Images/government.gif);*/
		margin-right:0;
	}

	/*h1#DemonzLogoHeader a { text-indent: -5000px; }*/
	#DemonzLogoHeader a { text-indent: -5000px; }
	
	a.Logo {
		position: absolute;
		width: 160px;
		height: 44px;
		top: 5px;
		left: 5px;
		background-image: url(../Images/Logo.png);
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	/*
	a.Logo:hover {
		background-position: 0px -22px;
	}*/
	
	.Menu {
        width: auto;
        padding: 5px 0px;
        background: #000;		
	}

		.Menu a {
			display: block;
			float: left;
			width: auto;
			height: 1.1em;
			padding: 0px 5px;
			background-color: #000;
			/*background-image: url(../Images/VerticalDots.png);*/
			background-repeat: repeat-y;
			background-position: 100% 0%;
			color: #fff;
			line-height: 1.1em;
			font-weight: bold;
			font-size: 10px;
		}
		
		.Menu a.Last { background-image: none; }
		
		.Menu a:hover {
            text-decoration: underline;
		}
		
		.Menu a.Current {
			text-decoration: underline;
		}
		
	.Header .Menu,
	.Header .Languages {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: transparent;		
	}
	
	    .Header .Menu a {
	       padding: 0px 10px;
		   border-right: 1px solid #fff;
		   background-image: none;
		   background-color: transparent;
	    }
		
		.Header .Menu span { display: block; }		
	    .Header .Menu a.Last { border-right: none; }
		
		.Home a.Home,
		.About a.About,
		.CaseStudies a.CaseStudies,
		.Clients a.Clients,
		.Contact a.Contact,
		.Solutions a.Solutions,
		.Multimedia a.Multimedia,
		.Marketing a.Marketing { text-decoration: underline; }
		
		.Header .Languages {
			right: 10px;
			top: 1px;
			height: 1.5em;
			font-size: 0.9em;
		}
		
		.Header .Languages a {
			color: #fff;
		}
		
		.Header .Languages a:hover {
			text-decoration: underline;
		}
		
.Flash {
	border-top: 1px solid #762f2f;
	height: 120px;
	background-color: #ccc;
}		
	
h1.Main {
    height: 75px;
    line-height: 75px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-indent: 20px;
}	

    h1.Main span.Phrase1 { color: #000; }
    h1.Main span.Phrase2 { color: #cc0000; }
	
h2, h3, em.H2, em.H3 {
    margin: 10px 10px 0px;
	/*margin-left: 0px;*/
	color: #000;
}

em.H2, em.H3 {
	font-weight: bold;
	font-style: normal;
}

h1, h2, h3, em.H2, em.H3 { font-size: 1.2em; }
		
.TwoColumns	{
    clear: both;
    width: 720px;
    overflow: hidden;
}

    .ColumnA, .ColumnB {
        float: left;
        margin-left: 10px;
    }
    
    .ColumnA {
        width: 500px;
    }
            
    .ColumnB {
        width: 200px;
    }    
    
        .ColumnA h2, .ColumnA .H2 {/*em.H2*/
            margin-top: 1.0em;
            font-size: 1.1em;
			display:block;
        }
		
		.ColumnA h2.link {
        	display: inline;
		}
		
        .ColumnA p {
		    margin: 10px;
		    line-height: 1.3em;
		    color: #333;
	    }
	    
	    .ColumnA ul {
            margin-left: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
	    }
	
	    .ColumnA ul, .ColumnB ul {
		    padding-left: 1em;
		    text-indent: -1em;	        
	    }
	    
			.ColumnA a {
				color: #cc0000;
			}
			
			.ColumnA a:hover {
				text-decoration: underline;
			}
			
	    .TextSnippet {
	        clear: both;
	        margin: 10px 0px 0px;
	        padding-bottom: 10px;
	        border: 1px solid #ccc;
	        background: url(../Images/TextSnippetBox.png) 0% 100% no-repeat;
	    }
		
		.ColumnA div.LongText {
			clear: both; 
			padding-right:10px;
		}
	    
	.Snippet {
		margin: 10px 0px;
		width: 200px;
		color: #fff;
		background: #303030;
	}
	
		.Snippet h2, .Snippet h3, .Snippet em.H2, .Snippet em.H3 {
			margin: 0px;
			padding: 0px 10px 5px;
			color: #fff;
		}	
		
		.Snippet h3, .Snippet em.H3 {
			font-size: 0.95em;
			padding-bottom: 0px;
			font-weight: normal;
		}
		
		.Snippet h2 span.Emphasis,
		.Snippet em.H2 span.Emphasis { color: #cc0000; }
	
		.Snippet p {
			font-size: 0.95em;
			padding: 0px 10px 10px;
		}	
		
		.Snippet p.Centered { text-align: center; }
		
		.Snippet a {
			color: #cc0000;
			font-weight: bold;
		}		
		
		.Snippet a:hover {
			text-decoration: underline;
		}
		
		.Snippet ul, .Snippet ol {
			margin-left: 10px;
			padding: 0px 10px 10px;
		}
		
		.Snippet ol {
			margin-left: 25px;
			list-style-type: decimal;
		}
		
		p.BackToTop {
			text-align: right;
		}
		
		.SnippetHeader,
		.SnippetFooter {
			overflow: hidden;
			height: 5px;
			font-size: 1px;
		}
		
		.SnippetHeader { clear:both; background: url(../Images/SnippetHeader.gif) no-repeat; }
		.SnippetFooter { clear:both; background: url(../Images/SnippetFooter.gif) no-repeat; }	
	
#Debug { clear: both; }	

.Scroller {
    position: relative;
    overflow: hidden;
    clear: both;
    background: url(../Images/ClientScroller.png) repeat-x;
    height: 75px;
}

.Scroller span {
    position: absolute;
    width: 720px;
    height: 75px;
    background: url(../Images/ScrollerFade.png) no-repeat;
}



.Form {
	clear: both;
	overflow: hidden;
	width: 170px;
}

	.Form label, .Form input, .Form a {
		float: left;
	}
	
	.Form label { width: 60px; }
	.Form input {
		margin-left: 5px;
		border: 1px solid #474747;
		padding: 2px;
		width: 90px;
		background: #474747;
		color: #fff;
		font-size: 0.95em;
	}
	
	.Form input.Error { background:#cc0000; }
	
	.Form input.ShortField { width: 65px; }
	
	.Form a {
		margin-left: 2px;
		padding: 2px 5px;
		background: #474747;
		font-size: 0.95em;
		font-weight: bold;
		color: #666;
	}
	
	.Form a:hover { background: #cc0000; color: #fff; text-decoration: none; }




		#HeaderMenu {
			position: absolute;
			top: 10px;
			left: 100px;
			clear: both;
			float: none;
			margin-left: 7px;
			width: 720px;
			height: 20px;
				background: url(../Images/Header.png) 0 bottom repeat-x;
		}
		
			#HeaderMenu li {
				
				float: right;
				height: 20px;
				line-height: 20px;
				color: #fff;
				background: url(../Images/Header-Mini-Divider.gif) 100% 50% no-repeat;
				
			}		
			
				#HeaderMenu li a {
				  display: block;
				  padding: 0px 10px;
				  background: url(../Images/Menubar.gif) repeat-x;
				  color: #fff;
				  text-decoration: none;
				  font-weight: bold;				  
				}
				
				

				#HeaderMenu li a:hover {
					background-position: 0px -30px;
					text-decoration: underline;
				}	
				
					#HeaderMenu ul { 
						display: none; 
					}
					
					#HeaderMenu .Submenu {
						position: absolute;
						top: 70px;
						background: #f4fafa;
						z-index: 30000;
					}		
					
						#HeaderMenu .Submenu li {
							
							clear: both;
							float: none;
							margin-top: 0px;
							width: 160px;
							height: 22px;
							line-height: 22px;
							background: #000;
						}
						
						#HeaderMenu .Submenu li a {
							display: block;
							border-right: none;							
							height: 22px;
							line-height: 22px;
							color: #fff;
							background: #000;
							text-decoration: none;
						}		
						
							#HeaderMenu .Submenu a:hover {
								color: #fff;
								background: #cc0000;
								
							}		
							
		#HeaderMenu #TechnologyLi li {
		  width: 260px;
		}
			#HeaderMenu #TechnologyLi ul ul {
			  left: 200px;
			}

			#HeaderMenu #TechnologyLi ul ul li {
			  width: 250px;
			}													
		
		
/*

		#HeaderMenu {			
			position: relative;
			clear: both;
			float: none;
			width: 100%;
			height: 130px;
			background: #000 url(../Images/Menubar.gif) repeat-x;		

		}
		
			#HeaderMenu li {
				

				height: 30px;
				line-height: 30px;
				color: #fff;
				
			}		
			
				#HeaderMenu li a {
				  
				  display: block;
				  padding: 0px 20px;
				  border-right: 1px solid #b3b3b4;
				  background: url(../Images/Menubar.gif) repeat-x;
				  color: #fff;
				  text-decoration: none;
				  
				}

				#HeaderMenu li a:hover {
					background-position: 0px -30px;
				}	
				
					#HeaderMenu ul { 
						display: none; 
					}
					
					#HeaderMenu ul.Submenu {
						position: absolute;
						top: 120px;
						left: 300px;
						background: #f4fafa;
						z-index: 10000;
					}		
					
						#HeaderMenu .Submenu li {
							
							clear: both;
							float: none;
							margin-top: 0px;
							width: 160px;
							height: 22px;
							line-height: 22px;
							background: #4e5154;
						}
						
						#HeaderMenu .Submenu li a {
							display: block;
							border-right: none;							
							height: 22px;
							line-height: 22px;
							color: #fff;
							background: #4e5154;
							text-decoration: none;
						}		
						
							#HeaderMenu .Submenu a:hover {
								color: #fff;
								background: #d1520d;
								
							}		
							
		#HeaderMenu #TechnologyLi li {
		  width: 260px;
		}
			#HeaderMenu #TechnologyLi ul ul {
			  left: 200px;
			}

			#HeaderMenu #TechnologyLi ul ul li {
			  width: 250px;
			}		
			
*/

/* CSS Additions, June 2009 */
.full {
	/*width:100%;*/
	/*width:700px;*/
	width:700px;
	background:transparent;
	clear:both;
	display:inline-block;
}

.two-thirds-width {
	width:497px;/*2/3 container.width 2*10px margin*/
	float:left;
	clear:none;
}

.block {
	display:block;	
}

.clear-both {
	clear:both;	
}

.column {
	float:left;
	/*margin:10px 10px;*/
	margin:9px 9px;
	display:block;
}

.one-half-width {
	width:330px;/*1/2 container.width 2*10px margin*/
	float:left;
	clear:none;
}

.left-cell {
	/*padding-left:1px;*/
}

.right-cell {
	/**/
	border-left:none;
}

.ColumnA .one-half-width {
	width:248px;/*1/2 ColumnA.width - border*/
}

.product {
	height:160px;
	margin-top:0px;
	margin-bottom:0px;
	border-top:0px;
	display:block;
	overflow:hidden;
}

.product-description { font-size: 11px; }

.product-blurb {
	width:498px;
	border-bottom:0px;
}

.with-blocks {
	width:497px;
	border-bottom:1px solid #ccc;
}

.product-description {
	/*width:158px;*/
	width:150px;
	float:left;
	height:130px;
}

.product-description .teaser {
	/*height:80px;*/height:85px;
	display:block;
	clear:both;
	overflow:hidden;
}

.video {
	margin-top:0px;
	margin-bottom:0px;
	border-top:0px;
	display:block;
	overflow:hidden;
}

.video-container {
	width:500px;
	overflow:hidden;
}

.video-image {
	margin:0 10px;
	margin-right:15px;
	border-top:0px;
	display:block;
	float:right;
	width:200px;
}

.video-image p {
	display:inline-block;
}

.video-image p.more {
	clear:none;
}

.video-description {
	float:left;
	/*height:130px;*/
	width:275px;
	clear:none;
}

/*
.product-description .link {
	height:13px;
}
*/

p.more {
	display:block;
	clear:both;
}

/* Fixes a 1px bug on the end of product prompts and adds a bottom margin */
.ColumnA .end-prompt {
	width:249px;
	margin-bottom:10px;
}

.ColumnA .product-description P {
	margin-left:10px;
	margin-right:0px;
}

.product-image {
	width:75px;
	overflow:hidden;
	float:left;
	margin-left:5px;
}

.one-fifth-width {
	/*width:20%;*/
	width:120px;
}

.OneColumn {
	margin-bottom:10px;
	clear:both;
}

.big-product-description { 
	width:320px;
	margin-right:5px;
	/*float:left;*/
}

.big-product-image {
	width:165px;
	/*float:left;*/
}

.no-border {
	border:none;
	background:none;
}

.no-top-margin {
	margin-top:0px;
}

.no-bottom-margin {
	margin-bottom:0px;
}

.bottom-nav {
	width:700px;
	overflow:hidden;
	margin:0px 0px;
}

.bottom-nav a {
	color:#333333;
}

.bottom-nav a:hover {
	text-decoration:underline;
}

.more-services a {
	color:#fff;
}

/* End: CSS Additions, June 2009 */

/* Page specific product images */
.web-design-service {
	background:url(/Images/products/web-design-big.jpg) no-repeat center right;
}

.demonz-service {
	background:url(/Images/products/3d.png) no-repeat center right;
}

.service {
	margin-top:0px;
	/*border-top:0px;*/
}

.cms-service {
	background:url(/Images/products/cms-big.jpg) no-repeat center right;
}

.ecommerce-service {
	background:url(/Images/products/ecommerce-big.jpg) no-repeat center right;
}

.web-2-0-service {
	background:url(/Images/products/social-network-big.jpg) no-repeat center right;
}

.graphic-design-service {
	background:url(/Images/products/graphic-design-big.png) no-repeat center right;
}

.3d-service {
	/*background:url(/Images/products/graphic-design-big.png) no-repeat center right;*/
}

._3d-service .big-product-description {
	display:block;
}

._3d-page {
	float:left;
}

.directory-website-service {
	background:url(/Images/products/directory-websites-big.jpg) no-repeat center right;
}

.events-service {
	background:url(/Images/products/events-big.jpg) no-repeat center right;
}

.flash-service {
	background:url(/Images/products/flash-big.jpg) no-repeat center right;
}

.dvd-service {
	background:url(/Images/products/dvd-big.jpg) no-repeat center right;
}

.logo-design-service {
	background:url(/Images/products/logo-design-big.jpg) no-repeat center right;
}

.mobile-service {
	background:url(/Images/products/mobile-big.jpg) no-repeat center right;
}

.email-marketing-service {
	background:url(/Images/products/email-marketing-big.jpg) no-repeat center right;
}

.events-management-service {
	background:url(/Images/products/events-big1.jpg) no-repeat center right;
}

.seo-service {
	background:url(/Images/products/seo-big.jpg) no-repeat center right;
}

.smo-service {
	background:url(/Images/products/social-media-twitter-facebook.jpg) no-repeat center right;
}

.ppc-service {
	background:url(/Images/products/ppc-big.jpg) no-repeat center right;
}

.ContentSnippet {
	clear: both;
	margin: 10px 0px;
	padding-bottom: 10px;
	/*border: 1px solid #ccc;
	background: url(../Images/TextSnippetBox.png) 0% 100% no-repeat;*/
}

h1.DemonzMedia {
	background:url(/Images/demonz-media.jpg) no-repeat 20px 1px;
	padding-left:115px;
	/*width:623px;*/
	width:605px;
}

h1 a {
	color:#c00;
}

.no-wrap {
	white-space:nowrap;	
}

.ColumnA h2.Newsletters {
	display:block;
	font-size:1.1em;
	margin-top:1em;
}

.feed li {
	margin-bottom:5px;
	display:block;
	overflow:visible;
	clear:both;
}

.feed li a {
	overflow:visible;
}

.date {
	clear:both;
	display:inline-block;
	font-size:10px;
}

.fifty {
	height:50px;
}

.post h1 {
	margin:10px 10px;
}

.navigation .alignleft {
	margin-top:5px;
}

/* End: Page specific product images */

/* Old classes accessed from new places */
.CaseStudy {
	/*margin:10px 0;*/margin: 10px 0 10px 15px;
	border: 1px solid #ccc;
	/*width: 498px;*/width:702px;
	overflow:hidden;
	color: #555;
}

.ColumnA div.Image {
	float: left;
	width: 170px;
	text-align: center;
}

.Snippet a.Twitter {
	margin-left:0;
	padding-left:14px;
	/*line-height:14px;*/
	background:url(/Images/twitter_icon_dark.png) no-repeat top left;
	color:#09a4b0;
	font-size:14px;
	font-weight:800;
}

/* End: old classes accessed from new places */