/*
Theme Name:News letter
Author: INMOBI

*/
/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,											
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,				
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;	
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
img, object, embed {
max-width: 100%;
}
img {
	height: auto;
}
@font-face {
	font-family: ClanOT; src: url('http://www.inmobi.com/wp-content/themes/ClanOT-Book.otf');
}
@font-face {
	font-family: ClanOT; font-weight: bold; src: url('http://www.inmobi.com/wp-content/themes/ClanOT-Medium.otf');
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family:Arial, Helvetica, sans-serif
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* =Global Elements
-------------------------------------------------------------- */
		
/* Main global 'theme' and typographic styles */
body {
	background: #ffffff;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0px;
	margin:0px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin: 0;
}
/* Text elements */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color:#515762;
	line-height:1.2em;
	clear:none
}
h2{
	font-size:25px;
	color:#d71921;
	font-weight:500;
	margin-bottom:15px;
}
h3{
	font-size:20px;
	font-weight:500;
	margin-bottom:15px;
	line-height:1.3em
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
	clear:none
}
h6{
	font-size:12px;
	clear:none
}
p {
	margin-bottom: 18px;
}
ul {
	list-style: disc;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding:6px 2px 7px;
}
a {
	text-decoration:none;
	color: #2383d8;
}
a:active,
a:hover {
	text-decoration:underline
}
.clear{
	clear:both;
}

#wrap {
	width:100%;
	background:#ffffff;
}
.main-container {
	padding-left: 20px;
	padding-right: 20px;
}

#container{
	width: 100%;
	max-width: 960px;
	min-width: 701px;
	margin: 0 auto;
}
.container-main{
	background:#ffffff;
	box-shadow: 1px 1px 5px #898686;
	-moz-box-shadow: 1px 1px 5px #898686; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 1px 1px 5px #898686;
	margin-top:20px !important;
}

/******************header**************/
.header-main{
	background:url(images/header-bg.jpg) right top no-repeat;
	height:110px;
}
.header-logo{
	float:left; 
	width:40%; 
	margin:29px 0px 0px 29px
}
.header-text{
	font-family:ClanOT, Arial;
	font-size:12px;
	font-weight:bold;
	color:#656565;
	text-transform:uppercase;
	line-height:13px;
	margin-top:8px;
}
.header-nav{
	float:right; 
	width:30%; 
	text-align:right;
	font-family:ClanOT, Arial;
	font-size:12px;
	font-weight:bold;
	color:#757575;
	text-transform:uppercase;
	margin:49px 29px 0px 0px;
}
.header-nav a{
	color:#757575;
	text-decoration:none;
}
.header-nav a:hover{
	color:#424040;
	text-decoration:none;
}

/*******************content-area*********************/
#content{
	background:#eeeeee;
	overflow:hidden;
	padding-bottom:30px;
}
#content h1{
	font-family:ClanOT, Arial;
	font-size:25px;
	font-weight:bold;
	color:#ffffff;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#content h2{
	font-family:ClanOT, Arial;
	font-size:21px;
	font-weight:bold;
	color:#555555;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#content h3{
	font-family:ClanOT, Arial;
	font-size:16px;
	font-weight:bold;
	color:#454545;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#content .archive-blk h3{
	background:url(images/archieve-icon.jpg) left top no-repeat;
	padding:0px 0px 0px 35px;
	line-height:30px;
}
.main-news-blk{
	background:#9b9b9b; 
	padding:20px 40px; 
	text-align:center;
	margin-bottom:20px;
}
.main-news-blk p{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font:12px;
	font-weight:normal;
	color:#ffffff;
	line-height:16px;
	text-align:left;
}
.video-blk{
	padding-bottom:30px;
}
.content-left-blk{
	float:left; 
	width:60%; 
	margin:0px 10px 20px 40px;
	padding-right:15px;
	background:url(images/vertical-bar.jpg) right top no-repeat;
}
.content-right-blk{
	float:right; 
	width:27%; 
	margin:0px 40px 20px 0px;
}
.blk1-left{
	float:left; 
	width:48%;
}
.blk2-left{
	float:right; 
	width:48%;
}
.blk1-left ul, .blk2-left ul{
	margin:10px 0px 0px 10px;
	padding:0px;
}
.blk1-left ul li, .blk2-left ul li{
	font-family:ClanOT, Arial;
	font-size:13px;
	font-weight:bold;
	color:#656565;
	list-style-type:none;
	padding-bottom:5px;
}
.blk1-left ul li a, .blk2-left ul li a{
	color:##2383d8;
	text-decoration:none;
}
.blk1-left ul li a:hover, .blk2-left ul li a:hover{
	color:##2383d8;
	text-decoration:underline;
}
.blk1-left span, .blk2-left span{
	padding-right:10px;
}
.h-separator{
	text-align:center; 
	padding:30px 0px; 
	clear:both;
	width:100%;
}
.blk3-left, .blk1-right{
	clear:both;
	padding:0px;
	margin:0px;
}
.blk3-left p:last-child, .blk1-right p:last-child{
	margin-bottom:0px !important;
}
.bigblue-text{
	font-family:ClanOT, Arial;
	font-size:48px;
	font-weight:bold;
	color:#00acdb;
	text-transform:uppercase;
	line-height:48px;
}
.archive-blk ul{
	margin:0px 0px 0px 50px;
	padding:0px;
}
.archive-blk ul li{
	font-family:ClanOT, Arial;
	font-size:14px;
	font-weight:bold;
	color:#757575;
	list-style-image:url(images/bullet1.jpg);
	padding-bottom:6px;
}
.archive-blk ul li a{
	color:#757575;
	text-decoration:none;
}
.archive-blk ul li a:hover{
	color:#2383d8;
	text-decoration:none;
}

