@charset "utf-8";
/* CSS Document */

html { overflow: -moz-scrollbars-vertical !important; }

body { background:url(../images/body-bg.gif) repeat-x 0 0 #E4E4E4; }

p a{
	color:#444751;
	text-decoration:underline;
/* 	font-weight:bold; */
	}
	
p a:hover{
	text-decoration:none;
	}


#topHeader { 
	padding:28px 0 0;
	height:148px;
	position:relative;
	}

#topHeader .grid_4 a { margin-top: 8px; display: block;}

#caption {
	background:url(../images/caption.gif) no-repeat 0 0;
	height:0;
	padding-top:63px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	margin: 0 0 0 360px;
	}
.glow {
	background:url(../images/body-bg-glow.png) no-repeat 0 80%;
	height:100%;
	overflow:hidden;
	padding:15px 0 35px;
	}
#leftMobile {
	padding:15px 0 0;
	margin:0;
	}
.load {
	padding:10px 0 0 90px;
	}
.right-top-pad {
	padding:15px 18px 0 0;
	}
.contactRight {
	padding:15px 18px 0;
	}
.titlePad {
	padding:0 0 10px;
	margin:0;
	}	
.titlePad1 {
	padding-top:15px;
}
.titleFont {
	font-size:16px;
	line-height:18px;
	font-weight:normal;
	}
/* contact panel start */
.contact {
	background-color:#d5dfe5;
	}
.contact h2 {
	background:url(../images/conact-title-bg.gif) no-repeat 0 0;
	height:38px;
	}
	
