.trans25 {position:absolute;top: 0%;left: 0%;width: 100%;height: 100%;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;background-color:#020202;z-index:100}

.popup_window {position:absolute;height:100%;width:100%;display:block;top: 0px;left: 0px;z-index:10;overflow:hidden;z-index:101}

.logos_area {
	float:left;
	width:390px;
	height:404px;
	margin-top:31px;	
	position:relative;
	overflow:hidden;
}

#logos_content {
	position:absolute;
	top:0px;
	left:0px;
	width:390px;
	overflow:hidden;
}

#area {

	height: 404px;
	width: 23px;
	float:left;
	margin-top:31px;
}
 
#knob {
	width: 23px;
	height: 20px;
	cursor:pointer;	
	background-image:url(../images/portfolio/scroller.png);
}

.page_panel {
	background:url(../images/portfolio/top_panel.gif) 0px 0px no-repeat;
	width:765px;
	height:42px;
	overflow:hidden;
}

.close_page {
	cursor:pointer;
	margin-left:87px;
	margin-top:7px;
	width:13px;
	height:14px;
	float:left;
}

.prev_page {
	float:left;
	background-image:url(../images/portfolio/prev.png);
	width:25px;
	height:38px;
	overflow:hidden;
	cursor:pointer;
	background-position: 0px 0px;
	margin-left:93px;
	margin-top:2px;
}

.prev_page:hover {
	background-position:0px -38px;
}


.next_page {
	float:left;	
	margin-left:20px;
	margin-top:2px;	
	background-image:url(../images/portfolio/next.png);
	width:26px;
	height:38px;
	overflow:hidden;
	cursor:pointer;
	background-position: 0px 0px;
}

.next_page:hover {
	background-position:0px -38px;
}

.page1 {
	float:left;
	margin-left:15px;
	margin-top:2px;	
	background-image:url(../images/portfolio/p1.png);
	width:55px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;
}

.page1:hover {
	background-position:0px -38px;	
}

.page2 {
	float:left;
	margin-left:5px;
	margin-top:2px;	
	background-image:url(../images/portfolio/p2.png);
	width:56px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;	
}

.page2:hover {
	background-position:0px -38px;	
}

.page3 {
	float:left;
	margin-left:4px;	
	margin-top:2px;	
	background-image:url(../images/portfolio/p3.png);
	width:57px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;	
}

.page3:hover {
	background-position:0px -38px;	
}

.page4 {
	float:left;
	margin-left:4px;	
	margin-top:2px;	
	background-image:url(../images/portfolio/p4.png);
	width:56px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;
}

.page4:hover {
	background-position:0px -38px;	
}

.page5 {
	float:left;
	margin-left:5px;	
	margin-top:2px;	
	background-image:url(../images/portfolio/p5.png);
	width:57px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;	
}

.page5:hover {
	background-position:0px -38px;	
}

.page6 {
	float:left;
	margin-left:4px;		
	margin-top:2px;	
	background-image:url(../images/portfolio/p6.png);
	width:57px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;	
}

.page6:hover {
	background-position:0px -38px;	
}

.page7 {
	float:left;
	margin-left:5px;	
	margin-top:2px;	
	background-image:url(../images/portfolio/p7.png);
	width:55px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;	
}

.page7:hover {
	background-position:0px -38px;	
}

.page8 {
	float:left;
	margin-left:4px;	
	margin-top:2px;	
	background-image:url(../images/portfolio/p8.png);
	width:55px;
	height:38px;
	background-position:0px 0px;
	overflow:hidden;
	cursor:pointer;	
}

.page8:hover {
	background-position:0px -38px;	
}

.popup_window  iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:101;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
	overflow:hidden;
	border:0px;
}

.popup_portfolio_bg {
	width:761px;
	height:487px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	text-align:left;
	line-height:16px;
	font-family: Arial;
	font-size:12px;	
	overflow:hidden;
}

#page_bg_1 {
	background-image:url(../images/portfolio/aclc_large.jpg);
}

#page_bg_2 {
	background-image:url(../images/portfolio/bluesun_large.jpg);
}

#page_bg_3 {
	background-image:url(../images/portfolio/ddt_large.jpg);
}


#page_bg_4 {
	background-image:url(../images/portfolio/kiteline_large.jpg);
}

#page_bg_5 {
	background-image:url(../images/portfolio/logos_large.png);
}

#page_bg_6 {
	background-image:url(../images/portfolio/influencer_large.jpg);
}

#page_bg_7 {
	background-image:url(../images/portfolio/eco_large.jpg);
}

