@charset "utf-8";
/* CSS Document */
body{
	font-family:Verdana, Geneva, sans-serif;
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
	}

#wrapper{
	margin:0 auto;
	width:900px;
	margin-top:15px;
	}
	
#header{
	background-image:url(../images/border.gif);
	width:900px;
	height:21px;
	margin-bottom:15px;
	}	
	
#footer{
	background-image:url(../images/border.gif);
	width:900px;
	height:21px;
	clear:both;
	float:left;
	font-size:9px;
	color:#6d6e71;
	padding-top:15px;
	background-repeat:repeat-x;
	padding-top:15px;
	text-align:center;
	line-height:8px;
	}	
#footer a{
	color:#6d6e71;
}

#content{
	width:900px;

	}	


	
#logo{
	float:right;
	margin-right:45px;}	
#logo img{
	border: 2px solid #c0d62c;
	}	
	
/* IMAGES*/	
#homeImg{
	margin-top:33px;
	margin-left:65px;
	}	
	
#whatWeDoImg{
	margin-top:33px;
	margin-left:65px;
	margin-bottom:18px;
	}		
#approachImg{
	margin-top:29px;
	margin-left:65px;
	}	
#clientsImg{
	margin-top:29px;
	margin-left:65px;
	margin-bottom:26px;
	}

#perfectBlendImg{
	margin-top:27px;
	margin-left:65px;
	}		
#latestImg{
	margin-top:145px;
	margin-left:-105px;

	}
	
#mapImg{
	margin-top:15px;
	margin-left:30px;
	margin-bottom:15px;
	clear:both;
	}
	
.newsArchive{
	width:450px;
	font-size:11px;
	color:#666;
	float:left;
	clear:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
	color:#858585;
	margin-left:100px;
	
	}	
.newsBlurb{
	float:left;
	width:350px;}
	
.newsBlurbImg{
	float:left;
	width:100px;
	margin-bottom:10px;
}	


.newsArchive h2{
	margin-top:5px;
	margin-bottom:-5px;
	padding:0;
	color:#858585;
	font-size:13px;
}
	
.newsArchiveImg{
	float:left;
	margin-top:10px;
	clear:right;
	margin-left:10px;}
	
#newsArchiveArchiveBox{

	margin-top:0px;
	margin-left:590px;
	z-index:100;
	position:absolute;
	width:280px;
}

.newsArchiveArchive{
	font-size:11px;
	color:#666;
	margin-left:10px;
	margin-bottom:10px;
	


	}
.newsArchiveArchive h2{
	margin-top:0px;
	display:block;
	clear:both;
	font-size:12px;

	
}

#clientLink a{
	position:absolute;
	display:block;
	width:200px;
	height:100px;
	margin-left:620px;
}

#clientLink2 a{
	position:absolute;
	display:block;
	width:200px;
	height:100px;
	margin-left:650px;
}



#brandDNAImg{
	margin-top:27px;
	margin-left:65px;
	}			
#comtactImg{
	margin-top:45px;
	margin-left:65px;
	margin-bottom:70px;
	}	
#ourWorkDiv{
	background-image:url(../images/our-work-bg.gif);
	width:850px;
	height:327px;
	margin-top:170px;
	margin-left:40px;
	margin-bottom:118px;
	display:block;
	background-repeat:no-repeat;}	
#displayWorkDiv{
	background-image:url(../images/display-work.jpg);
	width:850px;
	height:382px;
	margin-top:168px;
	margin-left:38px;
	margin-bottom:65px;
	display:block;
	background-repeat:no-repeat;
}	
#displayWorkDiv img{
	margin-left:460px;
	margin-top:135px;
	float:left;
}

#displayWorkHd{
	background-image:url(../images/display-workHD.jpg);
	width:850px;
	height:327px;
	margin-top:170px;
	margin-left:40px;
	margin-bottom:118px;
	display:block;
	background-repeat:no-repeat;
	background-position: 20px 0px;
}	
#displayWorkHd a{
	width:500px;
	height:90px;
	display:block;
	z-index:600;
	position:absolute;
	}
#displayWorkHd img{
	margin-left:20px;
	margin-top:100px;
	float:left;
	clear:both;
	margin-bottom:80px;
}


#latestDiv{
	padding-bottom:50px;
	width:100%;
	padding-top:10px;
	clear:both;
	float:left;


}
#latestDiv a{
	color:#000;
	text-decoration:none;
	
	
}
#latestDiv h2 a{
	color:#666;
}
.latestBox{
	width:350px;
	margin-left:95px;
	font-size:11px;
	color:#858585;
	float:left;
	margin-right:60px;
	

	}
#newsImage{
	float:left;
	padding-top:15px;}	

.latestBox h1{
	font-size:14px;
}
	


#next{
	float:left;
	margin-top:220px;
	margin-left:20px;
	}
#nextHD{
	float:left;
	margin-bottom:70px;
	margin-left:820px;
	margin-top:-70px;
	}	
	
#next a , #nextHD a{
	display:block;
	padding:5px;
	width:46px;
	height:58px;
	background-image:url(../images/next1.gif);
	background-repeat:no-repeat;
	}	
#next a:hover , #nextHD a:hover{
	background-image:url(../images/next2.gif);
	background-repeat:no-repeat;
	}		
	
#previous{
	margin-top:220px;
	margin-left:430px;
	z-index:100;
	position:absolute;
	}
	
#previousHD{
	margin-left:760px;
	margin-top:10px;
	z-index:100;
	position:absolute;
	}	
#previousHD2{
	margin-left:760px;
	margin-top:120px;
	z-index:100;
	position:absolute;
	}		
	
