@charset "utf-8";
/* CSS Document */
html {
	height:100%;
	font-size: 100%;
}

body {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 15px;
	background: #ffffff;
	color: #666666;
}

a{
	color: #3383BD;
	font-weight: normal;
}

a:hover{
	color: #000000;
}

p{
	padding-bottom: 10px;
}

#wrap {
	width: 968px;
	height: 100%;
	background: url(../images/bg.jpg) top left repeat-y;
	margin: 0 auto;
	position: relative;
}

#container{
	width: 950px;
	margin: 0 auto;
	position: relative;
}

/* ----- Header Content ----- */

#header{
	width: 950px;
	height: 100px;
	background: url(../images/header.jpg) top left no-repeat;
	position: relative;
}

#header h1 {
	float: left;
}
	
#header h1 a {
	background: url(../images/lpm.png) no-repeat bottom center; 
	width: 505px;
	height: 100px; 
	text-indent: -100em; 
	overflow: hidden; 
	display: block;
}

/* ----- Main Navigation ----- */

#nav{
	width: 445px;
	height: 25px;
	position: absolute;
	right: 0;
	bottom: 20px;
	padding-right: 15px;
}

#nav a{
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: -.5px;
	font-weight: bold;
	padding-left: 15px;
	background: url(../images/divider.gif) bottom left no-repeat;
}

#nav a.first{
	background: none;
}

#nav a:hover{
	color: #3383BD;
}

#nav a.current{
	color: #3383BD;
}

#nav ul{
	text-align: right;
	list-style: none;
}

#nav li{
	display: inline;	
}

/* ----- Home Content ----- */

#home_content{
	width: 950px;
	height: 307px;
	background: #000000;
	position: relative;
	overflow: hidden;
}

/* ----- Featured Content Slider ----- */

#featured{
	width: 950px;
	height: 307px;
	background: url(../images/feat_bg.jpg) top left no-repeat;
	position: relative;
}

#featured a{
	color:#FFFFFF;
}

#featured a:hover{
	color: #3383BD;
}	

	#hungry_man{
		width: 950px;
		height: 307px;
		background: url(../images/home_content/hungry_man.jpg) top left no-repeat;
		position: relative;
	}
	
	#hungry_man div{
		position: absolute;
		top: 120px;
		left: 50px;
		width: 300px;
		height: 165px;
		color: #FFFFFF;
	}
	
	#abbott{
		width: 950px;
		height: 307px;
		background: url(../images/home_content/abbott.jpg) top left no-repeat;
		position: relative;
	}
	
	#abbott div{
		position: absolute;
		top: 120px;
		left: 50px;
		width: 300px;
		height: 165px;
		color: #FFFFFF;
	}
	
	#mbw{
		width: 950px;
		height: 307px;
		background: url(../images/home_content/mbw.jpg) top left no-repeat;
		position: relative;
	}
	
	#mbw div{
		position: absolute;
		top: 120px;
		right: 40px;
		width: 300px;
		height: 165px;
		color: #FFFFFF;
	}
	
	#choicestream{
		width: 950px;
		height: 307px;
		background: url(../images/home_content/choicestream.jpg) top left no-repeat;
		position: relative;
	}
	
	#choicestream div{
		position: absolute;
		top: 120px;
		left: 50px;
		width: 300px;
		height: 165px;
		color: #FFFFFF;
	}
	
/* ----- Slider Pagination ----- */
	
#pager {
	position: absolute; 
	bottom: 8px; 
	right: 3px; 
	z-index:999;
	font-size: 16px; 
}

#page_box{
	width: 15px;
	height: 15px;
	overflow: hidden;
	float: left;
	margin: 0 3px;
}
	
#pager a { 
	background: url(../images/p_white.jpg) top left no-repeat;
}
	
#pager a.activeSlide { 
	background: url(../images/p_red.jpg) top left no-repeat;
}
	
#pager a:focus { 
	outline: none; 
}

/* ----- View More Links ----- */
	
.view_more a{
	padding-right: 25px;
	padding-bottom: 5px;
	margin-top: 10px;
	background: url(../images/view_more_off.png) top right no-repeat;
	float: right;
}

.view_more2 a{
	padding-right: 25px;
	padding-bottom: 5px;
	margin-top: 10px;
	background: url(../images/view_more_off2.png) top right no-repeat;
	float: right;
}

/*
#view_more a:hover{
	background: url(../images/view_more_on.png) top right no-repeat;
}
*/

