/*
Theme Name: Mobile Pie Theme
Theme URI: http://www.mobilepie.com
Description: The default Mobile Pie Theme
Version: 1.0
Author: Mobile Pie
Author URI: http://www.mobilepie.com

*/

* { font-size: 100.01%; }
html { font-size: 62.5%; }
/*sifr start*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
object, embed {
	margin: 0;
	padding: 0;
	display: block;
}
/*sifr end*/
body{
	margin:0;
	background:#3f3f3f url(images/body-bg.gif) repeat-y 50% 0;
	font: 100% Arial, Helvetica, sans-serif;
}
img{
	display:block;
	border-style:none;
}
.main{
	width:828px;
	margin:0 auto;
	background:url(images/main-bg.gif) repeat-y;
}
.main-footer{
	padding:128px 0 0 0;
	position:relative;
	width:828px;
	background:url(images/footer-bg.jpg) no-repeat 0 100%;
}
/*--logo--*/
.logo-wrapper{
	position:absolute;
	background:#3f3f3f url(images/logo_topbar.png) top right no-repeat;
	left:0;
	top:0;
	z-index:2;
	width:828px;
	height:128px;
}
.logo-wrapper h1{
	background:url(images/logo_main.png) no-repeat;
	width:388px;
	height:128px;
	margin:0;
	position:absolute;
	z-index:2;
}
#logo_holder
{	//position:absolute; }

.logo-wrapper h1 a,
.more-info a,
.main-menu li a{
	display:block;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}
.logo-wrapper h1 a{
	width:344px;
	height:127px;
	background:url(images/none.gif) no-repeat;
}
/*--header--*/
#header{
	position:absolute;
	top:0;
	left:0;
	height:243px;
	width:828px;
}
#header .flash{
	width:827px;
	height:243px;
	overflow:hidden;
}
/*--more info--*/
.more-info-wrapper{
	position:absolute;
	right:10px;
	bottom:10px;
}
.more-info,
.more-info a{
	width:82px;
	height:22px;
}
.more-info{background:url(images/more-info.png) no-repeat;}
.more-info a{background:url(images/none.gif) no-repeat;}
/*--content--*/
/*--main-menu--*/
.main-menu{
	//background:url(images/main-menu-bg.gif) no-repeat;
	width:828px;
	height:31px;
}
.related,
.footer-menu,
.main-menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.main-menu ul{
	//padding:7px 0 0 13px;
	overflow:hidden;
	width:400px;
}
.main-menu li{float:left;}
.main-menu li a{height:32px;}
.main-menu li a.home{
	background:url(images/menu_home.png) no-repeat;
	width:50px;
}
.main-menu li a.aboutus{
	background:url(images/menu_about.png) no-repeat;
	width:80px;
}
.main-menu li a.work{
	background:url(images/menu_work.png) no-repeat;
	width:56px;
}
.main-menu li a.blog{
	background:url(images/menu_blog.png) no-repeat;
	width:50px;
}
.main-menu li a.case{
	background:url(images/case.gif) no-repeat;
	width:109px;
}
.main-menu li a.services{
	background:url(images/services.gif) no-repeat;
	width:83px;
}
.main-menu li a.technologies{
	background:url(images/technolo.gif) no-repeat;
	width:117px;
}
.main-menu li a.contact{
	background:url(images/menu_contact.png) no-repeat;
	width:111px;
}
.main-menu li.active a,
.main-menu li a:hover{background-position:0 -32px;}

/* follow us */
#followus
{	width:90px;
	height:28px;
	background:url(images/menu_followus.png) no-repeat;
	margin-left:578px;
	position:absolute;
	padding:2px 0 0 160px;
}
.followus_icon, .followus_icon:hover
{	width:24px;
	height:24px;
	margin-right:5px;
	background-position:0 0 !important;
}
.followus_facebook
{	background:url(images/menu_followus_facebook.png) no-repeat;
}
.followus_youtube
{	background:url(images/menu_followus_youtube.png) no-repeat;
}
.followus_twitter
{	background:url(images/menu_followus_twitter.png) no-repeat;
}