/* Right panel style */
h2.rightTitle{
	font-weight:bold;
	font-size:14px;
	line-height:29px;
	background:url(../images/right-title-bg.gif) 0 0 no-repeat;
	padding:0 0 0 10px;
	margin:0 0 7px 0;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
}
h2.rightTitle span{
	display:block;
	line-height:29px;
	background:url(../images/right-title-span.gif) 100% 0 no-repeat;
}
ul.rightList{
	line-height:16px;
	padding:0 0 0 10px;
	margin:0 0 18px 0;
	list-style-type:none;
}
ul.rightList li{
	padding:3px 0 3px 8px;
	margin:0;
	list-style-type:none;
	background:url(../images/bullet01.gif) no-repeat 0 9px;
}
p.rightText{
	padding:0 0 0 8px;
}
p.rightText span{
	display:block;
	margin:10px 0 0 0;
}
p.rightText span a{
	font-weight:normal;
	color:#747474;
	background-color:inherit;
}
div.rightBox{
	height:80px;
	background:url(../images/right-box-bg.gif) 0 0 no-repeat;
	padding:12px;
}
div.rightBox h3{
	font-weight:normal;
	font-size:18px;
	line-height:20px;
	color:#000;
	background-color:inherit;
	padding:0;
	margin:0 0 5px 0;
}
.rightBox p{
	padding:0 0 8px 0;
	margin:0;
}
.rightBox a{
	display:block;
	width:90px;
	height:20px;
	background:url(../images/beacon-btn.gif) 0 0 no-repeat;
	font-size:10px;
	line-height:20px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
.rightBox a:hover{
	color:#000;
	background-color:inherit;
}
.websiteTitle {
	background:url(../images/website-heading.gif) no-repeat 0 15px;
	height:25px;
	font-size:0;
	line-height:0;
	text-indent:-1200000px;
}
.websiteSubTitle {
	background:url(../images/website-sub-heading.gif) no-repeat 0 0;
	height:38px;
	font-size:0;
	line-height:0;
	text-indent:-1200000px;
	padding-bottom:0;
}
.mobileTitle {
	background:url(../images/mobile-heading.gif) no-repeat 0 7px;
	height:25px;
	font-size:0;
	line-height:0;
	padding-top:7px;
	text-indent:-1200000px;
}
.mobileSubTitle {
	background:url(../images/mobile-sub-heading.gif) no-repeat 0 0;
	height:39px;
	font-size:0;
	line-height:0;
	text-indent:-1200000px;
	padding-bottom:0;
}
.contactHeading {
	background:url(../images/contact-heading.gif) no-repeat 0 7px;
	height:20px;
	font-size:0;
	line-height:0;
	padding-top:7px;
	text-indent:-1200000px;
}
.contactSubTitle {
	background:url(../images/contact/contact-sub-heading.png) no-repeat 0 0;
	height:38px;
	font-size:0;
	line-height:0;
	text-indent:-1200000px;
	padding-bottom:0;
}


/* sIFR Style */

/*.title
{
	font-family:"HelveticaNeueLTStd-Lt", Arial, Helvetica, sans-serif;	
	}
			
.sIFR-active .title
{
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}
.title2
{
	font-family:"Cronos Pro", Arial, Helvetica, sans-serif;	
	}
			
.sIFR-active .title2
{
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}
*/	
/* ======================= */	
.mobile-porfolio .mobile1 h3,
.mobile-porfolio .mobile2 h3,
.mobile-porfolio .mobile3  h3{
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	color:#525556;
	padding:0;
	margin:0;
	background-color:inherit;
	}
.mobile-porfolio .mobile1 p,
.mobile-porfolio .mobile2 p,
.mobile-porfolio .mobile3 p{
	font-size:12px;
	line-height:14px;
	padding:2px 0 0;
	margin:0;
	}
.mobile-porfolio {
	padding-bottom:8px;
	margin-bottom:21px;
	color:inherit;
	background:#d6dfe6 url(../images/mobile-portfolio-box-bottom.gif) no-repeat 0 100%;
	overflow:hidden;
	}
.mobile-porfolio h2 {
	/*font-size:17px;
	line-height:39px;*/
	color:#fff;
	background:#808e91 url(../images/mobile-portfolio-heading-bg.gif) no-repeat 0 0;
	padding:0 0 0 10px;
	margin:0;
	text-transform:uppercase;
	}
.mobile-porfolio .mobile1,
.mobile-porfolio .mobile2,
.mobile-porfolio .mobile3 {
	float:left;
	text-align:center;
	display:block;
	}
.mobile-porfolio .mobile1 {
	width:152px;
	}
.mobile-porfolio .mobile2 {
	width:191px;
	}
.mobile-porfolio .mobile3 {
	width:163px;
	}
.mobile-porfolio .mobile1 img,
.mobile-porfolio .mobile2 img,
.mobile-porfolio .mobile3 img {
	display:block;
	margin:9px auto;
	}

.mobile-porfolio img.appstore {
	margin: 5px auto 0 auto;
}

h4.mobile-contact {
	background:url(../images/mobile-btm-pan-bg.gif) no-repeat 0 0;
	height:32px;
	font-size:13px;
	line-height:31px;
	font-weight:normal;
	background-color:inherit;
	padding:0 0 0 12px;
	}
h4.mobile-contact a {	
	color:#747474;
	background-color:inherit;
	}	
h4.mobile-contact a:hover {
	text-decoration:none;
	}
/* contact page details */

/*.contact-body-pad {
	padding:0 18px;
	}*/

.contactForm{
	margin:0 auto;
	background:url(../images/contact-form-bottom.gif) 0 100% no-repeat #d5dfe5;
}
.contactForm h2{
	line-height:37px;
	color:#fff;
	background-color:inherit;
	background:url(../images/contact-title.gif) 0 0 no-repeat;
/* 	padding:2px 0 12px 10px; */
	padding:0 0 12px 10px;
	margin:0 0 8px;
	text-transform:uppercase;
	font-size:17px;
}
.contactForm div{
	padding:0 10px 15px;
	margin:0;
}
.contactForm label{
	float:left;
	width:82px;
	line-height:23px;
	padding:0;
	margin:0;
}
.txtBoxBg{
	float:right;
	width:300px;
	height:23px;
	background:url(../images/text-box-bg.gif) 0 0 no-repeat;
	padding:0 !important;
	margin:0 0 7px 0 !important;
}
.txtBoxBg input{
	width:280px;
	height:18px;
	border:0;
	color:#fff;
	background-color:#a9b4bb;
	padding:0;
	margin:2px 0 0 5px;
	font:13px/15px Arial, Helvetica, sans-serif;
}
.messageBox{
	float:right;
	width:300px;
	height:103px;
	background:url(../images/message-box-bg.gif) 0 0 no-repeat;
	padding:0 !important;
	margin:0 0 10px 0 !important;
}
.messageBox textarea{
	width:280px;
	height:95px;
	padding:0;
	margin:2px 0 0 5px;
	border:0;
	color:#fff;
	background-color:#a9b4bb;
	font:13px/15px Arial, Helvetica, sans-serif;
}
.sendBtn{
	margin:0 0 0 105px;
}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	padding:0 !important;
	margin:0 !important;
	height:0;
	width:0;
}
p.contextText{
	font-size:12px;
	line-height:15px;
	color:#93a4a9;
	background-color:inherit;
	padding:12px 0;
	text-align:center;
}

/* website page left panel details */
#featured-work {
	padding-bottom:8px;
	color:inherit;
	background:#FAFBFB url(../images/featured-work-btm-bg.gif) no-repeat 0 100%;
	overflow:hidden;
	}
#featured-work h2 {
	line-height:37px;
	color:#fff;
	background:#808D91 url(../images/featured-work-top-bg.gif) no-repeat 0 0;
	padding:0 18px;
	margin:0 0 15px;
	font-size:17px;
	}
