html, body{width:100%; overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{background:url("../img/bodybg.jpg") repeat-x; font:12px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif; color:#787878; }
a{color:#787878}/* blue color color:#145ea3; */
a:hover{color:#145ea3}
blockquote{padding-left:10px;margin-bottom:10px}
#wrapper{background:url("../img/masterwrapper.jpg") no-repeat; position:absolute; left:50%; margin-left:-613px; min-height:774px; height:auto !important; height:774px; text-align:left; width:1220px}
#innerWrapper{width:986px; position:relative; left:119px}
.clearBoth{clear:both}
h1{color:#787878; margin-bottom:.2em; line-height:26px; font-size:20px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;letter-spacing:-.03em;}
h3 a{text-decoration:none}
h2.smallH2{padding-bottom:5px;}
h6{font-size:20px; padding-bottom:.40em; line-height:26px}
h3{font-size:13px}
p{line-height:1.4em}
.block{display:block}
.underline{text-decoration:underline}
ul.bulletList{list-style:disc;margin-left:25px;margin-top:10px;}
#logo{width:258px; text-align:center; height:97px; float:left;background:#fff;}
#logo img{position:relative; display:block; margin:0 auto; margin:14px 0 0 25px !important; margin:14px 0 0 0;background:#fff;}
#logoInterior{width:258px; text-align:center; height:96px; float:left;background:#464646;border-bottom:1px solid #666}
#logoInterior img{position:relative; display:block; margin:0 auto; margin:14px 0 0 25px !important; margin:14px 0 0 0;}
#logoInterior:hover{background:#666}
#primaryNavigation{background:#fdf5cd; width:728px; float:left; height:97px; color:#666}
#primaryNavigation ul{position:relative; top:70px; left:5px;z-index:10}
#primaryNavigation ul li{display:inline; font-size:14px}
#primaryNavigation ul a{text-decoration:none; padding:0 18px 0 28px}
#primaryNavigation ul a:link, #primaryNavigation ul a:visited{color:#666}
#primaryNavigation ul a:hover{color:#525252}
#primaryNavigation ul a:hover{background:url(../img/bullet_grey_top.gif) 12px 4px no-repeat}
#primaryNavigation ul a.onState{background:url(../img/bullet_yellow_top.gif) 12px 4px no-repeat}
#primaryNavigation ul a.onState:hover{background:url(../img/bullet_yellow_top.gif) 12px 4px no-repeat}
#primaryNavigation p{float:right; text-align:right; position:relative; top:-2px; right:20px; line-height:1.25em; color:#787878;font-size:11px;}

#primaryNavigation ul ul{
	position:absolute;
	left:87px;
	top:27px;
	background:#fff;
	width:200px;
	padding-top:10px;
	
}

#primaryNavigation ul ul#portfolioLIst{
	position:absolute;
	left:185px;
	top:27px;
	background:#fff;
	width:200px;
	padding-top:10px;
	
}

#primaryNavigation ul ul li{
display:block;
}
#primaryNavigation ul ul li a{
height:100%;	
display:block;
padding:8px 0 10px 26px;
}
#primaryNavigation ul ul li a:hover{
background:#EEE;
}
#primaryNavigation ul ul#portfolioLIst li a:hover{
border:0;
}

ul.dropMenu{position:relative;display:none;}

#primaryNavigation ul li.hoverOnState{
	padding-top:8px;
	padding-bottom:8px;
	background:url(../img/bullet_grey_top.gif) #fff 12px 12px no-repeat
}


