@CHARSET "UTF-8";

/* 
Name: Sourcebits Technologies
URL: http://www.sourcebits.com
Author: Chinmay Chiranjeeb @ Sourcebits Technologies
Author URL: http://www.sourcebits.com
*/
.india,.usa {
	padding: 15px 0;
	display: block;
	clear: both;
}

.usa {
	padding: 15px 0 0;
}

.contact-right #landing_featured {
	left: 0;
	top: 2px;
}

.contact-left-sb {
	width: 266px;
	float: left;
}

.contact-left-sb p,.left-align {
	padding-left: 88px;
	font-size: 11px;
}

.contact-right-sb {
	width: 480px;
	float: left;
}

.contact-right-sb p {
	font-size: 11px;
}

.india .contact-left-sb p.phone {
  overflow: hidden;
}

.india .contact-left-sb p.phone span {
  display: block;
  text-align: left;
  float: left;
  width: 90px;
}

.india .contact-left-sb p.phone span.dept {
  width: 60px;
  clear: left;
}

h2.contact-right-sb {
	width: 450px !important;
	padding-left: 33px;
}

.contact-left-sb h2 {
	margin-bottom: 10px;
}

.contact-list ul li a {
	background: url("../images/buttons/contact-list-icon.png") no-repeat left top;
	height: 18px;
	width: 130px;
}

.chat {
	background-position: left -10px !important;
}

.chat:hover {
	background-position: left -158px !important;
}

.skype {
	background-position: left -50px !important;
}

.skype:hover {
	background-position: left -198px !important;
}

.voicemail {
	background-position: left -90px !important;
}

.voicemail:hover {
	background-position: left -238px !important;
}

.callback {
	background-position: left -130px !important;
}

.callback:hover {
	background-position: left -278px !important;
}

#msg_subject li {
	background: url("../images/buttons/color-bullets.png") no-repeat left 0px;
	height: 18px;
	cursor: pointer;
}

#msg_subject li:hover {
	text-decoration: underline;
}

#msg_subject li.blue {
	background-position: left 6px;
}

#msg_subject li.red {
	background-position: left -30px;
}

#msg_subject li.green {
	background-position: left -66px;
}

#msg_subject li.orange {
	background-position: left -102px;
}

#msg_subject li.pink {
	background-position: left -138px;
}

.success-message {
	background: url("../images/buttons/smilie.png") no-repeat 0px 0px;
	height: 46px;
	width: 300px;
	padding: 5px 0 5px 55px;
	font-size: 16px;
	margin: 100px auto 0;
}

#success_quotes_msg .success-message {
	margin: 45px auto 0;
}

.success-message .thanx {
	font-weight: bold;
	color: #334c52;
	font-size: 16px !important;
}

.success-message span {
	font-size: 11px;
}

.india .contact-left-sb {
	background: url("../images/logo/flag_ind.png") no-repeat left 5px;
}

.usa .contact-left-sb {
	background: url("../images/logo/flag_us.png") no-repeat left 5px;
}

.map_india,.map_us {
	background: url("../images/logo/map_ind.jpg") no-repeat 2px 2px;
	width: 426px;
	height: 96px;
	margin: 5px 0 0 35px;
	border: 1px solid #CCCCCC;
	display: block;
	position: relative;
	padding: 2px;
}

.map_us {
	background: url("../images/logo/map_us.jpg") no-repeat 2px 2px !important;
}

.quotes-form {
	padding: 0 0 20px 0;
	min-height: 205px;
	border: 1px solid transparent;
}

#quotes ul {
	margin: 0 0 15px;
}

.magnify {
	background: url("../images/buttons/magnify.png") no-repeat left top;
	height: 22px;
	width: 22px;
	position: absolute;
	bottom: -11px;
	right: -11px;
	display: block;
}

#map_india_img,#map_india_iframe,#map_usa_iframe,#zoom_content {
	width: 746px !important;
	height: 536px !important;
}

#zoom_content {
	background: url(../images/lightbox/map-shadow.png);
	padding: 15px 25px 30px;
}

#overlay,#zoom {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#zoom {
	z-index: 10000;
}

#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/lightbox/overlay.png) 0 0 repeat;
}

#zoom_close {
	cursor: pointer;
	position: absolute !important;
	top: 3px !important;
	left: 10px !important;
	background: url(../images/lightbox/closebox.png) 0px 0px no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
}

.left-align {
	margin: 0 0 5px;
}

.left-align div {
	float: left;
}

#twitter_div {
	position: relative;
}

#twitter_div h2 {
	background: url("../images/logo/twitter.png") no-repeat right 5px;
	padding: 0 10px 0 20px;
	width: 210px;
}

#twitter_update_list {
	padding: 10px 0;
	position: relative;
	min-height: 375px;
}

#twitter_update_list li {
	padding: 10px 0;
	word-wrap: break-word;
	color: #8D9798;
	display: block;
	height: auto;
	width: 233px;
	background: url(../images/twitbox-top.png) no-repeat 0 0;
	padding: 10px 7px 9px 0;
	text-shadow: none;
}

