/*

Theme Name: Tropicala
Description: Simple, modern, lightweight
Version: 1.3
Author: LetsEat.at
Author URI: http://www.LetsEat.at
Tags: grey, orange, white, fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!

To replace the banner image, just swap out masthead.png with your own image, sized 723px x 147px. 
The dropshadows are in the background CSS, not the image.

v1.1 - changed license to GPLv3
v1.2 - added comments and removed some blank elements from stylesheet
v1.3 - added license.txt (Apparently some people don't read this stylesheet), added link back to the theme's page at Wordpress.org

*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#ececec /* Set background image here */
}

p, h2, h3, h4, h5 {
  font-size:1.2em;
}

img {
  border:0;
}

div#wrapper {
  width:768px;
  padding-top:8px;
  margin:25px auto 0;
  border:0px solid red;
 /* background:url(./images/top.png) no-repeat;*/
}

div#masthead {
  width:768px;
  /*background:url(./images/main_bg.png) repeat-y;*/
  position:relative;
  border:0px solid red;
}

/* Blog Title */
h1 {
  font:3.2em 'Trebuchet MS', Arial, Helvetica;
}

h1 a {
  position:absolute;
  width:300px;
  height:30px;
  left:40px;
  top:15px;
  font-weight:bold;
  text-decoration:none;
  color:#a7c10a;
}

/* Tagline */
#masthead p {
  position:relative;
  margin:0;
  top:62px;
  left:50px;
  color:#888;
}

/* Pages Navigation */
div#masthead ul {
  float:right;
  margin-right:22px;
  position:relative;
  z-index:2;
  bottom:-2px;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:40px 20px 18px;
}

div#masthead ul li a:hover,
div#masthead ul li.current_page_item {
  background:url(./images/nav_bg.png) bottom repeat-x;
}

/* Banner image dropshadow */
div#masthead_image {
  background:url(./images/image_bg.png) center no-repeat;
  width:724px;
  height:148px;
  clear:both;
  padding:8px 22px;
  position:relative;
  z-index:1;
}

a {
  outline:0;
}

/* Page dropshadow */
div#content {
  width:950px;
  height:auto;
  background:#fff;
  border:0px solid red;
  margin:0px auto;
  padding:0px;
  }

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

  Main Content

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

div#main {
  padding:0 0px 0px;
  margin:0px 0 0 0px;
  width:700px;
  float:right;
  
 }

/* Main header on single pages */
h2.header {
  color:#a7c10a;
  font-size:24px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 5px;
  border-bottom:1px solid #e7e7e7;
  position:relative;
 
}

div#main h2.header a {
  color:#a7c10a;
  text-decoration:none;
}

h2.header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

/* Secondary headline above comments and comment form */
div#main h3 {
  margin:15px 0 5px;
  color:#a7c10a;
}

div#main p {
  color:#6b6b6b;
  line-height:2;
  margin:10px 0;
}

div#main a {
  color:#507FA3;
}

.article {
  margin-bottom:20px;
  border:0px solid red;
  float:left;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}

ul.article_footer {
  text-align:right;
  margin:0px;
 /* background:#e5edb8;*/
  padding:0px;
  border:0px solid green;
  /*border-width:1px 0;*/
  line-height:1.5;
  width:200px;
  display:inline;
}

ul.article_footer li {
  font-size:1.0em;
  display:inline;
  background:none;
  border-left:1px solid #e5edb8;
  margin:0px;
  padding:2px;font-weight:bold;
}

ul.article_footer li.first {
  border-left:0; font-weight:bold;
}
ul.article_footer li.last a {
  border-left:0; font-weight:bold;color: #0F1547 !important;
}


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

  Secondary Content

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

div#secondary {
  padding:0px;
  margin-left:0px;
  width:210px;
  float:left;
  height:auto;
  border:1px solid #DADADA;
}

#sidebar ul{
  float:left;
	width:205px;
	padding:0px 0 0 0px;
	margin:0px 0 30px 0px;
	/*border-bottom:1px solid #DDDDDD;*/


}
#sidebar ul li
{
	width:190px;
	height:auto;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
	background:url(/images/arrow.gif) 5px 14px no-repeat;
    border:0px solid red;
	line-height:29px;
    display:block;
	float:left;
	
}