#splashImg{height:230px}
#content{width:916px; position:relative; left:36px;padding-bottom:20px}
#content .column, #content .lastcolumn{float:left; width:228px; height:237px; text-align:center; position:relative}
#content .emph{font-weight:700; font-style:italic}
#content .column{border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
#content .lastcolumn{border-right:none; border-bottom:1px solid #e0e0e0}
#content h1, #content h6{margin-top:.7em}
#content h2{font-size:14px;}
.column h2 a, .lastcolumn h2 a{text-decoration:none}
.column h2 a:link, .column h2 a:visited, .lastcolumn h2 a:link, .lastcolumn h2 a:visited{color:#787878}
#content .column p, #content .lastcolumn p{position:absolute; top:90px; text-align:left; font-style:italic; width:190px; line-height:1.25em}
p .nameTitle{display:block; font-size:9px; font-style:normal}
.columnHeaderImg{display:block; margin:18px auto 0 auto; position:relative}

#content p#marketingCaption,#content p#websitesCaption{position:absolute;left:64px !important}
#content p#advertisingCaption,#content p#designCaption{position:absolute;top:87px;text-align:right;left:-30px !important;}
#content p#advertisingCaption{left:-26px;}
#content p#designCaption{left:-25px;}



.moreLink, .closeLink{margin-top:15px; display:block}
#iiWebsites{background:url(../img/people_iiwebsites.jpg) 8px 87px no-repeat}
#iiWebsites.overState{background:url(../img/people_iiwebsites.jpg) 8px -281px no-repeat}
#iiDirect{background:url(../img/people_iidirect.jpg) 8px 85px no-repeat}
#iiDirect.overState{background:url(../img/people_iidirect.jpg) 8px -279px no-repeat}
#iiAdvertising{background:url(../img/iiadvertising_off.jpg) 40px 85px no-repeat}
#iiAdvertising.overState{background:url(../img/iiadvertising_on.jpg) 40px 85px no-repeat}
#iiDesign{background:url(../img/iidesign_off.jpg) 50px 87px no-repeat}
#iiDesign.overState{background:url(../img/iidesign_on.jpg) 50px 87px no-repeat}
.columnMore, .columnPortfolio{position:absolute; bottom:3px; text-decoration:none}
.columnMore{left:50px}
.columnPortfolio{left:130px}

#row2{clear:both}

#row2_col1, #row2_col2, #row2_col3{float:left}
#row2_col1{width:439px; padding-right:30px}
#row2_col2{width:213px; padding-right:30px}
#row2_col3{width:200px; position:relative}

#row2_col1 p{margin-bottom:5px}

/*Index Page : Social Media Hover */
.socialMediaIcon{width:16px;height:16px;display:block;float:left;padding-right:2px;}
.linkedInOff{background:url(../img/socialmedia/linkedin_off.png) no-repeat;}
.twitterOff{background:url(../img/socialmedia/twitter_off.png) no-repeat;}
.facebookOff{background:url(../img/socialmedia/facebook_off.png) no-repeat;}
.linkedInOn{background:url(../img/socialmedia/linkedin.png) no-repeat;}
.twitterOn{background:url(../img/socialmedia/twitter.png) no-repeat;}
.facebookOn{background:url(../img/socialmedia/facebook.png) no-repeat;}

#iiBrainStorm{background:url(../img/iibrainstormlogo.gif) 0 0 no-repeat;width:170px;height:35px;display:block;margin-top:10px;}
#iiBrainStorm.overState{background:url(../img/iibrainstormlogo.gif) 0 -35px no-repeat;width:170px;height:35px;display:block;}

.iiBrainStormCopy{border-top:1px solid #ddd;padding-top:22px;margin-top:20px;display:block;}

/* Inner Page Styles */
#leftColumn, #rightColumn{float:left}
#leftColumn{width:258px}
ul#subNav{background:#464646; height:230px}
#subNav li a{display:block; height:56px !important; height:58px; text-indent:-7878789px}

#subNav li a.last{display:block; height:58px !important; height:56px;}
#iiWebsitesSub{background:url(../img/topleftNav.gif) 0 0 no-repeat; border-bottom:1px solid #626262}
#iiDirectSub{background:url(../img/topleftNav.gif) 0 -57px no-repeat; border-bottom:1px solid #626262}
#iiAdvertisingSub{background:url(../img/topleftNav.gif) 0 -115px no-repeat; border-bottom:1px solid #626262}
#iiDesignSub{background:url(../img/topleftNav.gif) 0 -171px no-repeat}
#iiWebsitesSub:hover{background:url(../img/topleftNav.gif) 0 -460px no-repeat; border-bottom:1px solid #535353}
#iiDirectSub:hover{background:url(../img/topleftNav.gif) 0 -517px no-repeat; border-bottom:1px solid #535353}
#iiAdvertisingSub:hover{background:url(../img/topleftNav.gif) 0 -575px no-repeat; border-bottom:1px solid #535353}
#iiDesignSub:hover{background:url(../img/topleftNav.gif) 0 -631px no-repeat}
#iiWebsitesSub.onState{background:url(../img/topleftNav.gif) 0 -230px no-repeat; border-top:1px solid #3f3f3f;border-bottom:0px solid}
#iiDirectSub.onState{background:url(../img/topleftNav.gif) 0 -287px no-repeat; border-top:1px solid #3f3f3f; border-bottom:0px solid}
#iiAdvertisingSub.onState{background:url(../img/topleftNav.gif) 0 -345px no-repeat; border-top:1px solid #3f3f3f; border-bottom:0px solid}
#iiDesignSub.onState{background:url(../img/topleftNav.gif) 0 -401px no-repeat; border-bottom:1px solid #3f3f3f }
.tertiaryNav, #leftColumn p{position:relative; top:30px}
#leftColumn p{font-size:16px; color:#145ea3; left:40px;margin-bottom:.2em;position:relative;}
.tertiaryNav{left:20px; width:230px;line-height:1.2em;}
.tertiaryNav li{margin-bottom:4px}
.tertiaryNav li a{text-decoration:none; padding-left:21px; display:block; height:100%}
.tertiaryNav li a:hover{background:url(../img/bullet_grey_tnav.gif) 4px 4px no-repeat; color:#525252}
.tertiaryNav a.onState, .tertiaryNav a.onState:hover{background:url(../img/bullet_yellow_tnav.gif) 4px 4px no-repeat; color:#595959; font-weight:700}
.tertiaryNav a.silentState, .tertiaryNav a.silentState:hover{background:url(../img/bullet_grey_tnav.gif) 4px 4px no-repeat; color:#787878; font-weight:700}
.tertiaryNav ul{
	margin:8px 0 10px 17px;
	font-size:11px;
}

.tertiaryNav ul li a:hover{background:none; color:#525252}
.tertiaryNav ul a.onState, .tertiaryNav ul a.onState:hover{background:none; color:#145ea3;font-weight:normal;}

ul.linkList{margin:0px 0 0 0px;font-size:11px;width:150px;float:left;list-style:none;}
ul.linkList.first{padding-left:0px;}
ul.linkList li{margin-bottom:2px;}
ul.linkList li a{text-decoration:none;}
ul.linkList a:link,ul.linkList:visited{color:#145ea3;}
ul.linkList a:hover{text-decoration:underline}

.websitesIcon,.advertisingIcon,.designIcon,.directIcon{position:absolute}
.websitesIcon{left:145px;top:-2px}
.advertisingIcon{left:158px;top:-6px}
.designIcon{left:132px;top:-7px}
.directIcon{left:150px;top:-6px}




#innerContent ul.caseStudyList{position:absolute;top:75px;left:558px;border-left:1px solid #CCC;padding-left:10px;list-style:none;}
ul.caseStudyList li {margin-bottom:.2em;}
ul.caseStudyList li a{border-bottom:none;text-decoration:none;border-bottom:1px solid;}
ul.caseStudyList a:link,ul.caseStudyList:visited{color:#145ea3;}

#rightColumn{background:#fff;width:728px; position:relative; min-height:600px; height:auto !important; height:600px;z-index:1}
#portfolioCanvas{background:#363636; min-height:426px; height:auto !important; height:426px; position:relative;width:728px;}
#portfolioList{position:absolute; left:20px; top:5px;}
#portfolioList li{font-size:11px;}
#portfolioList a{text-decoration:none}
#portfolioList li.listHeader{font-size:12px; font-weight:700; color:#ccc; padding-top:10px;float:none;}
#portfolioList a:link, #portfolioList a:visited{color:#787878}
#portfolioList a:hover{color:#ccc; border-bottom:1px solid}
#portfolioList a.onState{color:#fdb813}
#portfolioList a.onState:hover{text-decoration:none}

#portfolioList.numeric { width:102px;}
#portfolioList.numeric li{width:20px;float:left;height:20px;}
#portfolioList.numeric li a{padding:0 3px}
#portfolioList.numeric li.logoBrand{ width:180px;}

.liclearBoth{clear:both}
#portfolioList table{margin-top:5px;}
#portfolioList td{padding:4px;}
#portfolioDisplay {position:absolute; top:403px; text-align:center;left:202px;font-style:italic;width:502px;}
#portfolioDisplay a{text-decoration:none}
#portfolioDisplay a:link, #portfolioDisplay a:visited{color:#e3d5ae}
#portfolioDisplay a:hover{color:#f9edcd; text-decoration:underline}
#portfolioDescription{position:relative; padding-left:20px;border-left:1px solid #DDD;padding-bottom:20px;min-height:160px;height:auto !Important; height:160px;}


#portfolioDescription h2, #portfolioDescription h3{color:#595959; margin:0 0 2px 0; padding:0}

#portfolioDescription h1, #portfolioDescription p.portfolioCopy{width:495px;font-weight:normal}
#portfolioDescription h1{font-size:28px; color:#145ea3;margin-top:3px;}
#portfolioDescription h2{font-size:18px; margin-top:12px; color:#145ea3;font-weight:normal}
#portfolioDescription h3{color:#145ea3; font-size:14px; padding:16px 0 2px 2px;font-weight:normal}
.projectDiscussion{width:240px; float:left}
.projectDiscussion ul{list-style:disc;padding-left:15px;}
.portfolioDownArrow{position:absolute;top:426px;left:564px}



.projectScope{width:260px; float:left;}
.projectScope h2{font-weight:normal}
.projectScope ul{list-style:disc;padding-left:15px;}
.additionalViews{position:absolute; top:-16px; left:535px; width:200px}
.additionalViews li{display:inline}
.additionalViews h3.altDesigns{padding-top:15px}
.additionalViews ul li img{padding:4px 4px 4px 4px;position:relative;top:0 !important;left:0 !important; top:4px; left:4px;}
.additionalViews ul li a{margin-right:7px; margin-bottom:7px; display:block; height:46px; width:46px; background:#fff; float:left; border:1px solid #c1c1c1}
.additionalViews ul li a:hover{background:#e9e9e9; border:1px solid #787878}
.client{position:relative}

/*iiBrainStorm*/
#brainstormViews{position:absolute; top:40px; left:535px; width:200px;}

#brainstormViews ul{
	margin:0;
	width:200px !important;
	position:relative;
	left:-20px
}
#brainstormViews ul li{display:inline}
#brainstormViews ul li img{padding:4px 4px 4px 4px;position:relative;top:0 !important;left:0 !important; top:4px; left:4px;}
#brainstormViews ul li a{margin-right:7px; margin-bottom:7px; display:block; height:46px; width:46px; background:#fff; float:left; border:1px solid #c1c1c1}
#brainstormViews ul li a:hover{background:#e9e9e9; border:1px solid #787878}


/* Inner Pages - Non Portfolio */
#rightColumn img.innerSplash{position:relative; top:0; left:0; width:728px;z-index:1}
#innerContent{padding-left:20px;border-left:1px solid #DDD;padding-bottom:20px;min-height:400px;height:auto !important;height:400px;position:relative;z-index:1}
#innerContent p, #innerContent h2{width:500px;}
#innerContent h1{width:600px; font-size:26px; color:#145ea3;line-height:32px}
#innerContent h2, #innerContent h3, #innerContent h4{color:#595959; margin:.9em 0 .2em 0}
#innerContent h2{font-size:15px;line-height:1.2em;color:#145ea3}
#innerContent h3{font-size:15px;line-height:1.2em;color:#145ea3}
#innerContent h3 span.agencyBold{font-size:22px;color:#3F3F3F;}
#innerContent  p a.agencyLink{font-style:italic}
#innerContent  p a.agencyLink:link,#innerContent  p a.agencyLink:visited{font-style:italic;color:#787878}

#innerContent p.leadIn{font-size:16px;color:#595959;margin-bottom:25px}
#innerContent p.leadInSup{margin-top:-15px;}

#innerContent h4{font-size:14px}

#innerContent p{margin-bottom:.8em;line-height:1.45em;}
#innerContent a:hover{color:#145ea3;background:#FDF5CD}

#innerContent ul{
	margin:8px 0;
	width:500px;
	position:relative;
	padding-left:20px;
	list-style:disc
}

#innerContent li{margin-bottom:4px;}


.clientColumn{
	width:210px;
	float:left;
	padding-right:25px;
}

#innerContent ul.clientList{
	list-style:none;
	margin:0px;
	padding:0;
	position:relative;
	left:0;
	width:100%
}
#innerContent ul.clientList h2{
	width:100%
}

#innerContent ul.clientList li{
	margin:0;
	padding:0;
}



#innerContent div.postNews{
position:relative;display:block;}
#innerContent div.postDate{
	display:block;
	position:absolute;
	left:-72px;
	top:-23px;
	background:#fdf5cd;
	width:50px;
	height:55px;
	text-align:center;
}
div.postDate span{display:block}
 div.postDate .dateMonth{font-weight:700}
div.postDate .dateDay{font-size:20px;color:#fdb813;font-weight:700;position:relative;top:-7px}
div.postDate .dateYear{font-size:10px;position:relative;top:-7px;}


 p.breadCrumbs{font-size:11px; padding:6px 0 8px 0}
 #innerContent p.breadCrumbs a:link,#innerContent  p.breadCrumbs a:visited, #portfolioDescription p.breadCrumbs a:link,#portfolioDescription  p.breadCrumbs a:visited{color:#666}
  #innerContent p.breadCrumbs a:hover,  #portfolioDescription p.breadCrumbs a:hover{color:#145ea3}

.innerRtColumn{position:absolute; top:300px; right:25px; width:170px}

#innerContent h3.redHeader{color:#993300;font-size:18px}





#innerContent .additionalViews{top:264px}

#innerContent ul.sitemapLinkList{
	list-style:none;
}
#innerContent ul.sitemapLinkList h5{
	position:relative;
	left:-10px;
	font-weight:700;
}


#innerContent #backtoTop{text-decoration:none;position:relative;top:20px;display:block;width:80px;background:url(../img/backtotop.gif) no-repeat 5px 6px;padding-left:15px;color:#145ea3}
#innerContent #backtoTop:visited{color:#145ea3}
#innerContent #backtoTop:hover{background:url(../img/backtotop.gif) #FDF5CD no-repeat 5px 6px;padding-left:15px}


/* Footer */
#footer{background:#fcfcfc; margin:0px auto; color:#ccc; font-size:11px; padding:15px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#footer a{text-decoration:none}
#footer a:link, #footer a:visited{color:#787878}
#footer a:hover{border-bottom:1px solid}
#footer h4{font-size:14px; color:#787878; font-weight:700; margin-bottom:2px}
#footer h4 a:link, #footer h5 a:visited{color:#787878}
#footer h4 a:hover{color:#333}
#footer ul{float:left; padding-right:37px}
#footer ul.lastList{padding-right:0px; float:left}
/* Index Hover Styles */
#primaryNavigation ul a.greyLink:link, #primaryNavigation ul a.greyLink:visited, .column h2 a.greyLink, .lastcolumn h2 a.greyLink, #content h2 a.greyLink, #footer a.greyLink:link, #footer a.greyLink:visited, .hoverParagraph, #footer a.subLinks:link, #footer a.subLinks:visited{color:#525252}
#footer h5 a.footerLink:link, #footer h5 a.footerLink:visited, .hoverHeaderTag, #row2 a.greyLink, #content a.greyLink{color:#145ea3}
#row2 a.greyLink:hover{color:#000}
.columnMore:link, .columnMore:visited, .columnPortfolio{text-decoration:none; text-align:left}
.columnMore:hover, .columnPortfolio:hover{text-decoration:underline; color:#000}

#copyright{
	font-size:11px;
	padding:5px 10px;
	text-align:right;
	
	
}

#socialMediaBox{
	font-size:11px;
	padding:6px 10px 3px 10px;
	text-align:right;
	border-bottom:1px solid #ddd;
}

.socialMedia{
	font-weight:700;
	position:relative;
	top:-4px;
	left:-2px;
	
}



/***** FANCY BOX *****/
div#fancy_overlay{position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:999}

div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:999}

div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url('../img/fancybox/fancy_progress.png') no-repeat}