/* ----- Home Bottom Segment ----- */

#home_bottom{
	width: 950px;
	background:url(../images/home_bottom.jpg) top left no-repeat;
	padding: 10px 0 0 0px;
}

.home_inner{
	padding: 60px 15px 0 17px;
	position: relative;
}

/* ----- Home About Block ----- */

#home_about{
	width: 400px;
	float: left;
	position: relative;
}

/* ----- Home News Block ----- */

#home_news{
	width: 250px;
	float: left;
	position: relative;
}

#home_news a{
	font-weight: normal;
}

#home_news ul{
	list-style: none;
}

#home_news li{
	border-bottom: 1px dotted #9b9b9b;
	padding: 10px 0;
}

#home_news li.first{
	padding-top: 0;
}

/* ----- Home Contact Block ----- */

#home_contact{
	width: 298px;
	height: 264px;
	float: left;
	position: relative;
}

#contact_info img{
	padding: 0 20px 0 30px;
	float: left;
}

/* ----- Left Side Navigation -----*/

#left_nav {
	float: left;
	padding: 145px 0  0 35px;
	width: 225px;
}

#left_nav ul{
	width: 225px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#left_nav li{
	color: #666;
	border-bottom: 1px dotted #9B9B9B;
	padding: 4px;
	display: block;
	cursor:pointer;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size: 16px;
	padding-left: 15px;
}

#left_nav ul li:hover {
	color:#3383BD;
	cursor:pointer;
}

#left_nav ul li.active {
	cursor: auto;
	color:#3383BD;
	background: url(../images/carrot_b.jpg) left no-repeat;
	font-weight: bold;
}

/* Internal Elements */

#content{
	float: left;
	padding: 97px 0  0 70px;
	width: 565px;
}

#content ul{
	list-style-position: outside;
	list-style: none;
}

#content li{
	color: #666;
	padding: 4px;
	font-size: 14px;
	padding-left: 20px;
	background: url(../images/carrot_s.jpg) left no-repeat;
}

.wwcdfy{
	width: 269px;
	height: 18px;
	padding: 15px 0 10px 0;
}

.flv{
	width: 230px;
	height: 162px;
	float: left;
	padding: 0 10px 10px 0;	
}

#areaMarketing #flv{
	width: 230px;
	height: 162px;
	float: left;
	padding: 0 10px 50px 0;	
}

/* ----- News Page -----*/

#newss{
	width: 950px;
	background: url(../images/about_bg.jpg) top left no-repeat;
	position: relative;
}

#newss #areaAwards, #newss #areaLogistics, #newss #areaClient{
	display:none;
}

/* ----- About Page -----*/

#about{
	width: 950px;
	background: url(../images/about_bg.jpg) top left no-repeat;
	position: relative;
}

#wcwytd{
	width: 407px;
	height: 18px;
	padding: 15px 0 10px 0;
}

#about #areaAwards, #about #areaNews, #about #areaClient{
	display:none;
}

#areaNews h3{
	font-size: 12px;
	font-weight: bold;
	color: #3383BD;
	padding-bottom: 3px;
}

#areaNews h2{
	font-size: 16px;
	font-weight: bold;
}

#areaNews p{
	text-align: justify;
	padding: 0 5px 20px 5px;
}

.news_hdr{
	background: url(../images/news_bg.jpg) top left no-repeat;
	width: 555px;
	height: 50px;
	padding: 3px 0 5px 10px;
}

.news_hdr2{
	background: url(../images/news_bg2.jpg) top left no-repeat;
	width: 555px;
	height: 70px;
	padding: 2px 0 5px 10px;
}

#logisticsHdr{
	background: url(../images/content_hdr/logistics.png) top left no-repeat;
	width: 131px;
	height: 20px;
	padding-bottom: 30px;
}

#awardsHdr{
	background: url(../images/content_hdr/awards.png) top left no-repeat;
	width: 104px;
	height: 20px;
	padding-bottom: 30px;
}

#newsHdr{
	background: url(../images/content_hdr/news.png) top left no-repeat;
	width: 77px;
	height: 20px;
	padding-bottom: 30px;
}

#clientHdr{
	background: url(../images/content_hdr/client_list.png) top left no-repeat;
	width: 135px;
	height: 20px;
	padding-bottom: 30px;
}

#areaAwards h3{
	font-size: 16px;
	color: #3383BD;
	font-weight: normal;
	float: left;
}