.work {
	margin:0 0 20px;
	}
.work img {
	margin:0 0 0 16px;
	}	
.work h3 {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	color:#525556;
	padding:0 0 0 25px;
	margin:0;
	background-color:inherit;
	}
.work p {
	font-size:13px;
	line-height:19px;
	padding:0 0 0 25px;
	margin:0;
	}
	
/* footer panel start */
#footer {
	background:#586164 url(../images/footer-bg.gif) repeat-x 0 0;
	padding:13px 0 25px;
	height:100%;
	overflow:hidden;
	}
#footer a { color:#dadada; }

#footerDivider {
	background:url(../images/footer-divider.gif) repeat-y 50% 0;
	padding:27px 0 20px;
	margin:0 0 10px;
	height:100%;
	overflow:hidden;
	border-bottom:5px solid #B0B0B0;
	}
#footerDivider h2 {
	font-size:19px;
	line-height:21px;
	font-weight:normal;
	color:#ffffff;
	background-color:inherit;
	padding:0 0 10px;
	margin:0;
	}
#footerDivider p {
	line-height:17px;
	color:#dadada;
	background-color:inherit;
	}
#footerDivider a.twitter {
	background:url(../images/twitter-btn.gif) no-repeat 0 0;
	width:146px;
	height:20px;
	display:block;
	margin:10px 0 0 22px;
	padding:0;
	text-indent:-100000px;
	}

#footerNav ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
#footerNav ul li{
	float:left;
	width:auto;
	padding:0 8px;
	margin:0;
	background:url(../images/footer-bar.gif) no-repeat 100% 60%;
	}
#footerNav ul li.noBg {
	background:none;
	}
#footerNav ul li.rightPad {
	padding:0 8px 0 0;
	}		
#footerNav ul li a {
	color:#b9b9b9;
	background-color:inherit;
	text-decoration:none;
	}
#footerNav ul li a:hover {
	color:#d6deb6;
	background-color:inherit;
	}
p.copyRight {
	text-align:right;
	color:#b9b9b9;
	}
.footerColor {
	color:#fff;
	background-color:inherit;
	}
.rightFooter-pad {
	margin:0 0 10px;
	}

/* footer panel end */

/* Footer Slider Start */
.sliderwrapper{
position: relative; 
overflow: hidden;
height: 160px;
}

.sliderwrapper .contentdiv{
/*visibility: hidden;*/
position: absolute; 
left: 0; 
top: 0; 
background: none;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination a{
	color:#8c8c8c;
	background-color:inherit;
	text-decoration:none;
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:40px;
	line-height:12px;
	font-weight:bold;
	position:relative;
	}

#footer .pagination a:hover, #footer .pagination a.selected{
	color:#CCCCCC;
	background-color:inherit;
}

#footer .pagination a { color:#8c8c8c; }
/* Footer Slider End */

.productwrapper{
position: relative; 
overflow: hidden;
height: 415px;
/* background:url(../images/rainsong-phone-bg.jpg) no-repeat 0 0; */
background:url(../images/mobile/iphone-bg.png) no-repeat 0 0;
}

.productwrapper .productdiv{
visibility: hidden;
position: absolute; 
left: 0; 
top: 0;
padding: 69px 16px 0px 21px;
/* padding:68px 16px 65px 18px; */
background: none;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination01 {
	padding:0 0 0 77px;
	position:relative;
	}

.pagination01 a{
	color:#cbd3d8;
	background-color:inherit;
	text-decoration:none;
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:40px;
	line-height:12px;
	font-weight:bold;	
	}

.pagination01 a:hover, .pagination01 a.selected{
	color:#7e868b;
	background-color:inherit;
}

/* twitter */
.twtr-tweets {
	padding:0;
	margin:0 0 0 -8px;
	position:relative;
	}
.twtr-hd {
	display:none;
	}
.twtr-tweet-text {
	background:url(../images/bullet.gif) no-repeat 0 1px;
	width:198px;
	padding:0 0 0 22px;
	margin:-3px 0 0;	
	}
.twtr-tweet-wrap {
	margin:3px 0 2px;
	}
.twtr-ft {
	display:none;
	}
a.twtr-hyperlink {
	font-size: 10px;
	/* color: #AAA !important; */
}
	
/*-----------------------------------------------------------------------------
	sIFR
-----------------------------------------------------------------------------*/
.headings
{
	font-size:19px;
	font-family: Arial;
	text-transform: uppercase;
	padding-bottom:7px !important;
}
.headings .sIFR-flash {
	position:relative;
	top:7px;
}

.sIFR-active .headings
{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}

.headings1 .sIFR-flash {
	position:relative;
	top:1px;
}

.sIFR-active .headings1 {
	padding-top:3px;
}