div#fancy_outer{position:absolute;     top:10px;     left:0;     z-index:9999;     padding:20px 20px 40px 20px;     margin:0;     background:transparent;     display:none}

div#fancy_inner{position:relative; width:100%; height:100%; background:#FFF}

div#fancy_content{margin:0; z-index:999; position:absolute}

div#fancy_div{background:#000; color:#FFF; height:100%; width:100%; z-index:100}

img#fancy_img{position:absolute; top:0; left:0; border:0; padding:0; margin:0; z-index:999; width:100%; height:100%}

div#fancy_close{position:absolute; top:-12px; right:-15px; height:30px; width:30px; background:url('../img/fancybox/fancy_closebox.png') top left no-repeat; cursor:pointer; z-index:1000; display:none}

#fancy_frame{position:relative; width:100%; height:100%; display:none}

#fancy_ajax{width:100%; height:100%; overflow:auto}

a#fancy_left, a#fancy_right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; z-index:999; display:block;background-image:url("data:image/gif; base64,AAAA"); outline:none; overflow:hidden}

a#fancy_left{left:-38px; top:-15px}

a#fancy_right{right:-58px; top:-15px}

span.fancy_ico{position:absolute; top:50%; margin-top:-15px; width:39px; height:55px; z-index:999; cursor:pointer; display:block}