#areaAwards h2{
	font-size: 16px;
	color: #666;
	font-weight: normal;
}

#awards_content{
	background-color: #FFFFFF;
}

#news_content{
	background-color: #FFFFFF;
}

#clients{
	width: 180px;
	float: left;
	font-weight: normal;
	color: #3383BD;
	text-align: center;
	padding-right: 5px;
	background-color: #FFFFFF;
}

#clients p{
	padding-bottom: 10px;
}

/* #about a{
	background: none;
	font-size: 18px;
	color: #000000;
	padding-left: 20px;
}

#about a:hover{
	color: #5AACDE;
}

#about a.current{
	background: url(../images/carrot_b.jpg) left no-repeat;
} */


/* ----- Services Page -----*/

#services{
	width: 950px;
	background: url(../images/services_bg.jpg) top left no-repeat;
	position: relative;
}

#areaWeb, #areaMarketing, #areaEvents{
	display:none;
}

#digitalHdr{
	background: url(../images/content_hdr/digital_media.png) top left no-repeat;
	width: 163px;
	height: 20px;
	padding-bottom: 30px;
}

#webHdr{
	background: url(../images/content_hdr/web_development.png) top left no-repeat;
	width: 214px;
	height: 20px;
	padding-bottom: 30px;
}

#marketingHdr{
	background: url(../images/content_hdr/online_marketing.png) top left no-repeat;
	width: 210px;
	height: 20px;
	padding-bottom: 30px;
}

#eventsHdr{
	background: url(../images/content_hdr/live_events.png) top left no-repeat;
	width: 141px;
	height: 20px;
	padding-bottom: 30px;
}

/*---- Web Dev ------ */
#wd{
	width: 950px;
	background: url(../images/services_bg.jpg) top left no-repeat;
	position: relative;
}

#wd #areaWeb{
	display: inline;
}

#wd #areaDigital, #wd #areaMarketing, #wd #areaEvents{
	display:none;
}

/*---- Web Dev ------ */
#ev{
	width: 950px;
	background: url(../images/services_bg.jpg) top left no-repeat;
	position: relative;
}

#ev #areaEvents{
	display: inline;
}

#ev #areaDigital, #ev #areaMarketing, #ev #areaWeb{
	display:none;
}


/*----- Projects Page ----- */

#projects{
	width: 950px;
	background: url(../images/proj_bg.jpg) top left no-repeat;
	position: relative;
}

#projects_nav {
	float: left;
	padding: 145px 0  0 35px;
	width: 225px;
}

#projects_nav ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 225px;
}

#projects_nav ul.menu a {
  display: block;
  text-decoration: none;
  border-bottom: 1px #9B9B9B dotted;
}

#projects_nav ul.menu.head,#projects_nav ul.menu.m1,#projects_nav ul.menu.m2,#projects_nav ul.menu.m3,#projects_nav ul.menu.m4 a {
  display: block;
  text-decoration: none;
}

#projects_nav ul.menu li {
  margin-top: 1px;
}

#projects_nav ul.menu li a {
  color: #666;	
  padding: 4px 4px 4px 15px;
  font-size: 16px;
  font-weight: bold;  /* new */
  background: url(../images/cross.jpg) left no-repeat;
}

#projects_nav ul.menu li ul li a {
  border-bottom: none;
  background: none;
  color: #666;
  margin-left: 15px;
  font-size: 15px;
  font-weight: normal;  /*new */
}

#projects_nav ul.menu li ul li a:hover {
  color: #3383BD;
  /* background: url(../images/carrot.jpg) left no-repeat; */
}

#projects_nav ul.menu li ul li a.current_p{
	color: #3383BD;
  	background: url(../images/carrot.jpg) left no-repeat;
	font-weight: bold;
}

/* ----- Contact Page -----*/

#contact{
	width: 950px;
	background: url(../images/contact_bg.jpg) top left no-repeat;
	position: relative;
}

#contact_left{
	float: left;
	padding: 145px 0  0 35px;
	width: 350px;
}

#contact_lp{
	width: 350px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px dotted #9B9B9B;
}

#contact_left h3{
	font-size: 17px;
	font-weight: normal;
	padding-top: 10px;
	margin: 0 auto;
	text-align: center;
}

#contact_left h2{
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	float: left;
	padding-bottom: 5px;
}