#page_bg_8 {
	background-image:url(../images/portfolio/lhs_large.jpg);
}

#page_bg_9 {
	background-image:url(../images/portfolio/undertone_large.jpg);
}

#page_bg_10 {
	background-image:url(../images/portfolio/fluidtour_large.jpg);
}

.branding_area {
	background:url(../images/logo/border.png) 0px 0px no-repeat;
	width:568px;
	height:178px;
	overflow:hidden;
}

.branding_area2 {
	background:url(../images/logo/border2.png) 0px 0px no-repeat;
	width:568px;
	height:211px;
	overflow:hidden;
}

.branding_area2 .pic,
.branding_area .pic {
	margin-top:16px;
	margin-left:16px;
	margin-right:16px;
	text-align:center;
}
.branding_area2 .pic {
	margin-top:35px;
	margin-bottom:16px;
}

.branding_area2 .more,
.branding_area .more {
	float:left;	
	margin-left:28px;
	margin-top:8px;
}

.branding_area2 .visit,
.branding_area .visit {
	float:right;	
	margin-right:43px;
	margin-top:8px;
}

#main-bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

br { clear:both}

.main_content {
	position:relative;
	z-index:1;
}

.bg {
	background-image:url(../images/middle.png);
	background-position: top left;
	background-repeat:repeat-y;
	width:1028px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	color:#676767;
	font-size:12px;
	line-height:18px;
}

.bg .content {
	margin-left:14px;
	margin-right:14px;
}

.bg .content .left {
	float:left;	
	margin-right:33px;
	text-align:left;
	width:365px;
}

.bg .content .left .text {
	margin-left:53px;
	width:312px;
}

.bg .content .left .text sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;	
	font-size:10px;
}

.bg .content .left .text .c1 {
	float:left;
	width:130px;
}

.bg .content .left .text .c2 {
	float:left;
	width:180px;	
}

.b1 {
	background:url(../images/bullet.gif) 0px 7px no-repeat;
	padding-left:7px;
}