#sidebar ul li a
{
	width:170px; 
	font:bold 12px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
	color:#000000;
	height:auto;
	line-height:29px;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
	
}
#sidebar ul li a:hover
{
  width:170px;
  background: url(/images/mousehover_blog.gif) bottom right no-repeat;
  color:#000000;
  height:auto;
  text-align:left;

}
#sidebar ul li.selected 
{
  width:170px;
  background:#a7c10a url(/images/mousehover_blog.gif) bottom right no-repeat;
  color:#000000;
  height:29px;
  line-height:29px;
  }

.children 
{
	width:150px;
	height:auto;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
}


div#secondary ul#sidebar {
  margin:15px 0 0 20px;
  color:#507fa3;
  padding-bottom:10px;
  border:0px solid #DADADA;
}

div#secondary ul#sidebar li {
  margin:0px 0 5px 0px;
  font-size:1.2em;
  line-height:1.5em;clear:both;


}

div#secondary ul#sidebar li h2 span img{
  margin:0px;
  padding:0px 10px 0 0px;
  border:0px solid red;
 
}

/* Sidebar headers */
div#secondary h2 {
  margin:0px;
    padding:0px 0 0 0px;
    float:left;
   	font:bold 20px Tahoma,helvetica,clean,sans-serif;
   	color:#A7C10A;
   	border:0px solid red;
}

div#secondary a {
  color:#666;
  text-decoration:none;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
}

div#secondary ul#sidebar li li {
  font-size:1em;
  margin:0px;
  padding:0px 0px 0 35px;
}

/* Optional bio area header (commented out by default) */
div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  line-height:1.5;
  margin:5px 0;
  color:#666;
}

/* Search input */
form#searchform {
  position:relative;
  height:28px;
  margin-bottom:20px;
}

form#searchform input#s {
  position:absolute;
  top:0;
  height:18px;
  width:150px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
  margin:7px 0 0 20px;
}

input#search_submit {
  position:absolute;
  right:0;
   margin:7px 12px 0 0px;
   padding:0px;
  
}

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

  Footer

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

ul#footer {
  height:8px;
  width:768px;
  margin:0 auto;
  background:url(./images/bottom.png) no-repeat;
  text-align:center;
  font-size:1em;
  color:#686868;
  padding:15px 0;
}

ul#footer li {
  display:inline;
  margin-left:10px;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#686868;
  text-decoration:none;
}

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

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

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

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#e5edb8;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background:#EBF9FC;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup textarea {
  width:340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

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

  CSS Magic

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

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */

body
{
	margin:0 auto;
	padding:0px;
}

a img{border:0px;}

a{text-decoration:none;}
ul{list-style-type:none;}


#headerMain
{
	margin:0px auto;
	padding:0px auto;
	height:41px;
	width:100%;
	background:#14163C;
	border:0px solid red;
}
#header
{
	margin:0px auto;
	padding:0px auto;
	height:41px;
	width:950px;
	border:0px solid red;
}

#header ul
{
	margin:13px 5px 0 0px;
	padding:0px 0 0 0px;
	float:right;
}

#header ul li
{
	float: left;
	display:inline;
	font:normal 11px Tahoma,arial,"Trebuchet MS,sans-serif"; 
	color:#FFF;
	margin:0px 0 0 0px;
	padding:0px 0 0 11px;
} 
#header ul li a
{
	color:#FFF;
} 
#header ul li a:hover
{
	color:#A7C10A;
}
input.search
{
  border:1px solid #9BB500;
  width:121px;
  float:right;
  height:17px;
  background:#14163C;
  margin:8px 0 0 10px;
  padding:2px 0 0 5px;
  font:bold 12px Tahoma,arial,"Trebuchet MS,sans-serif";
  color:#9BB500;

}
/*---header End---*/
#LogobannerMain
{
	margin:0px auto;
	padding:0px auto;
	height:131px;
	width:100%;
	background:#ECECEC url(/images/headerbtmbg.gif) repeat-y;
	background-position:center;
	border-top:2px solid #9BB500;
}
#Logobanner
{
	margin:0px auto;
	padding:0px auto;
	height:131px;
	width:950px;
	border:0px solid red;
}
.logo
{
  margin:19px 0 0 33px;padding:2px 0 0 0px;float:left;border:0px solid red;
}
#Livechat
{
	margin:0px 0 0 202px;
	padding:0px 0 0 0px;
	height:92px;
	width:507px;
	border:0px solid red;
	background-attachment:scroll;
	background-position:top right;
	background:url(/images/livechat.gif) 0 0px no-repeat;
	float:left;
}
#Livechat p
{
  float:left;
  margin:32px 0 0 70px;
  padding:0px 0 0 0px;
  font:bold 13px/16px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#14163C;
}
#Livechat p a
{
  color:#9BB500;
}
.live
{
  margin:13px 0 0 60px;padding:2px 0 0 0px;float:left;border:0px solid red;
}
.information
{
  float:left;margin:18px 0 0 251px;padding:0px 0 0 0px;color:#9BB500;font:bold 13px/16px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
}
#navigation 
{
  margin:14px 0 0 0px;
  padding:0px 0 0 0px;
  float:left;
  height:25px;
  border:0px solid red;
}

