/* CSS Document */

body { background-image:url(../images/bg.gif);
background-repeat:repeat-x;
background-color:#d3e3bf;
 }

#container { 
		width: 980px; 
		margin:0 auto 0;
		background-color:#d3e3bf;
		margin-top: -10px;
		padding-top: 10px;
		}
		
		
/* Header */
#header {
		height: 170px; 
		width: 100%;
		margin:0 auto 0;
		background-image:url(../images/headerbg.png);
		background-repeat: repeat-x;
		background-position:top;
		position:relative;
		z-index:10;
	}
	
	#headercontent { 
		margin:0 auto 0;
		padding-top: 3px;
		width: 980px;
		height:170px;
	 }
	

/* Content */
	#content { 
		margin-top: -50px;
		padding-top: 80px;
		width: 980px;
		min-height:350px;
		box-shadow:0 0 10px #cfddbb;
		-webkit-box-shadow:0 0 10px #cfddbb;
		-moz-box-shadow:0 0 10px #cfddbb;
		background-color:#FFF;
	 }
	 
/* Content2 */
	#content2 { 
		margin-top: -30px;
		padding: 20px;
		width: 940px;
		min-height:300px;
		background-image:url(../images/contentbg.gif);
		background-position: 0 -80px;
		background-repeat:repeat-x;
		background-color:#ecf4e2;
	 }
	 
	 #website, #graphic, #video{
		 width: 24%;
		 min-height: 317px;
		 float: left;
		 padding-right: 12px; 
		 background-image: url(../images/servicediv.png);
		 background-position: 225px 0;
		 background-repeat:no-repeat;
	 }
	 
	  #branding{
		 width: 24%;
		 min-height: 305px;
		 float: right;
	 }

	 
	 
	 #websitepromo, #graphicpromo, #videopromo, #brandingpromo {
		  padding-bottom: 5px; 
		  min-height: 170px;
		  }
		  
	 .intro { margin-left: 200px; margin-top: -20px; }

/* Footer */		
	#footer {
		width: 100%;
		background-image:url(../images/footerbg.png);
		background-repeat: repeat-x;
		background-position:top;
		margin-top: -85px;
	}
		
	#footercontent {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 80px;
	}
	
	#leftclouds {
		width: 367px;
		height: 123px;
		display:block;
		background-image:url(../images/leftclouds.png);
		margin-left:-400px;
		bottom: 350px;
		position:fixed;
		float: left;
		}
	#rightclouds {
		width: 392px;
		height: 197px;
		display:block;
		background-image:url(../images/rightclouds.png);
		margin-left:1050px;
		bottom: 350px;
		position:fixed;
		}
		
	
		#footerlinks {
			-moz-border-radius: 10px;
			border-radius: 10px;
			border: 2px solid #484848;
			width: 700px;
			background-color: #484848;
			padding: 10px 0 0 0;
			margin: 40px 0 0 20px;
			float: left;
			}
				
			.footlink {
				display: block;
				float: left;	
				list-style:none;
				margin-left: 20px;
				color: #7a7a7a;	
				font-size: 10px;	
				}
				
			.footlink ul{
				display: block;
				float: left;		
				}
				
				
		#footertwitter {
			-moz-border-radius: 10px;
			border-radius: 10px;
			border: 2px solid #484848;
			width: 200px;
			background-color: #484848;
			padding: 10px 0 0 10px;
			margin: 40px 20px 0 20px;
			float: right;
			min-height: 145px;
			}
			
			#footertwitter p {color: #CCC;}

		.twitterbird {
			display:block;
			width: 170px;
			height: 39px;
			padding: 10px;
			background-image:url(../images/twitterbird.png);
			background-repeat: no-repeat;
			background-position: -30px 0;
			margin-top: -51px;
			font-size:18px;
			}


		.quicklinks {
			display:block;
			width: 360px;
			height: 20px;
			padding: 10px;
			background-image:url(../images/chargecharacter.png);
			background-repeat: no-repeat;
			background-position:top;
			margin-top: -100px;
			font-size:18px;
			padding-top: 60px;
			}
			
		#termscritter {
			background-image:url(../images/terms.png);
			background-repeat: no-repeat;
			background-position:top;
			display:block;
			width: 98px;
			height: 74px;
			float: right;
			margin-right: -50px;	
			margin-top: -30px;		
			}
			

#copyright {float: left; width: 700px; padding: 10px 0 0 20px;}
#standardlinks {float: right; width: 210px; padding: 10px 10px 0 0; margin-right: 20px; text-align:right;}

/*--- PROMO HEADER ---*/

#promoblock1, #promoblock2, #promoblock3, #promoblock4 {width: 940px; height: 300px;}
#myslides { margin: 0 20px 0 20px; width: 980px;  background-image:url(../images/slider.png); background-repeat:no-repeat; background-position: bottom;}
#promonav { display: block; width: 200px; float: right;  margin-top: -30px; position: relative; z-index:10;}


#promonav a {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 0 2px 0 0;
	background: url('../images/promonav.gif') no-repeat -20px 0;
	text-indent: -6000px;
}

#promonav a:hover, div#promonav a.activeSlide  { background-position: 0 0; }


/* Rules for other items */		


	.spacer{
		clear:both;
		margin:0;
		padding:0;
		}


.footer {
	clear: both;
	}

/* Portfolio Pages */

#folio-container {
	width: 920px; 
	height: 550px; 
	overflow: hidden; 
	margin-left: auto; 
	margin-right: auto;
	background-image: url(assets/templates/digibug/images/foliobg.jpg);
	background-repeat:no-repeat;
	}
#folio-header {
	width: 910px;
	padding: 10px 0 0 30px;
	}
	
#folio-header hr {
	border-top-width: 1px; 
	border-top-style: dotted; 
	border-top-color: #666; 
	border-right-style: none; 
	border-bottom-style: none; 
	border-left-style: none; 
	margin: 15px 0 15px 0;
	width: 95%;
	}
#folio-left {
	width: 420px; 
	float: left; 
	padding: 0 20px 0 30px;
	}
	
	.folio-client {
	float: right;
	margin-top: -65px;
	margin-right: 90px;	
	text-align: right;
	line-height: 14px;
	}
	
#folio-left blockquote p { 
	display: block; 
	background-image: url(assets/templates/digibug/images/quote.gif);
	background-repeat: no-repeat;
	width: 411px;
	height: 163px;
	margin-left: -45px;
	padding: 7px 10px 10px 10px;
	font-weight:bold;
	}
#right {
	width: 40%; 
	float: left; 
	height: 60px;
	}

#video { width: 500px; padding-left: 30px; float: left;}
#videotext { width: 320px; float: right; padding-right: 10px;}