*{
	margin:0px;
	padding:0px;
}

body{
	font-family:Helvetica;
}

div.clear{
	clear:both;
}

a{
	color:#f78f1e;
	text-decoration:none;
}

a img{
	border:none;
}

	#container{
		width:960px;
		margin:0px auto;
	}
		
		#logoHeader{
			display:none;
		}
	
	
		#flashVid{
			width:960px;
			height:417px;
			background: #000000 url('/introvid/PDG_intro.jpg') no-repeat;
			float:left;
		}
		
		#navBoxes{
			width:960px;
			float:left;
			margin-top:6px;
			background:url('/images/leadInBG.gif') top left;
			margin-bottom:6px;
			padding-bottom:6px;
		}
		
			#navBoxes div{
				width:237px;
				float:left;
				padding-left:4px;
			}
			
				#navBoxes h2, #navBoxes h1{
					color:#FFFFFF;
					height:49px;
					width:237px;
					text-transform:uppercase;
					font-size:14px;
				}
				
					#navBoxes h2 a, #navBoxes h1 a{
						color:#FFF;
						text-decoration:none;
						display:block;
						padding:31px 0 0 7px;
						height:18px;
						width:230px;
						font-weight:600;
					}
				
				#navBoxes p{
					font-size:11px;
					color:#666666;
					padding:8px 6px;
					line-height:137%;
					height:157px;
				}
				
					#navBoxes p.readMore{
						border-top:1px solid #c0c0c0;
						padding:9px 8px 0 8px;
						margin:0 6px;
						height:auto;
					}
				
				
				#creativeBox{
					padding-left:0px !important;
					border-left:none !important;
				}
				
				#creativeBox h1{
					background-color:#000000;
				}
				
				#designBox h1{
					background-color:#f78f1e;
				}
				
				#webdevBox h1{
					background-color:#78c7eb;
				}
				
				#brandingBox h1{
					background-color:#666666;
				}
			
			
		#divisionLine{
			float:left;
			height:6px;
			font-size:1px;
			width:960px;
			background-color:#c0c0c0;
		}
			
		#contentBoxes{
			float:left;
			width:960px;
			padding-top:3px;
			padding-bottom:3px;
			margin-top:21px;
			margin-bottom:15px;
			background-image:url('/images/homeContentBG.gif');
		}
		
			#commonNav{
				width:237px;
				padding-left:0px;
				float:left;
			}
			
				#commonNav h3{
					display:none;
				}
			
				#commonNav ul{
					list-style:none;
				}
			
					#commonNav li{
						border-bottom:1px solid #c0c0c0;
						margin:0 5px;
					}
					
					#commonNav li.last{
						border-bottom:none;
					}
					
						#commonNav li a{
							color:#231f20;
							text-decoration:none;
							display:block;
							padding:6px 3px;
						}
						
							#commonNav li a:hover{
								color:#F78F1E;
							}
			
			#featuredBox{
				width:237px;
				padding-left:4px;				
				float:left;
			}
			
				#featuredBox h1{
					font-size:16px;
					color:#666666;
					padding:0 6px 0 6px;
					height: inherit;
				}
				
				#featuredProject{
					
				}
				
					#featuredImage{
						width:83px;
						float:left;
						padding-top:10px;
					}
					
					#featuredContent{
						width:216px;
						float:left;
						margin-left: 7px;
						
					}
						
						#featuredContent h2{
							color:#231f20;
							font-size:12px;
							padding:10px 0 4px 0;
						}
						
						#featuredContent p{
							color:#666666;
							font-size:12px;
							line-height:120%;
							padding:0 5px 0 0;
						}
						
						#featuredContent p.readMore{
							padding:4px 0;
						}
						
							#featuredContent p.readMore a{
								
							}
					
					
					#socialAspects{
						border-top:1px solid #c0c0c0;
						clear:left;
						margin-top:10px;
						margin:10px 3px 0 3px;
					}
					
						#socialAspects h1{
							font-size:16px;
							color:#666666;
							padding:8px 6px;
							width: 215px;
						}
						
						#socialAspects p{
							color:#666666;
							font-size:11px;
							padding:0 0 3px 6px;
						}
						
						#socialAspects a{
							padding: 0 3px 0 0;
						}
						
						#likeButton {
							margin: 3px 0 0 0;
						}
					
			
			#newsBox{
				width:478px;
				padding-left:4px;
				
				float:left;
				position:relative;
			}
			
				#newsBox h1{
					color:#666666;
					font-size:22px;
					padding:0 0 6px 10px;
					background-color: #fff;
					height: inherit;
				}
				
				#newsBox h2{
					font-size:10px;
					color:#666666;
					position:absolute;
					top:5px;
					right:0px;
				}
				
				
					div.newsStory{
						width:465px;
						padding:5px 0;
						margin:0px 0 0 10px ;
						border-top:2px solid #c0c0c0;
					}
					
						div.leftImage div.newsImage{
							float:left;
							width:60px;
						}
						
							div.leftImage div.newsImage img{
								width:60px;
							}
						
						div.leftImage div.newsContent{
							float:left;
							/*padding:0 5px;*/
							width:395px;
						}
						
						div.rightImage div.newsImage{
							float:right;
							width:60px;
						}
						
							div.rightImage div.newsImage img{
								width:60px;
							}
						
						div.rightImage div.newsContent{
							float:right;
							/*width:405px;*/
						}
						
						
						
					
						div.newsStory h3{
							font-size:12px;
							color:#666666;
							padding:5px 0;
						}
						
						div.newsStory p{
							font-size:11px;
							color:#666666;
						}
						
						div.newsStory p.readMore{
							font-size:11px;

						}
							
							div.newsStory p.readMore a{
								color:#f78f1e;
							}
						
						#newsCont #twit-twit li {
						   color: #666666;
						   font-size: 14px;
						   list-style: none;
						   padding:6px 5px 0 0px;
						   line-height: 18px;
						}
						  #twit-twit li span {
						    color: #f78f1e;
						    font-size: 11px;
						    float: right;
						    display: block;
						    line-height: 11px;
						    clear: both;
						  }
						
						
						div.leftImage p.readMore{
							text-align:right;
						}
						
						div.rightImage p.readMore{
							text-align:left;
						}
					
		#footer{
			clear:both;
			width:960px;
			padding:0;
			position:relative;
			border-top:1px solid #ccc;
		}
		
			#copyright{
				position:absolute;
				right:68px;
				top:33px;
				font-size:11px;
			}
			
	#cyclopsman{
		position:absolute;
		top: 1px;	
	}		
		
	#cyclopslink{
		position: absolute;
		top: 33px;
		left: 9px;
	}
				
	#clientlogin{
		top:36px;
		right:0px;
		position:absolute;
		display:block;
		height:15px;
		color:#FF950A;
		padding-left:15px;
		font-size:9px;
		background:transparent url(../../images/lock.gif) no-repeat scroll left bottom;
	}
	
	#login{
		background-color:#FFFFFF;
		border:1px solid #FF950A;
		display:none;
		height:40px;
		padding:5px;
		position:absolute;
		left:15px;
		top:-55px;
		z-index:99;
		width:115px;	
		font-size:9px;
		
	}
						
						
		#login a.close {
			background:#ff950a;
			width:10px;
			height:10px;
			color:#fff;
			position:absolute;
			top:0px;
			left:0px;
			text-decoration:none;
		}
	
	#login h3 {
		display: none;
	}
	
	#login a.basecamp {
		width: 50px;
		height: 25px;
		background: transparent url(../../images/basecamp.gif) no-repeat center top;
		color: #000;
		float: left;
		padding-top: 28px;
	}
		
	#login a.box {
		width: 50px;
		display: block;
		height: 25px;
		background: transparent url(../../images/box.gif) no-repeat center top;
		color: #000;
		float: right;
		padding-top: 28px;
	}