span#fancy_left_ico{left:-7878789px; background:transparent url('../img/portfolio_leftarrow.png') no-repeat}

span#fancy_right_ico{right:-7878789px; background:transparent url('../img/portfolio_rightarrow.png') no-repeat}
a#fancy_left:hover, a#fancy_right:hover{visibility:visible; background-color:transparent}

a#fancy_left:hover span{left:20px}

a#fancy_right:hover span{right:20px}

#fancy_bigIframe{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent}

div#fancy_bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; border:0; padding:0; margin:0}

div.fancy_bg{position:absolute; display:block; z-index:999; border:0; padding:0; margin:0}

div#fancy_bg_n{top:-20px; left:0; width:100%; height:20px; background:transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x}

div#fancy_bg_ne{top:-20px; right:-20px; width:20px; height:20px; background:transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat}

div#fancy_bg_e{right:-20px; height:100%; width:20px; background:transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y}

div#fancy_bg_se{bottom:-20px; right:-20px; width:20px; height:20px; background:transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat}

div#fancy_bg_s{bottom:-20px; left:0; width:100%; height:20px; background:transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x}

div#fancy_bg_sw{bottom:-20px; left:-20px; width:20px; height:20px; background:transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat}

div#fancy_bg_w{left:-20px; height:100%; width:20px; background:transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y}

