body {
	margin:0px; padding:0px 0px;
	text-align:center; 
	font:normal 13px arial;
	color:#5b5b5b;
	line-height:18px;
	background:url(../images/page-bg.jpg) repeat-x center top  #EFEADB

	}

a:hover{color:#00637F;text-decoration:none;}
a{outline:none;	color:#1D88AE;text-decoration:none;}
form{padding:0;margin:0}


/***************** header CSS Starts ***************** */



#header_wrapper {
	
	margin:0 auto;
	text-align:center;
	padding:0px; width:950px; 
	border:0px solid #ff0000;
	 
}

#header{height:190px;overflow:hidden;width:950px; margin:0px auto;}
#spacer_top{width:950px; height:18px; margin:0px auto; float:left; }
#header .logo{float:left;width:212px; height:63px; padding:0px; margin:0px; } 
#header .rightpannel{width:738px; height:63px; float:left; margin:0px;}

/***************** navigation CSS starts ***************** */
#header .rightpannel .menu{float:right; margin:0px; height:63px;}
#header .rightpannel .menu ul{list-style:none; margin:0px; padding:13px 0px 0px 0px;}
#header .rightpannel .menu li{display:inline; margin-left:3px; float:left;}


.menu li a.home{width:63px; height:23px; background:url(../images/home_normal.png) no-repeat center top; display:block; }
.menu li a.home:hover{background:url(../images/li_home_active.png) no-repeat center top; }
.menu li a.home_active{width:63px; height:23px; background:url(../images/li_home_active.png) no-repeat center top; display:block; }


.menu li a.agency{width:73px; height:23px; background:url(../images/li_agency.png) no-repeat center top; display:block; }
.menu li a.agency:hover{background:url(../images/li_agency_active.png) no-repeat center top; }
.menu li a.agency_active{ background:url(../images/li_agency_active.png) no-repeat center top;  display:block;}


.menu li a.services{width:73px; height:23px; background:url(../images/li_services.png) no-repeat center top; display:block;}
.menu li a.services:hover{background:url(../images/li_services_active.png) no-repeat center top;}
.menu li a.services_active{background:url(../images/li_services_active.png) no-repeat center top; display:block;}


.menu li a.portfolio{width:83px; height:23px; background:url(../images/li_portfolio.png) no-repeat center top; display:block;}
.menu li a.portfolio:hover{background:url(../images/li_portfolio_active.png) no-repeat center top;}
.menu li a.portfolio_active{background:url(../images/li_portfolio_active.png) no-repeat center top; display:block;}

.menu li a.blog{width:63px; height:23px; background:url(../images/li_blog.png) no-repeat center top; display:block;}
.menu li a.blog:hover{background:url(../images/li_blog_active.png) no-repeat center top;}

.menu li a.news{width:73px; height:23px; background:url(../images/li_media.png) no-repeat center top; display:block;}
.menu li a.news:hover{background:url(../images/li_media_active.png) no-repeat center top;}
.menu li a.news_active{width:73px; height:23px; background:url(../images/li_media_active.png) no-repeat center top; display:block;}

.menu li a.clients{width:73px; height:23px; background:url(../images/li_clients.png) no-repeat center top; display:block;}
.menu li a.clients:hover{background:url(../images/li_clients_active.png) no-repeat center top; }
.menu li a.clients_active{background:url(../images/li_clients_active.png) no-repeat center top; display:block;}

.menu li a.contact{width:73px; height:23px;background:url(../images/li_contact.png) no-repeat center top;  display:block;}
.menu li a.contact:hover{background:url(../images/li_contact_active.png) no-repeat center top;}
.menu li a.contact_active{background:url(../images/li_contact_active.png) no-repeat center top; display:block;}
/***************** navigation CSS ends ***************** */
.spacer_bottom{width:950px; height:20px; margin:0px auto; clear:left; margin:0px; }
.page_content{width:950px; margin:0px; height:auto; text-align:left;}
.page_content h2{margin:0px; font-size:28px; font-weight:normal; color:#81F5FF; font-family:georgia, arial, verdana; line-height:33px;}
.page_content a{font-size:16px; color:#FFFFFF; text-decoration:none;}
.page_content a:hover{color:#EFEADB;}
/***************** header CSS ends ***************** */



/***************** Banner CSS starts ***************** */
#banner_home{width:950px; height:435px; clear:left; margin:0px auto; }

/***************** Banner CSS ends ***************** */

#middle_wrapper {
	margin:0 auto;
	text-align:center;
	padding:0;width:950px;
	clear:both;
}
#middle{overflow:hidden; width:950px; margin:0 auto; float:left; text-align:left; }

#top_wrapper{width:950px; height:auto; margin:0 auto;}
#top_wrapper .spacer_top{width:950px; height:26px; margin:0px;}
#top_wrapper .spacer_bottom{width:950px; height:31px; margin:0px;}
#top_wrapper .content{width:950px; clear:left; height:auto; margin:0px;}

.left_blog_head{width:100px; height:35px; padding-right:28px; margin:0px; float:left; font-size:16px; color:#036E8C; font-family:georgia; font-weight:normal; text-align:left;}
.left_blog_text{width:762px; height:35px; padding-right:60px;text-align:left; float:left; padding-top:2px;}
.left_blog_text a{font-size:14px; font-weight:bold; text-decoration:none; color:#036E8C;}
.left_blog_text a:hover{color:#000000;}
.left_blog_text a span{color:#000000; }


#bottom_wrapper{clear:left; width:950px; height:auto; margin:0 auto;}
#bottom_wrapper .spacer_top{width:950px; height:23px; margin:0px;}
#bottom_wrapper .spacer_bottom{width:950px; height:48px; margin:0px;}
#bottom_wrapper .content{clear:left; width:950px; height:auto; margin:0 auto;}



.bottom_boxes_wrap{width:273px; height:auto; float:left; margin:0px; }
.bottom_boxes_wrap .heading_mi{float:left; width:221px; height:46px; margin:0px; background:url(../images/mi-icon.jpg) no-repeat left top; padding-left:50px;}
.bottom_boxes_wrap .heading_work{float:left; width:218px; height:46px; margin:0px; background:url(../images/monius-interactive-icon.jpg) no-repeat left top; padding-left:53px;}
h3{font-size:18px; color:#454545; font-family:georgia, arial; margin:0px; font-weight:normal; text-align:left; padding-top:6px;}
a.h3{font-size:18px; color:#454545; font-family:georgia, arial; margin:0px; font-weight:normal; text-align:left; padding-top:6px;}
span{font-size:14px; color:#1B799C; font-weight:bold;}
.bottom_boxes_wrap .spacer_mid_text{width:271px; height:19px; clear:left;}
#twitter_div{
width:266px;
clear:left; 
height:65px;
text-align:left;
font-size: 12px;
color:#454545; 
font-family:georgia, arial;
border:0px solid red;
padding:0 0 0 8px;
}
#twitter_div span{
text-align:left;
font-size: 12px;
color:#454545; 
font-weight:normal;
line-height:15px;
font-family:arial;
}

#twitter_div ul {
list-style-type: none;
width:260px;
margin:0px;
font-size: 11px;
color:#959595; 
font-family: arial;
padding:0;
border:0px solid red;
}

#twitter_div li {
float:left;
width:260px;
display:block;
border:0px solid red;
}

#twitter_div ul li a {
display:block;
padding:0 0 2px 0;
line-height:15px;
text-decoration: none;
color:#454545; 
}

#bottom_wrapper .content .bottom_boxes_wrap p{margin:0px; padding:0px; color:#5b5b5b; font-size:12px;}
#bottom_wrapper .content .bottom_boxes_wrap p a.bottomlink{padding-left:10px; color:#D97087;}


.twitter_boxes_wrap{width:266px; height:auto; float:left; margin:0px; }
.twitter_boxes_wrap .heading_twitter{float:left; width:196px; height:46px; margin:0px; background:url(../images/mobius-twitter-icon.jpg) no-repeat left top; padding-left:70px;}
h3{font-size:18px; color:#454545; font-family:georgia, arial; margin:0px; font-weight:normal; text-align:left; padding-top:6px;}

.twitter_boxes_wrap .spacer_twitter_top{width:266px; height:15px; clear:left;}
.twitter_boxes_wrap .spacer_twitter_bottom{width:266px; height:19px; clear:left;}
.twitter_boxes_wrap .spacer_twitter_bottom1{width:266px; height:15px; clear:left;}
#bottom_wrapper .content .twitter_boxes_wrap p{margin:0px; padding:0px; color:#3E3E3E; font-size:12px;}
#bottom_wrapper .content .twitter_boxes_wrap p a.bottomlink{padding-left:10px; color:#D97087;}
bottomlink a{color:#D97087;}
.date{font-size:11px; color:#959595; line-height:18px;}



.boxes_space{width:64px; height:auto; float:left; margin:0px;}



/***************** Middle CSS ends ***************** */


/***************** footer CSS starts ***************** */
#footerwrapper{clear:left; margin:0px auto; width:950px; height:38px; font-size:11px; color:#828282; font-weight:normal; }
#footerwrapper a{color:#1D88AE; text-decoration:none;}
#footerwrapper a:hover{color:#00637F;}
.topline{width:950px; height:1px; background:#D3CFC1; margin:0 auto;}
.topspace{width:950px; height:10px; clear:left;}
#footer{width:950px; height:auto; margin:0px auto; color:#828282; font-family:arial; font-size:11px;  }
#footer .footerLeft{float:left; width:550px; height:auto; text-align:left; clear:left;  }
#footer .footerright{float:right; width:400px; height:auto; text-align:right; color:#7E7E7E; font-size:12px;  }
#footer .footerright a{color:#7E7E7E; font-size:11px; text-decoration:none; }
#footer .footerright a:hover{color:#00637F;}
.padleft{padding-left:15px; font-size:11px; color:#828282; font-weight:normal;}

/***************** footer CSS ends ***************** */




/*********************/
/*   SHOWCASE HOME   */
/*********************/

.home_showcase { display: inline; float: left; width: 940px; height: 390px; margin-bottom: 50px; }

div.home_controls { display: inline; float: left; width: 940px; height: 390px; margin-bottom: 50px; }

.jCarousel_wrapper { display: block; float: left; position: absolute; z-index: 3; }

	.jCarousel_wrapper ul li { display: inline; width: 940px; height: 390px; }

		span.prev { background-image: url(../images/b_prev_showcase.png); width: 40px; height: 40px; float: left; margin-top: 185px; margin-left: -80px; cursor: pointer; z-index: 15; display: inline-table; }

		span.next { background-image: url(../images/b_next_showcase.png); width: 40px; height: 40px; display: inline-table; float: left; margin-top: 185px; margin-left: 1020px; cursor: pointer; z-index: 15; position: absolute; }

/* Showcase stylings */

div.home_showcase_description { background-image: url(../images/bg_black_transparent.png); display: inline; width: 940px; float: left; height: 70px; padding: 20px; z-index: 10; margin-top: 280px; position: absolute; }

.home_showcase_img img { position: absolute; display: inline; float: left; z-index: 5; }

div.home_showcase_shadow { width: 1218px; height: 69px; display: inline; margin-left: -131px; z-index: 0; background: url(../images/showcase_shadow.png) no-repeat; overflow: hidden; margin-top: 353px; float: left; position: absolute; }

div.home_showcase_shadow2 { width: 1218px; height: 69px; margin-left: -131px; z-index: 0; background: url(../images/showcase_shadow.png) no-repeat; overflow: hidden; float: left; display: inline; margin-top: -89px;  }

/* CU3ER */

div.home_showcase_CU3ER { display: inline; float: left; height: 390px; margin-bottom: 50px; }

#cu3er_showcase { display: inline; float: left; position: absolute; z-index: 5;}

/*********************/
/*   Content frame   */
/*********************/

div#content_frame { background: url(../images/main_background.jpg) repeat-x; float: left; width: 100%; padding-top:0px; margin: 0 auto; }

#content_wrapper { width: 940px; margin:0 auto; padding-right:12px;}