.break{
	width: 350px;
	border-bottom: 1px dotted #9B9B9B;
	clear: both;
	margin-bottom: 5px;
}

#contact_right{
	float: left;
	padding: 145px 0  0 40px;
	width: 500px;
}

#text{
	padding: 2px;
	width: 140px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact_right textarea {
	height: 90px;
	width: 475px;
	border: 2px solid #ccc;
}

#contact_right textarea:focus, #contact_right input:focus {
	border: 2px solid #D18A13;
}

#contact_right input.submit-button {
	width: 100px;
	float: right;
	margin: 15px 0 15px 0;
}

#input{
	width: 140px;
	float: left;
	margin-right: 20px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 15px 0 15px 0;
}

#check{
	width: 160px;
	float: left;
	text-align: left;
	padding: 15px 0 15px 0;
}

#contact_right h3{
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 5px;
}

#tarea{
	width: 475px;
	padding: 15px 0 15px 0;
}

/* ----- Footer ----- */

#footer{
	width: 950px;
	height: 47px;
	background:url(../images/footer.jpg) bottom left no-repeat;
	color: #FFFFFF;
	font-size: 10px;
}

#footer p{
	margin: 25px 10px 0 5px;
}

#footer a{
	color: #FFFFFF;
	padding: 0 5px 0 5px;
	text-transform: uppercase;
}

#footer a:hover{
	color: #3383BD;
}

/* ----- Project Pages -----*/

#proj_cont{
	width: 565px;
	position: relative;
}

#wd_vdk_header{
	background: url(../images/project_hdr/wd_vdk.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#wd_hm_header{
	background: url(../images/project_hdr/wd_hm.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#wd_lenders_header{
	background: url(../images/project_hdr/wd_lenders.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#wd_vlasic_header{
	background: url(../images/project_hdr/wd_vlasic.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#wd_pinnacle_header{
	background: url(../images/project_hdr/wd_pinnacle.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#wd_abbott_header{
	background: url(../images/project_hdr/wd_abbott.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#wd_liberty_header{
	background: url(../images/project_hdr/wd_liberty.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#op_dh_header{
	background: url(../images/project_hdr/op_dh.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#op_mb_header{
	background: url(../images/project_hdr/op_mb.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#op_vlasic_header{
	background: url(../images/project_hdr/op_vlasic.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#op_hm_header{
	background: url(../images/project_hdr/op_hm.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#op_aj_header{
	background: url(../images/project_hdr/op_aj.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#opres_neolane_header{
	background: url(../images/project_hdr/opres_neolane.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#opres_lm_header{
	background: url(../images/project_hdr/opres_lm.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#opres_cs_header{
	background: url(../images/project_hdr/opres_cs.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#opres_abbott_header{
	background: url(../images/project_hdr/opres_abbott.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#vp_abbott_header{
	background: url(../images/project_hdr/vp_abbott.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#vp_bd_header{
	background: url(../images/project_hdr/vp_bd.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#vp_cs_header{
	background: url(../images/project_hdr/vp_cs.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#vp_bard_header{
	background: url(../images/project_hdr/vp_bard.png) top left no-repeat;
	width: 576px;
	height: 19px;
	padding-bottom: 30px;
}

#sample{
	float: left;
	width: 198px;
	height: 15px;
	padding: 5px 0 15px 0;
}

#view_site{
	float: right;
	width: 101px;
	height: 15px;
	padding: 5px 0 15px 0;
}

#projects #content{
	display: none;
}

.addthis_button{
	padding: 10px 0;
	float: right;
}

/* ----- Project Slider -----*/

#slider{
	margin: 0 auto;
	overflow: hidden;
	width: 422px;
	height: 335px;
	overflow: hidden;
}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		background-image: none;
	}

	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:422px;
		height:335px;
		overflow:hidden; 
		}	
	
	#slider_next, #slider_prev{ 
		display:block;
		width:60px;
		height:60px;
		position:absolute;
		left:0px;
		top:180px;
		z-index:1000;
		}	
	#slider_next{ 
		left:500px;
		}														
	
	#slider_next a, #slider_prev a{  
		display:block;
		position:relative;
		width:60px;
		height:60px;
		background: url(../images/btn_left.jpg) no-repeat 0 0;	
		}	
	#slider_next a{ 
		background:url(../images/btn_right.jpg) no-repeat 0 0;	
		}
		
	/* image replacement */
    .graphic, #slider_prev, #slider_next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */