/* --------------------------------------------------------------

   typography
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75% !important;
  color: #666666;
  background: #cbcbcb;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; text-align:left }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; text-align:left;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #666; }
a           { color: #2484c6; text-decoration: none; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }


/* Misc classes
-------------------------------------------------------------- */

.hide       { display: none; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0 !important; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* --------------------------------------------------------------

   END typography

-------------------------------------------------------------- */


/* --------------------------------------------------------------

   reset
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Remove annoying border on linked images. */
a img { border: none; }

iframe {
border: 0px solid #ffffff;
}

/* --------------------------------------------------------------

   END reset

-------------------------------------------------------------- */




/* --------------------------------------------------------------

   START template

-------------------------------------------------------------- */
.container_outer {
	width:990px;
	margin:0 auto;
}
.container_inner {
	width:950px;
	margin:0 auto;
}
/* The last column in a row needs this class. */
.last {
	margin-right: 0;
}
/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 1.45em;
	border: none;
}
hr.space {
	background: #fff;
	color: #fff;
	visibility: hidden;
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}
.clearfix, .container {
	display: block;
}
/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear:both;
}
/* Custom
------------------------------------------------------------------*/

/* Layout */
.float {
	float: left;
	margin-right: 10px;
}
.main_container {
	width:1010px;
	margin:10px auto 0;
	background:url(../images/layout/main_border_center.png) repeat-y
}
.header_container {
	background:#fafafa
}
.header {
	height:122px
}
.logo {
	margin:17px 15px 0 20px;
	width:310px
}
.nav{height:75px; margin-top:20px; width:604px}
.top_contact-us{text-align:right; font-size:11px; height:54px;}

.ban_n_proj-showcase_container_main {
	background:url(../images/layout/banner_bg_01.png) repeat-x
}
.ban_n_proj-showcase_container_container{height:305px; padding-top:10px}
.banner {width:302px; padding-top:60px}
.banner hr {margin:0 0 2.2em;}
.banner_bg_holder {background:url(../images/layout/banner_bg_03.png) repeat-x}
p.banner_caption {font-size:20px; color:#FFF; line-height:30px; padding-left:10px; text-shadow: #000 1px 1px 2px;
}
.project-showcase{width:636px; height:280px; margin-top:10px; padding:0px}

.main-content_container {
	padding-top:20px
}
.content{width:634px; margin-right:40px}
.content h2 {
	font-size:20px
}
.content h3 {
}
.content p {
	font-size:12px
}
.content h2, .content h3 {
	color:#2484C6;
	margin-bottom:10px
}
#services.content h2{margin-bottom:0px; font-size:20px; line-height:24px}
#services.content h3{margin-bottom:5px; font-size:14px;}
#services.content ul{ margin-bottom:15px}
#services.content li{ font-size:14px; margin-bottom:5px}
#services.content p{margin-bottom:20px}
.content .poinits {width:634px; height:142px; background:url(../images/home_bullets_bg.png) no-repeat; text-align:left; padding-top:10px; overflow:hidden}
.content .poinits li, .content .welcome li{list-style-image:url(../images/li_bg_02.png); margin:5px 0 7px 0}
.content .welcome li {list-style-image:url(../images/li_bg_02.png); margin:5px 0 15px 0}
.content .welcome li {list-style-image:url(../images/li_bg_02.png)\9;} /* this is hack for ie*/

.welcome ul {padding-left:3em;}
.welcome {font-size:16px; text-align:left}
.right_module {
	background-color:#e5e5e5;
	padding:10px;
	margin-right:0px
}
#home_page.right_module{padding: 0px; width:276px; background-color:#FFF; margin-top:20px}
#home_page.first{ margin-top:0}
#home_page.right_module p{margin-bottom:5px}
.right_module .build_app h3{color:#000; font-size:20px; line-height:24px; font-weight:bold; margin-bottom: 0px;}
.right_module .build_app p{font-size:12px; font-weight:bold; margin-top:5px}
/*.right_module {
background-color:#E5E5E5;
margin-right:0;
padding:10px;
width:270px;
}*/
.right_module h3{ color:#2484C6; margin-bottom:10px}
.right_module td{ padding: 0px 1px 2px 0px; }
.right_module a:hover img{ opacity:0.8;filter:alpha(opacity=80) }

.footer {
	height:25px;
	padding-top:20px
}
.footer_container {
	background:url(../images/layout/footer_bg.png) repeat-x #fafafa;
}
.footer p {
	font-size:11px
}

.article-content h2 {
	font-size:20px;
	margin-bottom:5px;
	color:#2484C6
}
.article-content li {
	list-style-image:url(../images/li_bg_01.png);
	margin-bottom:10px
}

.clearingHR_profile {
clear:both;
margin:0 0 10px 0
}

table.contentpaneopen{margin-bottom:0}
.contentheading h3{ margin-bottom:0}

 /* Content Custome Style*/
#img_float_left {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	border:none;
	background:none
}

#content_float_left {
	float:left;
	width:420px;
	margin:0 20px 0 0
}