#twitter_update_list li a {
	color: #8dd2f0;
	display: none;
}

#twitter_update_list li span {
	background: url(../images/twitbox-bottom.png) no-repeat 0 bottom;
	display: block;
	font-size: 11px;
	height: auto;
	line-height: 13px;
	padding: 0 8px 7px 18px;
	width: 205px;
}

#twitter_update_list li span a {
	color: #29abe2;
	display: inline;
}

.follow_twitter { /*margin: 15px -3px 0 0;*/
	top: 0px;
}

.form-holder {
	height: 280px;
	overflow: hidden;
}


/* New Map Styles */
.locations .tab-item { display: none; }
.locations .tab-item.active { display: block; }

.content-inner .location-title {
	margin: 0px 0px 15px 8px;
}

.locations .contacts-sb ul li {
	list-style-type : none;
	font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#24363a;
	margin: 0px 0px 10px 5px;
	padding: 6px 0px;
	height: 20px;
}
.locations .contacts-sb ul li a {
	padding-left: 5px;
	text-decoration: none;
}
.locations .contacts-sb ul li.active  {
	background: url("../images/contact-bg.png") no-repeat;
	height: inherit;
	width: inherit;
	height: 20px;
}
.locations .contacts-sb ul li.active  a {
	font-family: 'MyriadPro-SemiBold' , Helvetica, Arial, sans-serif;
}
.locations .contacts-sb {
	width: 145px;
	float:left;
	padding-right: 24px;
}
.locations .tab-item {
	float:left;
	width: 598px;
	height: 240px;
	position:relative;
	z-index: 99;
	margin-left: -1px;
}
.locations .map-container {
	float: left;
	width: 598px;
	height: 240px;
	margin-top: 1px;
	border-bottom: #C5C5C5 1px solid;
	border-left: #ECECEC 1px solid;
	border-right: #ECECEC 1px solid;
	box-shadow: 0 1px 0 0 #ececec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}
.locations .tab-item .contact-info {
	position:absolute;
	/*top: -1px;*/
	left: -232px;
	width: 202px;
	height: 222px;
	padding: 20px 30px 0px 0px;
	background: url("../images/mask.png") no-repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	moz-border-radius: 5px;
	-o-border-radius: 5px;
	display: none;
}
.locations .tab-item .contact-info h2 {
	font-family: 'MyriadPro-SemiBold' , Helvetica, Arial, sans-serif;
	font-size: 18px;
	color:#24363a;
	text-align: right;
	margin-bottom: 18px;
}
.locations .tab-item .contact-info p {
	margin-bottom: 20px;
}
.locations .tab-item .contact-info p span {
	display: block;
	font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#29abe2;
	text-align: right;
	line-height: 18px;
}
.locations .tab-item .contact-info p.address span {
	color:#24363a;
}
.locations .tab-item .contact-info a { color: #29ABE2 !important; text-decoration: none; }
.locations .tab-item .contact-info a:hover { color: #196d91 !important; }

.map-container { 
	clear: both;
	position: relative;
	height: 240px;
	overflow: hidden;
}
#locationMap {
	width: 758px;
	height: 270px;
	z-index: 1;
	border-left: #ebebeb 1px solid;
	border-right: #ebebeb 1px solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.map-container .map-indicator {
	height: 18px;
	width: 760px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
}
.map-container .map-indicator-left {
	background: url("../images/map-indicator-left.png") no-repeat;
	width: 4px;
	height: 18px;
	float: left;
}
.map-container .map-indicator-mid {
	background: url("../images/map-indicator-mid.png") no-repeat;
	width: 752px;
	height: 18px;
	float: left;
}
.map-container .map-indicator-mid.sanfranc { 
	background-position: -674px 0;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.map-container .map-indicator-mid.banglore { 
	background-position: -493px 0;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.map-container .map-indicator-mid.newyork { 
	background-position: -293px 0;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.map-container .map-indicator-mid.detroit { 
	background-position: -97px 0;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   	-moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.map-container .map-indicator-right {
	background: url("../images/map-indicator-right.png") no-repeat;
	width: 4px;
	height: 18px;
	float: right;
}
.office-locations {
	padding: 17px 0 36px 0;
}

.office-locations li {
	font-family: 'MyriadPro-SemiBold' , Helvetica, Arial, sans-serif;
	list-style: none !important;
	float: left;
	width: 203px;
	font-size: 18px;
	color: #24363a;
	margin: 0 !important;
	padding: 0 !important;
}
.tab-container { 
	display: block; 
	clear: both; 
}
.tab-item {
	float: left;
	width: 203px;
}
.tab-item.detroit,
.office-locations li.detroit { width: 150px; }
.tab-container .contact-info {
	padding: 26px 0 0 0;
}
.tab-container .contact-info span{
	display: block;
}
.contact-info .address { min-height: 85px; }