/*--columns--*/
.columns{
	width:100%;
	overflow:hidden;
	margin-top:-8px;
}
/*--column-left--*/
.column-left{
	width:577px;
	float:left;
	padding:30px 0 140px 0;
}
.column-left p, .column-left small{
	margin:0 0 15px 0;
	font-size:120%;
	color:#666;
}
.column-left p a{
	color:#d011b0;
	text-decoration:none;
}
.column-left p a:hover{text-decoration:underline;}
/*--bottom--*/
.bottom{
	background:url(images/bottom.gif) no-repeat 0 100%;
	padding-bottom:40px;
}
.box-content-wrapper{
	padding:0 37px 0 28px;
	overflow:hidden;
	height:1%;
}
.left-column{
	width:177px;
	float:left;
}
.right-column h2,
.left-column h2{
	margin:0 0 10px 0;
	font-size:18px;
	color:#1f92ff;
}
.right-column{
	width:334px;
	float:right;
}
.top{
	background:url(images/top.gif) no-repeat;
	padding-top:45px;
}
.left-column-2{
	width:333px;
	float:left;
}
.right-column-2{
	width:156px;
	float:right;
}
.right-column-2 img{margin-bottom:17px;}
.content-wrapper{padding:0 19px;}
.content-wrapper .navigation {
	padding-top: 2px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.entry {
	padding-top: 10px;
	padding-bottom: 8px;
}
.entry ul {
	list-style-type: square;
	color: #1f92ff;
	font-size: 120%;
	padding-left: 15px;
}
.post img.avatar {
	float: right;
	margin-right: 8px;
	margin-bottom: 8px;
}
.comment-body img.avatar {
	float: left;
}
.comment-body a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color:#1f92ff;
}
.content-wrapper small {
font:100% Arial, Helvetica, sans-serif;
}
.content-wrapper h3 {
	font-size: 18px;
	color:#1f92ff;
	margin-bottom: 3px;
}
.content-wrapper h3 a, .content-wrapper a {
	text-decoration: none;
	color: #1f92ff;
}
.content-wrapper h2{
	margin:0 0 3px 0;
	font-size: 22px;
	color:#d011b0;
}
.content-wrapper h2 a{
	margin:0 0 3px 0;
	color:#1f92ff;
	text-decoration: none;
	font-variant: small-caps;
}
.content-wrapper h2 .pagetitle {
}
.content-wrapper h1 {
	margin:0 0 10px 0;
	color:#d011b0;
	font-weight: bold;
	font-size: 30px;
}
.sociable_tagline {
	padding-bottom: 4px;
	font-size:120%;
	color:#d011b0;
}
.sociable ul {
	display: inline;
	padding-left: 0;
}
.sociable li {
	display: inline;
}
.sociable li a img {
	display: inline;
}
.related{padding-right:198px;}
.related li{
	background:url(images/point.gif) no-repeat 0 5px;
	padding:0 0 3px 9px;
}
.related li strong{
	font-size:120%;
	color:#d011b0;
}
.column{
	width:156px;
	float:left;
	padding-right:21px;
}
.last-column{padding-right:0;}
.column h2{
	margin:0 0 25px 0;
	color:#3f3f3f;
	font-size:18px;
}
.column img{margin:0 0 17px 0;}
/*--column-right--*/
.column-right{
	width:250px;
	overflow:hidden;
	float:left;
	padding:0 0 175px 0;
	background:url(images/right-column-bg.gif) repeat-x;
	margin-top: 2px;
}
.box-img{
	background:url(images/box-img-bg.gif) no-repeat 0 100%;
background-color: #ebebeb;
	padding-bottom:24px;
}
.box-img h2 {
		margin: 0;
	padding:10px 0px;
	color:#d011b0;
	font-size:18px;
	background-color: #ebebeb;
}
.box-img a{
	text-decoration:none;
	color:#d011b0;
	float:none;
}
.box-img a:hover{text-decoration:underline;}
.box-img p {
	clear:both;
	font-size:120%;
background-color: #ebebeb;
	color:#666;
	padding-left: 10px;
}
/*--news--*/
.news-box{padding:10px 15px;}
.news-box p,
.news-box h3{margin:0;}
.news-box p{
	font-size:120%;
	color:#666;
}
.news-box strong,
.news-box h3{
	font-size:120%;
	color:#d011b0;
}
.news-box img{margin:10px 0;}
.news-box p a{
	color:#1f92ff;
	text-decoration:none;
}
.news-box p a:hover{text-decoration:underline;}
.news-header{
	height:1%;
	overflow:hidden;
	padding: 20px 15px 0;
}
.news-header h2{
	margin: 0 0 5px;
	font-size:18px;
	float:left;
}
.news-header span{
	float:right;
	color:#d011b0;
	padding:1px 0 0 0;
}
.news-header a{
	text-decoration:none;
	color:#d011b0;
	float:none;
}
.news-header p {
	clear:both;
	font-size:120%;
	color:#666;
}
.news-header p a {
	text-decoration:none;
}
.news-header h2 span{
	float:none;
	padding:0;
}
/*--footer--*/
#footer{
	height:43px;
	padding:7px 0 0 0;
}
.footer-menu{
	text-align:center;
}
.footer-menu li{
	display:inline;
	background:url(images/line-footer.gif) no-repeat 0 50%;
	padding:0 0 0 7px;
}
.footer-menu li.first{
	background:none;
	padding-left:0;
}
.footer-menu li a, #footer a{
	text-decoration:none;
	color:#8c8c8c;
}
.footer-menu li a:hover, #footer a:hover{text-decoration:underline;}
#footer p{
	margin:0;
	text-align:center;
	font-size:110%;
	color:#8c8c8c;
}
#footer p{
	margin:0;
	text-align:center;
	font-size:110%;
	color:#8c8c8c;
}
/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
ul#twitter_update_list {
	list-style-type: square;
	color: #1f92ff;
	list-style-position: outside;
	padding-left: 15px;
}
#twitter_update_list li {
	font-size:120%;
	color:#666;
	margin-top: 4px;
	margin-bottom: 4px;
}
#twitter_update_list li span {
	display: block;
}
#twitter_update_list li  a {
color:#d011b0;
text-decoration:none;
}
#twitter_update_list li  a:hover {
	text-decoration:none;
}
.news-box h2 {
		margin: 0;
	color:#d011b0;
	font-size:18px;
}
.news-box p a {
color:#d011b0;
}
.top .navigation {
	padding-left: 20px;
	font-size: 120%;
}
.top .navigation a {
		color:#d011b0;
	text-decoration:none;
}
.top .navigation a:hover{
	text-decoration:underline;
}
#portfolio_list {
}
ul#portfolio_list li {
	list-style-type: none;
	width: 156px;
	padding-left: 0;
	text-align: right;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
	height: 150px;
}
ul#portfolio_list li img {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 156px;
	height: 112px;
}
.work_bottom {
		background: #e2e2e2 url(images/work_icon_bottom.gif) no-repeat 0 bottom;
		height: 34px;
		padding-top: 8px;
}
ul#portfolio_list li h2 {
	font-size: 90%;
	margin:  0 10px;
	color: white;
}
ul#portfolio_list li a {
	color: white;
}
ul#portfolio_list li h3 {
	font-size: 80%;
	margin:  0 10px;
	color: white;
}