#navigation a
{
  color: #262626;
  background: url(/images/tableft.gif) no-repeat top left;
  text-decoration: none;
  padding-left: 10px;
  font:normal 12px Tahoma,arial,"san-serif";
  text-transform:normal;
  line-height:25px;
}

#navigation a span
{
  background: url(/images/tabright.gif) no-repeat top right;
  padding-right: 10px;
}

#navigation a, #navigation a span
{
  display: block;
  float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
  float: none;
}
/* End hide */

#navigation a:hover
{
  color: #9BB500;
  background: none;
  padding-left: 10px;
  background: url(/images/tableft.gif) no-repeat top left;
}

#navigation a:hover span
{
  background:none;
  padding-right: 10px;
  background: url(/images/tabright.gif) no-repeat top right;
}

#navigation ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#navigation li
{
  float: left;
  margin:0px;
  list-style-type:none;
  border:0px solid red;
  padding:0px;
} 

/*---Logo End--*/

#BannerMain
{
	margin:0px auto;
	padding:0px auto;
	height:355px;
	width:100%;
	background:#ECECEC url(/images/bannerbg.gif) repeat-x;
}
#Banner
{
	margin:0px auto;
	padding:0px auto;
	height:355px;
	width:950px;
	border:0px solid red;
}

/*--banner End--*/

#wrapper_topMain
{
	margin:0px auto;
	padding:0px auto;
	width:100%;
	border:0px solid red;
	min-height:217px;
	height:auto !important;
	height:217px;
	background:#ECECEC url(/images/headerbtmbg.gif) repeat-y;
	background-position:center;
}

#wrapper_topMain:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
<!--[if IE7]>

#wrapper_topMain
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#wrapper_top
{
	margin:0px auto;
	padding:0px auto;
	width:950px;
	border:0px solid red;
	height:auto;
}
#wrapper_top_Left
{
	margin:30px 0 0 10px;
	padding:0px 0 0 0px;
	width:497px;
	border:0px solid red;
	height:auto;
	float:left;
}
#wrapper_top_Right
{
	margin:30px 0 0 89px;
	padding:0px 0 0 0px;
	width:342px;
	border:0px solid red;
	height:auto;
	float:left;
}

#wrapper_top p
{
  float:left;
  margin:0px 0 0 0px;
  padding:0px 0 0 0px;
  font:normal 12px/15px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#181818;
}
#wrapper_top h1
{
  float:left;
  margin:0px 0 0 0px;
  padding:0px 0 0 0px;
  font:bold 18px/28px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#9BB500;
}
#wrapper_top h4
{
  float:left;
  margin:0px 0 0 0px;
  padding:0px 0 0 0px;
  font:normal 20px/23px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#9BB500;
}
.marketing
{
  color:#2D399A;font-weight:bold;
}
/*---wrapper_top End--*/

#wrapperMain
{
	margin:0px auto;
	padding:0px auto;
	width:100%;
  border:0px solid green;
	min-height:500px;
	height:auto !important;
	height:500px;
	background:#fff url(/images/wrapperbg.gif) repeat-x;
	background-position:center;
}

#wrapperMain:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
<!--[if IE7]>

