/*
Theme Name: Islet Systems
Theme URI: http://www.isletsystems.com/
Description: The default Isletsystems theme based on isletsystems.com.
Version: 1.0
Author: Avin Leo
Author URI: http://www.isletsystems.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Isletsystems v1.0
	http://www.isletsystems.com/

	This theme was designed and built by Avin Leo.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* CSS Document */



body {
	margin:0;
	padding:0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	background: url(images/bottom-globe.jpg) no-repeat center bottom #162256;
        color:#333333;
	}


#top-pannel {
	margin:0 auto;
	padding:0;
	width:100%;
	background: url(images/top-bg.gif) repeat-x top left;
	}
	

/* top-navigation */

#menu_pannel {
	margin:0 auto;
	padding:0;
	width:900px;
	}

* {
	margin:0; 
	padding:0;
	}

#top-navigation {
	position:relative; 
	height:64px; 
	width:900px;
	margin:0 auto;
	padding:0;
	}
	
#top-navigation ul {
	list-style:none; 
	position:absolute; 
	z-index:100; 
	padding:22px 12px;
	margin:0;
	}
	
#top-navigation li {
	float:left;
	font-size:10px;
	text-transform:uppercase;
	color:#067AAC;
	}
	
#top-navigation a {
	text-decoration:none; 
	color:#FFF; 
	padding:10px;
	font-size:11px;
	}
	
#slide {
	position:absolute; 
	top:18px; 
	height:24px; 
	background:#096083; 
	z-index:10;
	}
	
#follow_us {
	margin:0;
	padding:0;
	width:200px;
	position:relative;
	right:0;
	top:0;
	float:right;
	}
	
/* main-banner */

#main-banner {
	margin:0 auto;
	padding:0;
	width:994px;
	height:340px;
	background:url(images/main-banner.jpg) no-repeat left top;
	}
	
#logo {
	padding:110px 0 0 10px;
	margin:0;
	float:left;
	}
	
#main-banner h1 {
	font-family:"Helvetica", Times, serif;
	font-size:22px;
	color:#03364B;
	padding:140px 0 0 0;
	float:left;
	margin:0 0 0 10px;
	text-align:right;
        line-height:22px;
	
	}
	
/* Content-wrapper */

#wrapper {
	width:975px;
	margin:10px auto 0 auto;
	padding:0;
        
	}

.clear {
	clear:both;
	}	
	

/* Quicktabs */

#Quicktab_block {
	margin:15px auto 0 auto;
	padding:0;
	width:980px;
       width:974px;
	background:url(images/tab_pannel_bg.jpg) no-repeat left top #ffffff;
       /* background:#ffffff url(images/tab_pannel_bg.jpg) 0% 0% no-repeat;*/
            
        
	}
	
#Quicktabs{
	width:675px;
	margin:25px 0 0 0;
	padding:0 0 0 20px;
	background:#FFFFFF;
	float:left;
      
	}
	
#Quicktabs h2 {
	font-size:20px;
	color:#1188C1;
	text-align:left;
	padding:0 0 0 25px;
	margin:5px 0 20px 8px;
	font-weight:normal;
	background:url(images/header-bullet1.gif) no-repeat 0 3px;
	}
	
#Quicktabs_menu {
	margin:0;
	padding:0;
	width:263px;
	height:345px;
	overflow:hidden;
	float:right;
	background:#ffffff url(images/tab_menu_block_bg.jpg) repeat-y left top;
	}
	
#Quicktabs_menu ul {
	margin:0;
	padding:0;
	background:url(images/tab_menu_bg.jpg) repeat-y right top;
	}
	
#Quicktabs_menu ul li {
	list-style:none;
	padding:20px 0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:30px;
	}
	
#Quicktabs_menu ul li a {
	padding:25px 0 26px 40px;
        
	margin:0;
	color:#333333;
	text-align:left;
	text-decoration:none;
	}
	