.fl-left{
	float:left;
}
.mar-right{
	margin-right:15px;
}

.awesome {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #ee3124; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover{ font-family:ClanOT, Arial; background-color: #111; color: #ee3124; text-decoration:none; }
.small-btn.awesome{ font-family:ClanOT, Arial; font-size: 11px; padding: ; }
.awesome, .medium-btn.awesome{ font-family:ClanOT, Arial; font-size: 12px; font-weight: normal; line-height: 1; }
.large-btn.awesome{ font-family:ClanOT, Arial; font-size: 14px; padding: 8px 14px 9px; }
.white.awesome{ background-color: #ffffff; }
.white.awesome:hover{ background-color: #e2e0e0; }
.grey.awesome{ background-color: #f6f6f6; }
.grey.awesome:hover{ background-color: #e2e0e0; }
.blue.awesome{ background-color: #1aa4dd; }
.blue.awesome:hover{ background-color: #0e6d93; }

/**************footer******************/
.footer{
	padding:20px 0px;
	margin:0px 20px;
	overflow:hidden;
}
.footer-left-blk{
	float:left; width:65%;
}
.footer-right-blk{
	float:right; 
	text-align:right;
	font-family:ClanOT, Arial;
	font-size:12px;
	font-weight:bold;
	color:#aaaaaa;
}
.footer-right-blk img{
	margin:10px 0px 0px 6px;
}
.location-text{
	font-family:ClanOT, Arial;
	font-size:11px;
	font-weight:bold;
	color:#aaaaaa;
}
.copyright-text{
	font-family:ClanOT, Arial;
	font-size:11px;
	font-weight:bold;
	color:#656565;
	padding-top:10px;
}
.copyright-text a{
	color:#656565;
	text-decoration:none;
}
.copyright-text a:hover{
	color:#656565;
	text-decoration:underline;
}
.ipad{
	display:none;
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 900px) {
#content{
	background:#eeeeee;
	overflow:hidden;
	padding-bottom:0px;
}
.content-left-blk{
	width:60%; 
	margin:0px 10px 20px 30px;
	padding-right:25px;
	background:url(images/vertical-bar-small.jpg) right top no-repeat;
}
.content-right-blk{
	margin:0px 30px 20px 0px;
}
.bigblue-text{
	font-size:30px;
	color:#00acdb;
	text-transform:uppercase;
	line-height:30px;
}
.location-text{
	font-family:ClanOT, Arial;
	font-size:11px;
	font-weight:bold;
	color:#aaaaaa;
}
.ipad{
	display:block;
}
.large{
	display:none;
}
}
@media handheld, only screen and (max-width: 790px) {
.content-left-blk{
	width:60%; 
	margin:0px 10px 20px 20px;
	padding-right:25px;
}
.content-right-blk{
	margin:0px 20px 20px 0px;
	width:28%;
}
}

/* IE 8 */
@media \0screen {
.container-main {
   zoom: 1;
   filter:progid:DXImageTransform.Microsoft.Shadow(Color=#898686, Strength=3, Direction=0), 
   		 progid:DXImageTransform.Microsoft.Shadow(Color=#898686, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#898686, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#898686, Strength=3, Direction=270);
}
.ie-blk{
	width:18% !important;
}
}