img.caption{
	background: #FFFFFF;
	border: 1px solid #B8CBDE;
}

/* Menu */
.menu_honder{float:right}
.menu_honder li{list-style:none; float:left; margin-left:30px}

.meue_01{background: url(../images/menu/home.png) no-repeat 0 0; width: 51px; }
.meue_02{background: url(../images/menu/about_us.png) no-repeat 0 0; width: 82px }
.meue_03{background: url(../images/menu/services.png) no-repeat 0 0; width: 71px  }
.meue_04{background: url(../images/menu/news.png) no-repeat 0 0; width: 47px  }

#menu
{
  display: block;
  height: 20px;
}

#menu
{ 
  background-position: 0 0px;
}

#menu:hover, #menu.active
{ 
  background-position: 0 -20px;
}

#menu span
{
  display: none;
}
/* END Menu */

.feedback_intro {
border-bottom:1px solid #CCCCCC;
font-size:12px;
margin-bottom:10px;
padding-bottom:10px;
}
.style_01 p{ margin-bottom:15px; font-size:14px}

.content .style_01 li {list-style-image:url(../images/li_bg_02.png); margin:5px 0 10px 0}
.content .style_01 li {list-style-image:url(../images/li_bg_02.png)\9;} /* this is hack for ie*/

.style_01 ul {padding-left:3em;}
.style_01 { font-size:15px; text-align:left; padding-left:22px;}

h4 {
color:#2484C6;
font-size:18px;
line-height:1.25;
margin-bottom:0.5em;
}

.h4_last {
color:#666666;
font-size:14px;
line-height:1.25;
}


.client_logo_rotator{margin-bottom:30px; height:55px}
.client_logo_rotator iframe{height:55px; width:276px}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:inherit;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	background: #FFF;
}
div#rotator ul li.show {
	z-index:500
}
/* general*/
div#rotator ul, ol {
	margin: 0;
	padding-left: 0;
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
	}
	#gallery ul { list-style: none; margin-bottom:0 !important }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	

/*Home Page Layout_02*/
.top_contact-us h2{text-align:right; font-size:20px}
.banner_box{background:url(../images/layout/bg_android_banner.png) repeat-x top;}
.banner_box .container_inner{height:105px}
.banner_box .container_inner p{text-align:center; font-size:18px; padding-top:20px}
img.android_logo{margin:-22px 0 0 50px}
img.we_love_android{float:right; margin-top:30px; margin-right:20px}

#layou_02.container_outer{background: #9bbb59 url(../images/layout/bg_android_content.png) repeat-x top}
#layou_02 .main-content_container {padding-bottom:20px}
#layou_02 .main-content_container .col_left{width:190px; background-color: #FFF; margin:0; padding:15px; min-height:320px}
#layou_02 .main-content_container .col_mid{width:460px; background-color:#FFF; margin:0 20px; padding:15px; min-height:320px}
#layou_02 .main-content_container .col_right{width:170px; padding:40px 15px 50px; background:url(../images/layout/tag_pin.png) no-repeat}

#layou_02 .content p{ font-size:15px; margin-bottom:10px}

#layou_02 .col_left h2{font-size:20px}
#layou_02 .col_left p {font-size:15px; margin-top:5px}
#layou_02 .col_left p.link{font-size:18px; text-align:center; font-weight:bold; margin-top:20px}
#layou_02 .col_left ul{ padding-left:10px; font-size:15px}

#layou_02 .col_left a, #layou_02 .col_right a{ text-decoration:underline}

#layou_02 .col_right h2{font-size:18px;}
#layou_02 .col_right p{font-size:15px; line-height:20px }

#layou_02 .col_right p, #layou_02 .col_right h2{text-align:center}


/*--- News ---*/
.content .news{background:url(../images/layout/bg_news.png) no-repeat; height:75px; margin-top:-11px; padding:15px 0 0 150px;}
.content .news p{ font-size:19px; line-height:25px; color:#FFF;}
.content .news a{ font-size:17px; color:#FFF; text-decoration:underline}
.content .news a:hover{color:#dceaf6 }