#Quicktabs_menu ul li a:hover {	
	/*background:url(images/tab_bg.jpg) no-repeat left top;*/
        background:url(images/tab_bg.jpg) 0% 0% no-repeat;
	color:#1188C1;
        width:229px;
        height:69px;
        
	}
 /*#Quicktabs_menu ul li a.active {	
	background:url(images/tab_bg.jpg) 0% 0% no-repeat;
	color:#1188C1;
        width:229px;
	}*/
	
#Quicktabs_menu ul li a span.iphone {
	background:url(images/apple-icon.png) no-repeat left center;
	padding:10px 20px 10px 50px;
	}
	
#Quicktabs_menu ul li a span.android {
	background:url(images/android_icon.png) no-repeat left center;
	padding:10px 20px 10px 50px;
	}
	
#Quicktabs_menu ul li a span.palm {
	background:url(images/icon_palm.png) no-repeat left center;
	padding:10px 20px 10px 50px;
	}
	
#Quicktabs_menu ul li a span.offshore{
	background:url(images/icon_offshore.png) no-repeat left center;
	padding:10px 20px 10px 50px;
	}
	
#Quicktabs_menu ul li a span.web {
	background:url(images/icon_web.png) no-repeat left center;
	padding:10px 20px 10px 50px;
	}
	

/*content-wrap	*/
	
#content-wrap {
	margin:0 auto;
	padding:0;
	width:975px;
	background:url(images/content-bg.gif) repeat-y top left;
	}
	
.rounded {
	width:975px;
	margin:0 auto;
	padding:0;
	}
	
	
/* content-left	*/


.content-left {
	width:675px;
	margin:0;
	padding:5px 5px 5px 10px;
          
	float:left;
	}
	
	
h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:20px;
	color:#1188C1;
	text-align:left;
	padding:0 0 0 25px;
	margin:5px 0 10px 8px;
	font-weight:normal;
	background:url(images/header-bullet1.gif) no-repeat 0 3px;
	}

h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:16px;
	color:#1188C1;
	text-align:left;
	margin:10px 0 0 10px;
	font-weight:normal;
	/* background:url(images/header-bullet1.gif) no-repeat 0 3px; */
	}
	
p {
	padding:10px 0 0 10px;
	margin:0;
	text-align:justify;
	color:#333333;
	}


.content-right {
	margin:0 10px 0 0;
	padding:0;
	width:230px;
       /* width:264px;  */
	float:right;
        font-size:12px;
	}
.content-right ul{
        margin:5px 0 0 10px;}

.content-right ul li{
         list-style:none;
         }	
.content-right td{
         color:#21479C;
         letter-spacing:1px;
         }
	
	
/*  footer  */

#footer {
	width:950px;
	margin:0 auto;
	padding:30px 0 150px 0;
	text-align:center;
	}
	
#footer p {
	color:#FFFFFF;
	text-align:center;
	}
	
#footer ul {
	}
	
#footer ul li {
	list-style:none;
	display:inline;
	}
	
#footer ul li a {
	color:#FFFFFF;
	border-left:1px solid #234D97;
	padding:0 10px;	
	text-decoration:none;
	font-size:12px;
	}
	
#footer ul li a:hover {
	color:#CCCCCC;
	}
	
#footer ul li a.lil {
	border-left:none;
	}


/*  inner pages  */


#inner-wrap {
	width:100%;
	margin:0 auto;
	padding:0;
	background:url(images/inner-bg.jpg) repeat-x top center;
	}
	
/*  inner top  */
	

.inner-logo-pannel {
	width:1000px;
	margin:0 auto;
	height:150px;
	padding:0;
	background:url(images/inner-top-bg.jpg) no-repeat top left;
	}
	
#inner-top .logo {
	position:relative;
	padding:10px 25px 0 0;
	margin:0;
	float:right;
	}
	
/*  inner-block  */

#inner-block {
	margin:0 auto;
	width:960px;
	padding:0 10px;
	background:url(images/inner-content-bg.jpg) repeat-y top center;
	}