div#fancy_bg_nw{top:-20px; left:-20px; width:20px; height:20px; background:transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat}

div#fancy_title{position:absolute; z-index:999; display:none}

div#fancy_title div{color:#fff; font:bold 12px Arial; padding-bottom:3px; white-space:nowrap; min-width:484px; width:auto !Important; width:484px; text-align:center}

div#fancy_title table{margin:0 auto}

div#fancy_title table td{padding:0; vertical-align:middle}

td#fancy_title_left{height:32px; width:15px; background:transparent url('../img/fancybox/fancy_title_left.png') repeat-x}

td#fancy_title_main{height:32px; background:transparent url('../img/fancybox/fancy_title_main.png') repeat-x}

td#fancy_title_right{height:32px; width:15px; background:transparent url('../img/fancybox/fancy_title_right.png') repeat-x}




/*   CODA SLIDER
jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
/* Insignificant stuff, for demo purposes */
/* Most common stuff you'll need to change */
#clientListUl{position:absolute;top:242px;left:525px;z-index:999}
#clientListUl a{text-decoration:none}
#clientListUl a.onState{color:#fdb813}


.coda-slider-wrapper{padding:0 0 0 9px; position:absolute; left:186px; top:20px;width:560px;overflow:hidden}

.coda-slider-wrapper2{padding:0 0 0 0px; width:728px;overflow:hidden}