#previous a , #previousHD a , #previousHD2 a{
	display:block;
	padding:5px;
	width:46px;
	height:58px;
	background-image:url(../images/previous1.gif);
	background-repeat:no-repeat;
	}	
#previous a:hover, #previousHD a:hover , #previousHD2 a:hover{
	background-image:url(../images/previous2.gif);
	background-repeat:no-repeat;
	}		
	
	

#workText{
	position:absolute;
	margin-top:120px;
	width:350px;
	height:280px;
	z-index:500;
	padding-left:80px;
	padding-right:10px;
	font-size:11px;
	color:#666;}
#workText h1{
	font-size:14px;
}
#workTextHD{
	margin-top:120px;
	width:550px;
	z-index:500;
	padding-left:100px;
	padding-right:10px;
	font-size:10.5px;
	color:#666;
	top:-130px;
	position:relative;
	margin-bottom:-120px;
}
#workTextHD a{
	color:#333;
}
#workTextHD h1{
	font-size:18px;
}

#back a{
	background-image: url(../images/back.gif);
	width:84px;
	height:38px;
	padding:5px;
	position:absolute;
	margin-top:-50px;
	margin-left:490px;
	background-repeat: no-repeat;
	
	}
/* Work Icons*/

.workIcon{
	width:120px;
	height:120px;
	background-image:url(../images/work-border.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:16px;
	margin-top:16px;

	}
.workIcon img{
	padding-top:10px;
	padding-left:10px;
}

#workBox{
	padding-left:265px;
	padding-top:90px;}	
	
/* NAVIGATION*/

#nav{
	width:150px;
	float:left;
	margin-left:45px;}

#nav1 a{
	width:149px;
	height:20px;
	display:block;
	background-image:url(../images/navigation/nav_01.gif);
	
	}
#nav1 a:hover{background-image:url(../images/navigation/nav-hover_01.gif); }	
#nav1Selected a{
	width:149px;
	height:20px;
	display:block;
	background-image: url(../images/navigation/nav-selected_01.gif);
}

#nav2 a{
	width:149px;
	height:19px;
	display:block;
	background-image:url(../images/navigation/nav_02.gif);
	
	}
#nav2 a:hover{background-image:url(../images/navigation/nav-hover_02.gif); }	
#nav2Selected a{
	width:149px;
	height:19px;
	display:block;
	background-image: url(../images/navigation/nav-selected_02.gif);
}

#nav3 a{
	width:149px;
	height:18px;
	display:block;
	background-image:url(../images/navigation/nav_03.gif);
	
	}
#nav3 a:hover{background-image:url(../images/navigation/nav-hover_03.gif); }	
#nav3Selected a{
	width:149px;
	height:18px;
	display:block;
	background-image: url(../images/navigation/nav-selected_03.gif);
}

#nav4 a{
	width:149px;
	height:16px;
	display:block;
	background-image:url(../images/navigation/nav_04.gif);
	
	}
#nav4 a:hover{background-image:url(../images/navigation/nav-hover_04.gif); }	
#nav4Selected a{
	width:149px;
	height:16px;
	display:block;
	background-image: url(../images/navigation/nav-selected_04.gif);
}

#nav5 a{
	width:149px;
	height:19px;
	display:block;
	background-image:url(../images/navigation/nav_05.gif);
	
	}
#nav5 a:hover{background-image:url(../images/navigation/nav-hover_05.gif); }	
#nav5Selected a{
	width:149px;
	height:19px;
	display:block;
	background-image: url(../images/navigation/nav-selected_05.gif);
}

#nav6 a{
	width:149px;
	height:19px;
	display:block;
	background-image:url(../images/navigation/nav_06.gif);
	
	}
#nav6 a:hover{background-image:url(../images/navigation/nav-hover_06.gif); }	
#nav6Selected a{
	width:149px;
	height:19px;
	display:block;
	background-image: url(../images/navigation/nav-selected_06.gif);
}

#nav7 a{
	width:149px;
	height:20px;
	display:block;
	background-image:url(../images/navigation/nav_07.gif);
	
	}
#nav7 a:hover{background-image:url(../images/navigation/nav-hover_07.gif); }	
#nav7Selected a{
	width:149px;
	height:20px;
	display:block;
	background-image: url(../images/navigation/nav-selected_07.gif);
}
.textOnly{
	margin-top:180px;
	font-size:12px;}
	
.textOnly h1{
	font-size:14px;}	
#blog a{
    background-image:url(../images/blog-graphic.jpg);
	width:100px;
	background-position:left;
	height:60px;
	background-repeat:no-repeat;
	z-index:500;
	margin-top:-75px;
	position:relative;
	margin-right:15px;
	float:right;}	
#numbersHolder, #numbersHolder2{
	float:right;
	margin-top:-470px;
	margin-right:30px;
	position:relative;}	
	
 #numbersHolder2{
	 margin-top:-637px;
 }
#numbers a{
	background-image:url(../images/numbers_off.gif);
	display:block;
	height:20px;
	float:left;
	}	
#numbersSelected{display:inline;}	
#numbersSelected a{
	background-image:url(../images/numbers_on.gif);
	}	
	
#numbers a:hover{
	background-image:url(../images/numbers_on.gif);
}
.number1{background-position: -8px;width:20px;}	
.number2{background-position: -29px;width:20px;}		
.number3{background-position: -49px;width:20px;}	
.number4{background-position: -69px;width:20px;}	
.number5{background-position: -88px;width:20px;}	
.number6{background-position: -107px;width:20px;}	
.number7{background-position: -125px;width:20px;}	
.number8{background-position: -143px;width:20px;}	
.number9{background-position: -160px; width:93px;}