#inner-block h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#1188C1;
	text-align:left;
	padding:0 0 0 25px;
	margin:0 0 0 10px;
	font-weight:normal;
	background:url(images/header-bullet1.gif) no-repeat 0 3px;
	}
	
#inner-block h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:20px;
	color:#1188C1;
	text-align:left;
	padding:0;
	margin:5px 0 10px 8px;
	font-weight:normal;
	background:none;
	}
	
#inner-block p {
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#333333;
	line-height:20px;
	}
	
/* inner-left	*/


.inner-left {
	width:675px;
	margin:0;
	padding:0 5px 5px 10px;
	float:left;
	}

.inner-left ul li{
   font-size:12px;
   line-height:20px;
}

/* inner-left	*/

.inner-right	 {
	margin:0 5px 0 0;
	padding:0;
	width:260px;
	float:right;
	}
		
.inner-right ul {
	margin:0;
	padding:0;
	}
	
.inner-right ul li {
	list-style:none;
	padding:2px 0;
        padding:0px 0 2px 0;
	margin:0;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
	background:url(images/inner-menu-bg.jpg) no-repeat right top;
        height:99px;
	}
	
/*.inner-right ul li a {
	color:#0099CC;
        background:url(images/inner-menu-bg.jpg) no-repeat right top;
        height:99px;
        width:239px;
        display:block;
	}*/
	
.inner-right ul li a:hover, .inner-right ul li .category:hover {
	color:#FFFFFF;
	}
	
.inner-right ul li .header {
	margin:0 0 0 35px;
	text-decoration:none;
	}
	
.inner-right ul li .category {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:14px;
	width:200px;
	color:#333333;
	text-decoration:none;
	margin:0 0 0 35px;
        font-weight:normal;
	}
	
.inner-right ul li .category img {
	margin:0 8px 0 0;
	padding:0;
	float:left;
	}
	
/*.inner-right ul li:hover {
	background:url(images/inner-menu-bg-over.jpg) no-repeat right top;
	}*/
.inner-right ul li a:hover {
	background:url(images/inner-menu-bg-over.jpg) no-repeat right top;
         height:99px;
        width:264px;
        display:block;
	}
.inner-right p a{
  color:#189FD7;
  text-decoration:none;
}
.inner-right p a:hover{
  color:#FF3D55;
}
	
a{
  color:#189FD7;
  text-decoration:none;
}
 a:hover{
  color:#FF3D55;
}
/* appl_gallery	*/

#appl_gallery {
	margin:0 auto;
	padding:0;
	width:665px;
	clear:both;
	}
	
#appl_gallery ul {
	margin:0;
	padding:0;
	}
	
#appl_gallery ul li {
	list-style:none;
	display:inline;
	float:left;
	margin:6px;
	}
	
.inner-bottom {
	width:978px;
	margin:0 auto;
	height:12px;
	}
.about{
       font-weight:bold;
      }

.solution{
        width:672px;
        }

.iphonescreen{
       text-align:center;
       width:672px;
       margin-top:10px;
       }

/* Pages Nav */
#pages_nav {
        margin:10px;
        padding-left:15px;
        padding-right:15px;
}


li.current_page_item a {font-weight:bold;}

li.current_page_ancestor a {font-weight:bold;}

table.scrollimg img{
   border:0;
   padding-right:5px;
}
table.adobe{
  width:660px;
  text-align:center;
}
#post-2 p.red{
  font-size:15px;
  letter-spacing:1px;
  color:#E62226;
}
div.wpcf7 input,textarea{
  border:1px solid silver;
}
div.wpcf7 span input,div.wpcf7 span textarea{
  width:230px;
}
div.wpcf7 span textarea{
  height:70px;
}
#changeDiv{
  text-align:justify;
  font-size:12px;
}
#changeDiv a{
 float:right;
}
div.entry ul{
  list-style:none;
  margin:0;
  padding:0;
}
div.entry ul li{
  background:url(images/bullet2.gif) 0% 5px no-repeat;
  padding-left:10px;
}
p.red{
  color:#ff0000;
  font-size:14px;
}