.bg .content .left .logo5,
.bg .content .left .logo4,
.bg .content .left .logo3,
.bg .content .left .logo2,
.bg .content .left .logo {
	margin-left:54px;
	margin-top:27px;
	background-image:url(../images/logo.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:311px;
	height:74px;
	text-indent:-5000px;
	border:0px;
	display:block;
}

.bg .content .left .logo2 {
	background-position:0px -74px;
	height:100px;	
}

.bg .content .left .logo3 {
	background-position:0px -174px;
	height:73px;	
}

.bg .content .left .logo4 {
	background-position:0px -247px;
	height:100px;	
}

.bg .content .left .logo5 {
	background-position:0px -347px;
	height:100px;	
}

.bg .content .left .slogan {
	background:url(../images/we-give-good-web.png) 0px 0px no-repeat;
	width:302px;
	height:179px;
	text-indent:-5000px;
	margin-left:59px;
	margin-top:34px;
	margin-bottom:22px;
	display:block;
}


.bottom {
	clear:both;
}

a { text-decoration:underline;color:#676767}
a:hover {text-decoration:none;color:#676767}

.bg .content .footer {
	clear:both;	
	color:#a8a7a7;	
	font-size:10px;	
	z-index:10;
/*	position:relative;*/
}

.bg .content .footer .c1 {
	float:left;
	margin-left:53px;
	margin-top:50px;	
}

.bg .content .footer .c1 a {
	color:#a8a7a7;		
	text-decoration:none;	
}

.bg .content .footer .c1 a:hover {
	text-decoration:underline;	
}

.bg .content .footer .c2 {
	float:right;
	margin-right:43px;
	margin-top:50px;	
}

.portfolio_spotlight {
	float:left;
	width:569px;	
}

.portfolio_spotlight .link {
	background:url(../images/portfolio-spotlight.jpg);
	width:569px;
	height:392px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	text-indent:-5000px;
	display:block;
	border:0px;
}

.portfolio_spotlight .link:hover {
	background-position: 0px -392px;
}

.bg .content .right {
	float:left;	
	width:602px;
	text-align:left;
}

.bg .content .right .text {
	width:546px;
	text-align:left;
	margin-top:50px;
	margin-left:20px;
}

.bg .content .right .text ul {
	margin-left:50px;
	list-style-type:disc;
}

.bg .content .right .text ol {
	list-style-type:decimal;
	margin-left:50px;
}

/* Menu */
.left_nav3,
.left_nav,
.main_nav3,
.main_nav2,
.main_nav {
	margin-top:13px;	
	margin-left:30px;
	margin-bottom:20px;
	text-align:left;
	font-size:11px;
	overflow:hidden;
	width:564px;
}
.left_nav3,
.left_nav {
	width:175px;	
	margin-left:0px;	
}

.left_nav3 .menu-about,
.left_nav .menu-about,
.main_nav3 .menu-about,
.main_nav2 .menu-about,
.main_nav .menu-about {
	float:left;
	width:94px;
}

.left_nav3 .menu-about .link,
.left_nav .menu-about .link,
.main_nav3 .menu-about .link,
.main_nav2 .menu-about .link,
.main_nav .menu-about .link {
	background-image:url(../images/navigation.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:43px;
	height:17px;
	display:block;
	text-indent:-5000px;
}

.left_nav .menu-about .link,
.main_nav2 .menu-about .link {
	background-position:0px -17px;	
}

.left_nav3 .menu-about .link,
.main_nav3 .menu-about .link {
	background-position:0px -34px;	
}

.left_nav3 .menu-portfolio,
.left_nav .menu-portfolio,
.main_nav3 .menu-portfolio,
.main_nav2 .menu-portfolio,
.main_nav .menu-portfolio {
	float:left;
	width:103px;
}

.left_nav3 .menu-portfolio .link,
.left_nav .menu-portfolio .link,
.main_nav3 .menu-portfolio .link,
.main_nav2 .menu-portfolio .link,
.main_nav .menu-portfolio .link {
	background-image:url(../images/navigation.png);
	background-position:-94px 0px;
	background-repeat:no-repeat;	
	width:67px;
	height:17px;
	display:block;
	text-indent:-5000px;
}

.left_nav .menu-portfolio .link,
.main_nav2 .menu-portfolio .link {
	background-position:-94px -17px;
}

.left_nav3 .menu-portfolio .link,
.main_nav3 .menu-portfolio .link {
	background-position:-94px -34px;
}

.left_nav3 .menu-contact,
.left_nav .menu-contact,
.main_nav3 .menu-contact,
.main_nav2 .menu-contact,
.main_nav .menu-contact {
	float:left;
	width:101px;
}

.left_nav3 .menu-contact .link,
.left_nav .menu-contact .link,
.main_nav3 .menu-contact .link,
.main_nav2 .menu-contact .link,
.main_nav .menu-contact .link {
	background-image:url(../images/navigation.png);
	background-position:-197px 0px;
	background-repeat:no-repeat;	
	width:67px;
	height:17px;
	display:block;
	text-indent:-5000px;
}


.left_nav .menu-contact .link,
.main_nav2 .menu-contact .link {
	background-position:-197px -17px;
}

.left_nav3 .menu-contact .link,
.main_nav3 .menu-contact .link {
	background-position:-197px -34px;
}

.left_nav3 .menu-services,
.left_nav .menu-services,
.main_nav3 .menu-services,
.main_nav2 .menu-services,
.main_nav .menu-services {
	float:left;
}

.main_nav3 .menu-services .c1,
.main_nav2 .menu-services .c1,
.main_nav .menu-services .c1 {
	float:left;
	width:117px;
}

.main_nav3 .menu-services .c2,
.main_nav2 .menu-services .c2,
.main_nav .menu-services .c2 {
	float:left;
	width:145px;
	
}

.left_nav3 .menu-services .link,
.left_nav .menu-services .link,
.main_nav3 .menu-services .link,
.main_nav2 .menu-services .link,
.main_nav .menu-services .link {
	background-image:url(../images/navigation.png);
	background-position:-298px 0px;
	background-repeat:no-repeat;	
	width:67px;
	height:17px;
	display:block;
	text-indent:-5000px;
}

.left_nav .menu-services .link,
.main_nav2 .menu-services .link {
	background-position:-298px -17px;
}

.left_nav3 .menu-services .link,
.main_nav3 .menu-services .link {
	background-position:-298px -34px;
}

.left_nav3 .menu-services a,
.left_nav3 .menu-contact a,
.left_nav3 .menu-about a,
.left_nav .menu-services a,
.left_nav .menu-contact a,
.left_nav .menu-about a,
.main_nav3 .menu-services a,
.main_nav3 .menu-contact a,
.main_nav3 .menu-about a,
.main_nav2 .menu-services a,
.main_nav2 .menu-contact a,
.main_nav2 .menu-about a,
.main_nav .menu-services a,
.main_nav .menu-contact a,
.main_nav .menu-about a {
	text-decoration:none;	
	display:block;	
}

.left_nav3 .menu-services .active,
.left_nav3 .menu-contact .active,
.left_nav3 .menu-about .active,
.left_nav .menu-services .active,
.left_nav .menu-contact .active,
.left_nav .menu-about .active {
	background-color:#528cd3;
	color:#ebeaea;
	width:175px;
	text-indent:12px;
	text-decoration:none;		
}

.left_nav3 .menu-services .active:hover,
.left_nav3 .menu-contact .active:hover,
.left_nav3 .menu-about .active:hover,
.left_nav .menu-services .active:hover,
.left_nav .menu-contact .active:hover,
.left_nav .menu-about .active:hover {
	background-color:#528cd3;
	color:#ebeaea;
	width:175px;
	text-indent:12px;	
	text-decoration:none;		
}

.left_nav3 .menu-services .active:hover,
.left_nav3 .menu-contact .active:hover,
.left_nav3 .menu-about .active:hover,
.left_nav3 .menu-services .active,
.left_nav3 .menu-contact .active,
.left_nav3 .menu-about .active {
	background-color:#456b00;
}

.left_nav3 .menu-services a:hover,
.left_nav3 .menu-contact a:hover,
.left_nav3 .menu-about a:hover,
.left_nav .menu-services a:hover,
.left_nav .menu-contact a:hover,
.left_nav .menu-about a:hover,
.main_nav3 .menu-services a:hover,
.main_nav3 .menu-contact a:hover,
.main_nav3 .menu-about a:hover,
.main_nav2 .menu-services a:hover,
.main_nav2 .menu-contact a:hover,
.main_nav2 .menu-about a:hover,
.main_nav .menu-services a:hover,
.main_nav .menu-contact a:hover,
.main_nav .menu-about a:hover {
	text-decoration:underline;	
	display:block;	
}

.chat-live {
	float:left;

	width:178px;
	height:84px;
	margin-left:15px;
	margin-top:35px;
}


.bar {
	float:left;
	margin-left:36px;
	margin-right:33px;
	margin-top:37px;
}

.hr_gray {
	clear:both;
	background:url(../images/dot-gray.gif) 0px 0px repeat-x;
	width:173px;
	height: 1px;
	margin-top:22px;
	margin-bottom:22px;
	overflow:hidden;
}

.twitter_area {
	float:left;
	width:257px;
	

}

.twitter_area2 {
	text-align:left;
	width:173px;
}


.invisible
{
	display:none; 
}

.visible
{
	display:block;
}

.backtotop {
	float:right;
	text-align:right;	
	display:block;
}

/* Portfolio */
.portfolio_top {
	background:url(../images/portfolio/pop_top.gif) 0px 0px no-repeat;
	height:15px;
	width:765px;
}

.title {
	font-size:22px;
	line-height:24px;
}

/* Title */
.whats-new,
.whats-new-at-advoca {
	background:url(../images/whats-new-at-advoca.png) 0px 0px no-repeat;
	width:206px;
	height:16px;
	display:block;
	text-indent:-5000px;
	margin-bottom:10px;	
}

.whats-new {
	width:105px;	
}

.follow-us-on-twitter {
	background:url(../images/follow-us-on-twitter.png) 0px 0px no-repeat;
	width:143px;
	height:15px;
	display:block;
	text-indent:-5000px;
	margin-left:-2px;
	margin-top:2px;
	
}

.web-design-web-development {
	background:url(../images/web-design--web-development.png) 0px 0px no-repeat;
	width:312px;
	height:20px;
	display:block;
	margin-bottom:5px;
}

.web-design {
	background:url(../images/web-design.png) 0px 0px no-repeat;	
	width:111px;
	height:20px;
	text-indent:-5000px;	
	float:left;
	cursor:pointer;
}

.web-development {
	background:url(../images/web-development.png) 0px 0px no-repeat;	
	width:173px;
	height:20px;
	float:right;
	text-indent:-5000px;	
	cursor:pointer;
}


.our-services {
	background:url(../images/our-services.png) 0px 0px no-repeat;
	width:119px;	
	height:16px;
	display:block;
	color:#ebeaea;
	margin-top:55px;
	text-indent:-5000px;
	margin-bottom:21px;
	cursor:pointer;
}

.our-process {
	background:url(../images/our-process.png) 0px 0px no-repeat;
	width:115px;
	height:16px;
	display:block;
	text-indent:-5000px;
	margin-bottom:14px;	
}

/* Float Column */
#fixeddiv {
	position:absolute;       
	top:0px;       
	z-index:5;	
	margin-bottom:74px;
}