.coda-slider{background:#fff; z-index:20}/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel{width:504px;}
.coda-slider2, .coda-slider2 .panel{width:728px;height:230px;}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider{height:200px; overflow:auto !important}
.coda-slider-no-js .coda-slider2{height:230px; overflow:auto !important}


/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel{width:504px; height:381px}
.coda-slider-wrapper.arrows .coda-slider{margin:0 0 0 8px !important;margin:0 0 0 5px}

.coda-slider-wrapper.arrows .coda-slider2, .coda-slider-wrapper.arrows .coda-slider2 .panel{width:504px; height:381px}
.coda-slider-wrapper.arrows .coda-slider2{margin:0 0 0 8px !important;margin:0 0 0 5px}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a{color:#000; padding:6px 0; width:39px; height:55px}

/* Panel padding */
.coda-slider img{position:relative;top:7px;left:7px;display:none;}
.coda-slider2 img{position:relative;top:0px;left:0px;}
/* Preloader */
.coda-slider p.loading{padding:20px 20px 0 38px; text-align:center}
.coda-slider p.loading img{display:block;position:absolute;left:210px;top:90px;}

.coda-slider2 p.loading{padding:20px 20px 0 38px; text-align:center}
.coda-slider2 p.loading img{display:block;position:absolute;left:210px;top:90px;}
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul{clear:both; display:none; margin:auto; overflow:hidden; position:absolute; left:0}
.coda-nav ul li{display:block}
.coda-nav ul li a{background:#000; color:#fff; display:block; float:left; margin-right:1px; padding:3px 6px; text-decoration:none}

/* Miscellaneous */
.coda-slider-wrapper,.coda-slider-wrapper2{clear:both; overflow:hidden;}
.coda-slider{float:left; overflow:hidden; position:relative}
.coda-slider .panel{display:block; float:left}
.coda-slider .panel-container{position:relative}
.coda-slider2{float:left; overflow:hidden; position:relative}
.coda-slider2 .panel{display:block; float:left}
.coda-slider2 .panel-container{position:relative}

.coda-nav-left, .coda-nav-right{position:absolute; z-index:21}
.coda-nav-left{left:-3px; top:162px; background:url(../img/portfolio_leftarrow.png) no-repeat}
.coda-nav-right{left:518px; top:162px; background:url(../img/portfolio_rightarrow.png) no-repeat}
.coda-nav-left a, .coda-nav-right a{display:block; text-align:center; text-decoration:none}

.coda-nav-left2, .coda-nav-right2{position:absolute; z-index:21}
.coda-nav-left2{left:440px; top:240px;}
.coda-nav-right2{left:680px; top:240px; }
.coda-nav-left2 a, .coda-nav-right2 a{display:block; text-align:center; text-decoration:none}

.rightImg{position:absolute;top:30px;left:555px;}