#wrapperMain
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}
#wrapper
{
	margin:0px auto;
	padding:0px auto;
	width:950px;
	border:0px solid red;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#Followustext
{
	margin:0px auto;
	padding:0px auto;
	width:950px;
	height:auto;
	border:0px solid red;	
	float:left;
}
#Followus1
{
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	width:440px;
	height:auto;
	border:0px solid red;	
	float:left;
}
#Followus
{
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	width:300px;
	height:auto;
	border:0px solid red;	
	float:left;
}
 #Followus1 p
{
	margin:15px 24px 0 0px;
	padding:0px 0 0 0px;
	font:normal 19px/23px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#191A46;
  float:right;
}
.follow
{
  float:left;margin:8px 0 0 1px;padding:0px 0 0 0p
}

#wrapper_Bottom
{
	margin:0px 0 0 0px;
	padding:0px auto;
	width:950px;
	border:0px solid red;
	height:332px;
}
.wrapper_Bottom_block
{
	margin:15px 0 0 0px;
	padding:0px 0 0 10px;
	width:225px;
	border:0px solid red;
	height:255px;
	float:left;
	background:url(/images/divider.gif) no-repeat;
	background-position:right;
	background-attachment:scroll;
}
#wrapper_Bottom h4
{
  float:left;
  margin:10px 0 0 0px;
  padding:0px 0 0 0px;
  font:bold 18px/20px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#9BB500;
  border:0px solid red;
}
#wrapper_Bottom p
{
	margin:10px 10px 0 0px;
	padding:0px 0 0 0px;
	font:normal 12px/15px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#181818;
  float:left;
}
#wrapper_Bottom p a
{
  color:#91A900;
}
.ourcustomer
{
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	width:224px;
	border:0px solid red;
	height:139px;
	float:left;
	background:url(/images/ourcustomer.gif) no-repeat;
}
/*---wrapper End--*/

#Footer
{
	margin:0 auto;
	padding:0px auto;
	height:98px;
	width:950px;
	border-top:1px solid #DEDEDE;
}


#Footer p
{
	margin:0px 10px 0 0px;
	padding:3px 0 0 0px;
	font:normal 12px/13px Tahoma,helvetica,clean,sans-serif;
  color:#181818; 
	border:0px solid red;
	float:right;
	text-align:right;
	line-height:15px;
	text-transform:capitalize;
	border:0px solid red;
}
#Footer p a
{
  color:#181818; 
}


/*--Footer End--*



/*---subtemplate start---*/

#BannerInnerMain
{
	margin:0px auto;
	padding:0px auto;
	height:152px;
	width:100%;
	background:#ECECEC url(/images/innerbanner.gif) repeat-x;
}
#BannerInner
{
	margin:0px auto;
	padding:0px;
	height:152px;
	width:950px;
	border:0px solid red;
}
/*--BannerInner End--*/
#wrapper_topInnerMain
{
	margin:0px auto;
	padding:0px auto;
	width:100%;
	height:auto;
	height:auto !important;
	background:#ECECEC url(/images/headerbtmbg.gif) repeat-y;
	background-position:center;
}

#wrapper_topInnerMain:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
<!--[if IE7]>

#wrapper_topInnerMain
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#wrapper_top_Inner
{
	margin:0px auto;
	padding:0px auto;
	width:950px;
	border:0px solid red;
	height:auto;
	background:#fff;
}
#wrapper_top_Inner:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
<!--[if IE7]>

#wrapper_top_Inner
{
    {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
}

<![endif]-->
{
	/*only for function*/
}

#wrapper_top_Inner_Left
{
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	width:248px;
	border:0px solid red;
	height:606px;
	float:left;
	background:url(/images/wrapperleft.gif) repeat-x;
}
#wrapper_top_Inner_Left span
{
  margin:10px 0 0 0px;
  padding:0px;
  float:left;
}

#wrapper_top_Inner_Left span img
{
  margin:0px;
  padding:0px 0 0 15px;
  float:left;
}

#wrapper_top_Inner_Left h2 
{
    margin:0px;
    padding:0px 0 0 10px;
    float:left;
   	font:bold 20px Tahoma,helvetica,clean,sans-serif;
   	color:#A7C10A;
   	border:0px solid red;
}

#blocksection
{
  padding:0px 0 0 0px;margin:10px 10px 0 0px;width:657px;float:right;height:229px;border:1px solid #DEDEDE;
}
#blocksection h5
{
  padding:0px 0 0 20px;
  margin:0px 0 0 0px;
 	font:bold 12px Tahoma,helvetica,sans-serif;
  color:#A7C10A;
  width:185px;
  float:left;
  text-transform:uppercase;
  height:29px;
  border-bottom:1px solid #DEDEDE;
  background:#e5edb8;line-height:29px;
}

#blocksection span
{
  float:left;
  margin:0px;
  padding:30px 0 0 20px;
  width:140px;
  font:normal 12px Tahoma,helvetica,sans-serif;
  border:0px solid red;
 
}
.feature
{
  padding:0px 0 0 0px;margin:0px 0 0 0px;width:205px;float:left;height:229px;border-right:1px solid #DEDEDE;
}

.howitowrk
{
  padding:0px 0 0 0px;margin:0px 0 0 0px;width:207px;float:left;height:229px;border-right:1px solid #DEDEDE;
}
.benefit
{
  padding:0px 0 0 0px;margin:0px 0 0 0px;width:240px;float:left;height:229px;
}
#wrapper_top_Inner_Middle
{
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	width:445px;
	border:0px solid red;
	height:auto;
	float:left;
}
#wrapper_top_Inner_Right
{
	margin:0px 0 0 10px;
	padding:0px 0 0 0px;
	width:225px;
	border:0px solid red;
	height:auto;
	float:left;
	
}
#wrapper_top_Inner p
{
  float:left;
  margin:0px 0 0 0px;
  padding:0px 10px 0 30px;
  font:normal 12px/15px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#181818;
}
#wrapper_top_Inner h1
{
  float:left;
  margin:0px 0 0 0px;
  padding:0px 0 0 0px;
  font:bold 18px/28px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#9BB500;
}
#wrapper_top_Inner h4
{
  float:left;
  margin:0px 0 0 0px;
  padding:0px 0 0 0px;
  font:normal 20px/23px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#9BB500;
}

#wrapper_top_Inner_Left ul{
  float:left;
	width:248px;
	padding:0px 0 0 0px;
	margin:5px 0 40px 0px;
}
#wrapper_top_Inner_Left ul li
{
	width:248px;
	height:29px;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
	border-bottom:1px solid #DDDDDD;
	
}
#wrapper_top_Inner_Left ul li a
{
	width:196px; 
  font:bold 12px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#000000;
  height:29px;
  line-height:29px;
  display:block;
  background:url(/images/arrow.gif) 37px 11px no-repeat;
 	padding:0px 0 0 52px;
	margin:0px 0 0 0px;
}
#wrapper_top_Inner_Left ul li a:hover
{
	width:248px;
  background:url(/images/mousehover.gif) 0 0px no-repeat;
  color:#000000;
  height:29px;
  line-height:29px;
}
#wrapper_top_Inner_Left ul li.selected 
{
	width:248px;
  background:url(/images/mousehover.gif) 0 0px no-repeat;
  color:#000000;
  height:29px;
  line-height:29px;
}
.ourcustomer2
{
	margin:5px 0 0 8px;
	padding:0px 0 0 0px;
	width:228px;
	border:0px solid red;
	height:120px;
	float:left;
	background:url(/images/ourcustomer2.gif) no-repeat;
}

#follow
{
  margin:40px 15px 0 0px;
  padding:0px;
  text-align:right;
  float:left;
  width:222px;
  float:right;
  font:normal 15px Tahoma;
  color:#191A46;
  border:0px solid red;
}

#follow span
{
  margin:10px 0 0 0px;
  padding:0px;
  float:right;  
  width:138px;
  border:0px solid red;
}
#follow span img
{
   border:0px solid red;
  margin:0px;
  padding:0px;
 }
 
# features
{
  margin:10px 0 0 0px;
  padding:0px;
  float:left;  
  width:500px;
  height:200px;
  border:0px solid red;
}
/*---wrapperInner End--*/

#FooterInnerMain
{
	margin:0px auto;
	padding:0px auto;
	height:154px;
	width:100%;
	border-top:1px solid #DEDEDE;
	background:#ECECEC url(/images/innerfooter.gif) repeat-x;
}

#FooterInner
{
	margin:0px auto;
	padding:0px auto;
	height:154px;
	width:950px;
}


#FooterInner p.footer
{
	margin:0px 10px 0 0px;
	padding:3px 0 0 0px;
	font:normal 12px/13px Tahoma,helvetica,clean,sans-serif;
  color:#181818; 
	border:0px solid red;
	float:right;
	text-align:right;
	line-height:15px;
	text-transform:capitalize;
	border:0px solid red;
}
#FooterInner p.footer a
{
  color:#181818; 
}

#rightcontent
{
  width:225px;
  height:460px;
  margin:25px 0 0 0px;
  padding:0px 0 0 0px;
  background:#fff;
  color:#000000;
  font:normal 12px Tahoma,helvetica,clean,sans-serif;
  border:1px solid #ECEBF0;
  background:url(/images/rightbg.gif) bottom left repeat-x;
}

#rightcontent h6
{
  margin:0px;
  padding:8px 0 5px 10px;
  float:left;
  font:normal 20px Tahoma;
  color:#A7C10A;
  width:215px;
  border-bottom:1px dotted #000;
}

#rightcontent span
{
  margin:0px;
  padding:5px 0 5px 10px;
  float:left;
  width:215px;
  height:50px;
  font:normal 20px Tahoma;
  color:#A7C10A;  
  border-bottom:1px dotted #000;
}

#rightcontent h5
{
  margin:0px;
  padding:0px;
  float:left;
  font:bold 13px Tahoma;
  color:#000000;
}

#rightcontent p
{
  margin:0px;
  padding:5px 0 0 25px;
  clear:both;
  width:200px;
  font:normal 12px Tahoma;
  color:#000000;
  background:url(/images/pdf.gif) 0 5px no-repeat;
}
#rightcontent a{
font:normal 12px Tahoma;
  color:#000000;
  text-decoration:none;
}
#rightcontent a:hover{
	font:normal 12px Tahoma;
	 color:#000000;
	text-decoration:underline;
}
#rightcontent h3
{
  margin:25px 0 0 17px;
  padding:0px 0 0 10px;
 	font:bold 15px/15px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#fff;
  }
#rightcontent ul
{
  margin:0px 0 0 0px;
  padding:0px 0 0 0px;
}
#rightcontent ul li
{
  margin:0px 0 0 26px;
  padding:0px 0 0 0px;
}
#rightcontent ul li a
{
  margin:0px 0 0 0px;
  padding:0px 0 0 10px;
 	font:normal 12px/15px Tahoma,"Lucida Sans unicode","Trebuchet MS",sans-serif;
  color:#fff;
  background:url(/images/whitearrow.gif) 0 4px no-repeat;
}
#rightcontent ul li a:hover
{
  color:#fff;
  font-weight:bold;
}
.greenbg
{
  width:182px;height:135px;margin:2px 0 0 2px;padding:0px 0 0 0px;background:#A7C10A;float:left;
}
.bluebg
{
  width:182px;height:189px;margin:2px 0 0 2px;padding:0px 0 0 0px;background:url(/images/bluebg.gif) no-repeat;float:left;
}

/*---subtemplate End---*/


/*--21-10-09--*/

ul#navmenu-h { margin:3px 0 0 0px; padding:0px 0 0 0px;
height:38px; list-style: none; position: relative;text-transform:capitalize;border:0px solid red;}

ul#navmenu-h ul {
 width: 200px; /* Sub Menu Width */
 margin: 0px 0 0 0px;
 padding: 0px 0 0 0px;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 border:0px solid red;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative;padding:0px 0 0 2px;font: normal 11px tahoma,Arial, sans-serif; 
 line-height:35px;}
ul#navmenu-h ul li
 { width: 100%;
  display: block;
  font: normal 11px tahoma,Arial, sans-serif;
   line-height:25px;margin:0px 0 0 2px;padding:0px 0 0 0px;border-bottom:1px solid white;}

/* Root Menu */
ul#navmenu-h a {
 border-top: 0px solid #FFF;
 border-right: 0px solid #FFF;
 padding: 0px 10px 0 10px;
 float: left;
 display: block;
 background: none;
 color:#B7B7B7;
 text-decoration: none;
 height: 1%;

}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 background: #A7C10A;
 color:#14163C;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background: #A7C10A;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 background: #EDEDED;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
 background: #B67921;
 margin-bottom:10px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
/*----navigationHome End--*/