* { padding: 0; margin: 0; outline: 0; }

body {
	margin: 10px 0 0 0; 	padding: 0;
	font: normal 12px/1.5em  verdana, tahoma, sans-serif;	 
	text-align: center;
	background: #090807 url(9iimages/bg.jpg) repeat-x;
	color: #8F8F8E; 	
}

/* links */
a {
	color:#0282D9;	
	background-color: inherit;
	text-decoration: none;			
}
a:hover {	
	color: #FF8B04;
	background-color: inherit;	
}

strong{
	color:#0282D9;	
	background-color: inherit;
		
}
/* headers */
h1, h2, h3, h4 {
	font: normal 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #eee;
}

h2 { font-size: 2.5em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.5em; }

p, h1, h2, h3, h4 {
	margin: 0;
	padding: 10px 15px;
}
.para{margin: 0;
	padding: 10px 15px;}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
}

/* images */
img {
	background: transparent;   
}
img.float-right {
   margin: .5em 0 1em 1em;   
}
img.float-left {
   margin: .5em 1em 1em 0;
}

code {
  margin: .5em 0;
  display: block;
  padding: 20px;
  text-align: left; 
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  /* white-space: pre; */
  background: transparent;
  border: 1px solid #211E20;   
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #8F8F8E;
}

/* form elements */

input {
	
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
.buttonheader
{   
    font: small Arial, Tahoma, Sans-serif;
    color: Red;
    background: #000;
    border: 2px solid #211E20;    
}
/***********************
	  LAYOUT
************************/

.header, #main-content, #footer-wrap {
	width: 980px;
}

/* header */
#header {
	clear: both;	
	margin: 0 auto; 
	padding: 0;	
	background: transparent url(9iimages/header-image.jpg) no-repeat right top;
	height: 419px;
	text-align: left;	
}
#header #clouds {
	position: absolute;
	background: transparent url(9iimages/clouds.gif) no-repeat;
	top: 220px;
	left: 165px;
	width: 309px;
	height: 163px;
}

#logo-text
{
  font-size:58px; letter-spacing: -5px; font: bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif;margin: 0; padding: 0;z-index: 9998; top: 100px; left: 140px; position: absolute;
    }
#header p#slogan
{
    
    font: normal 16px 'Trebuchet Ms' , Sans-serif;
    text-transform: none;
    color: #fff;
    margin: 0;
    padding: 0;
    z-index: 9999; /* change the values of left and top to adjust the position of the slogan */
    
}
#header #mygallery
{
    position: absolute;
    font: normal 16px 'Trebuchet Ms' , Sans-serif;
    text-transform: none;
    color: #fff;
    margin: 0;
    padding: 0;
    z-index: 9999; /* change the values of left and top to adjust the position of the slogan */
    top: 160px;
    left: 215px;
}

/* Navigation */
#nav
{
    clear: both;
    margin: 0 auto;
    padding: 0;
}
#nav ul {
	float: left;
	list-style: none;
	text-transform:none;    
    margin: 0 0 0 22px; 	
	height: 56px;
}
#nav ul li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 56px;
    font-weight: bold;
 
}
#nav ul li a
{
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 10px; color:#5AC306;    
    font: bolder 11px/54px 'Trebuchet MS' , Helvetica, Arial, sans-serif;
    text-decoration: none;
    letter-spacing: 1px; 
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff;
	
}
#nav ul li#current a {	
	color: #FF8B04;	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #12120f url(9iimages/footer-top.jpg) repeat-x left bottom;
}
#main-content {
	text-align: left;	
	padding: 0; 
	margin: 0 auto;		
}

/* sidebar */
#sidebar {
	float: right;
	width: 24em;
	margin: 10px 0 10px -21em; 
	padding: 0;		
}
#sidebar h3 {
	font: normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding: .3em 0 .5em 10px; 
	color: #99CC33;			
	text-transform: none;
	letter-spacing: -1px;	
}

#sidebar ul.sidemenu {
	margin: 0 0 0 10px;
	padding: .1em 0 1em 0;		
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	border-top: 1px solid #211E20;
}
#sidebar ul.sidemenu li {
	padding: 0; 
	background: url(9iimages/bullet.jpg) no-repeat .5em .6em;		
	border-bottom: 1px solid #211E20; 
	list-style:none;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
	display: block;
	font-weight: bold;
	color: #d3d0cc;
	text-decoration: none;
	padding: .2em 0 .2em 30px;
	line-height: 1.5em;
	font-size: 1.25em;
}
#sidebar ul.sidemenu li a:hover {
	color: #FF8B04;				
}
#sidebar ul.sidemenu ul { margin: 0 0 0 15px; }
#sidebar ul.sidemenu ul li { border: none; }


ul#twitter_update_list{
margin: 0 0 0 -4px;
	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;		
	border-top: 1px solid #211E20;
}
ul#twitter_update_list li{
	padding: 0 0 0 29px; 
	background: url(9iimages/bullet.jpg) no-repeat .5em .6em;		
	border-bottom: 1px solid #211E20; 
	list-style:none;
	font-weight: bold;
	color: #d3d0cc;
}
#twitter_update_list li a:link, #twitter_update_list li   a:visited{
color:#0282D9;
}
#twitter_update_list li a:hover{
color:#BC0C0F;
}


	
/* main */
#main {
	margin: 10px 26em 10px 0; 
	padding: 0;		
}

/*
#main h2 { 
	font: normal 2.9em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -2px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 		
}

#main h2 a {
	color: #84A5DA;	
	text-decoration: none;	
}
*/
/*
#main h1 { 
	font: normal 2.9em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -2px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	
}
#main h1 a {
	color: #84A5DA;	
	text-decoration: none;	
}*/

#footer-wrap {	
	clear: both;
	padding: 0;	margin: 0 auto; 
}

/* columns */
#columns {
	clear: both;
	text-align: left;
	color: #5B9CFF;
	margin: 0 auto; 
	padding: 1.6em 0 .5em 0;
	width: 95%;	
}
#columns h3 {
	color: #99CC33;	
	margin: 0;
	padding: 0 10px; 	
	font: normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;	
	text-transform: uppercase;
}

#columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	border-top: 1px solid #111;	
	
}
#columns li {
	border-bottom: 1px solid #111;	
    	
}
#columns li a {
	display: block;
	padding: .5em 0 .5em 1em;
	color: #8F8F8E;	
		
}
#columns li a:hover {
	color: #FF8B04;	
}

#columns .col3, .col3-center {
	float: left;
	width: 31%;
}
#columns .col3-center { 
	margin: 0 15px; 
}


/* footer */
#footer-bottom {
	clear: both;
	margin: 0 auto; 
	padding: 1em 0 1.5em 0;
	text-align: center;
	font-size: .85em
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.grey {	color: #8F8F8E; }

.post-by {
	font-size: .9em;	
	padding-top: 0;
}

.post-footer { 
	text-align: left;
	background: transparent;
	border: 1px solid #211E20; 
	padding: 5px 10px;
	margin: 20px 15px 10px 15px;
	font: normal 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #eee;
}
.post-footer2
{
    color: #eee;
    background-position: transparent;
    text-align: left;
    border: 1px solid #211E20;
    padding: 5px 10px;
    
    font-size: 10px;
}
.post-footer .date, 
.post-footer .comments,
.post-footer .readmore {
	padding-left: 20px; margin: 0 3px 0 3px;
}
 
.subheading
{
    font: normal 1.6em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
    padding: .3em 0 .5em 10px;
    color: #99CC33;
    text-transform: none;
    letter-spacing: -1px;
    border-bottom: 1px solid #211E20; 	
     cursor:pointer;
}
.subsubheadingleft
{
    font: normal 1.2em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
    padding: .3em 0 .5em 10px;
    color: #F00078;
    text-transform: none;
    letter-spacing: -1px;
    border-bottom: 1px solid #211E20;
}

.subsubheadingright
{
    font: normal 1.2em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
    padding: .3em 0 0.5em 10px;
    color: #F00078;
    text-transform: none;
    letter-spacing: -1px;
    border-bottom: 1px solid #211E20;
    float: right;
    margin-top: -172px;
    margin-right: 80px;
}
.subsubheadingright2
{
    font: normal 1.2em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
    padding: .3em 0 .5em 10px;
    color: #F00078;
    text-transform: none;
    letter-spacing: -1px;
    border-bottom: 1px solid #211E20;
    float: right;
    margin-top: -202px;
    margin-right: 107px;
}
.subsubheadingright3
{
    font: normal 1.2em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
    padding: .3em 0 .5em 10px;
    color: #F00078;
    text-transform: none;
    letter-spacing: -1px;
    border-bottom: 1px solid #211E20;
    float: right;
    margin-top: -182px;
    margin-right: 137px;
}
.ulclassright
{
float: right;
    margin-top: -115px;
 overflow:hidden;
    color: #CCCCCC;
    margin-right:-118px;
}
.ulclassright2
{
float: right;
    margin-top: -154px;
  overflow:hidden;
    color: #CCCCCC;
    margin-right:-158px;
}
.ulclassright3
{
float: right;
    margin-top: -134px;
 overflow:hidden;
    color: #CCCCCC;
    margin-right:-130px;
}
.ulclass
{overflow:hidden;
    color: #CCCCCC;
    
}
.ulclass2
{overflow:hidden;
    color: #CCCCCC;
    margin-top: 20px;
}

  
 
 .formerror
 {
      color:Red;
     }
     
.phpslider{ height:100px;
             padding:0 0 0 15px;background-color:#12120f;
            }
            
.phpslider .spanidright
{    
    color:Red;
    padding:15px 10px 0 0; float:right;
}
/*==================bottomslides=====================*/
.bottomslide
{
    height: 190px;
    background-color: #272727;
    color: #CACACA;
}

.bottomlicss
{
    width:auto;
    height:auto;
}
.leader
{
    color: #99CC33;
    font: normal 1.4em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
}

.leadersclass a:hover{
color: #FF8B04;
}

.categorymiddle li a:hover{
color: #FF8B04;
}

.homeportifolio
{  
  width:680px;
  position:absolute;
  background-repeat:repeat-x;     
  background-image: url(9iimages/leaves.png);
  height:34px;
    }
    
    .homeportifolioup
{
    
   width:680px;
  position:absolute;
  background-repeat:repeat-x;   
  background-image: url(9iimages/leaves_up.png);
  height:34px;    
    }
    
#gallerypor
{ 
    float:right;
   margin-top:-240px;
    
    }
    
/*============================coda slider================*/
    
		


.slider1
{
     float:left;     
     width:640px;                         
    }
		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 			
			margin: auto;			
			height:100%;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;			
			width: 640px;
			list-style-type: none;
			
			
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;			
			position: relative;
			width: 640px; /* Also specified in  .stripViewer  above */			
		}		
		
						
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin:0 0 0 -30px;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width:650px;
		    float:left;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #2651B0; }
		.stripNav li.tab2 a { background: #2651B0; }
		.stripNav li.tab3 a { background: #2651B0; }
		.stripNav li.tab4 a { background: #2651B0; }
		
		
		.stripNav li a:hover {
			background: #99CC2D;
		}
		
		.stripNav li a.current {
			background: #99CC2D;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */		    
			 display:none;					
		    }   

.boldtext
{
    font-weight: bold;
    color: #ECEBEA;
    text-decoration: none;
    font-size: 1.00em;
}


.flexcroll {
	width: 630px;
	height: 650px;	
	}

.portifoioheader
{
    
	font: normal 2.9em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -2px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	

    }
    
    .stripNav2 ul { /* The auto-generated set of links */	  
	  list-style-image:url(9iimages/bullet.jpg);	  
		}
		.stripNav2 li { /* The auto-generated set of links */	  
	     position:relative;	    
	     font-family: 'Trebuchet MS', Tahoma, Sans-serif; 
		}
		
		.stripNav2 ul li {		
			 margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
			 width:260px;
			 margin-top:5px;			 			
			 
		}
		
		.stripNav2 a { /* The nav links */
			font-size: 13px;
			font-weight: bold;		
			line-height: 30px;	
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
			font-family: 'Trebuchet MS', Tahoma, Sans-serif;
		}
		

		
		.stripNav2 li a:hover {
			background: #2651B0;
		}
	    	


.topmenuclass
{color:#FF790B; font-size:14px;
    }    
    
.quickbtnclass
{
    background-color:#2651B0;
    color: #FFFFFF;
    margin-top: 10px;    
    width: 205px;        							
	border:none;
	height:22px;		
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	cursor:pointer;	
}

#q
{
    height:25px;
     font-size:18px;
    }
.searchbtn
{
    background-color:#2651B0;
    color: #FFFFFF;
     padding-top:0px;
    width: 100px;        							
	 border:none;
	 height:25px;		
			font-size: 10px;
			font-weight: bold;
			text-align: center;	
			cursor:pointer;	
}

.quickbtnclass:hover
{
    background-color:#99CC2D;    
}
#contactformp
{
    color:White;
    font-size:15px;
    margin-top:4px;
    }
    
.contactformbutton
{
     float:left; 
     color:Black;
     background-color:#99CC2D;
     width:160px;     
     height:25px;
     text-align:center;
     margin-left:15px;
     cursor:pointer;
    }
/*---- Social be------ */
div.sociablebe
{
  margin: 10px 0;

  
}

.sociablebe_tagline
{
  font-weight: bold;
  margin:15px 0;
  color:#0066FF;
  padding-top:5px;
  border-top-style:solid;
  border-top-width:thin;
  border-top-color:#99CC2D;
}

span.sociablebe_tagline
{
  position: relative;
}
span.sociablebe_tagline span
{
  display: none;
  width: 14em;
}
span.sociablebe_tagline:hover span
{
  position: absolute;
  display: block;
  top: -5em;
  background: #ffe;
  border: 1px solid #ccc;
  color: black;
  line-height: 1.25em;
}
.sociablebe span
{
  display: block;
}
.sociablebe ul
{
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}
.sociablebe ul li
{
  background: none;
  display: inline !important;
  list-style-type: none;
  margin: 0px !important;
  padding: 1px;
}
.sociablebe ul li:before
{
  content: "";
}
.sociablebe img
{
  float: none;
  width: 16px;
  height: 16px;
  border: 0;
  margin: 0;
  padding: 0;
}

.sociablebe-hovers
{
  opacity: .4;
  -moz-opacity: .4;
  filter: alpha(opacity=40);
}
.sociablebe-hovers:hover
{
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.h1mediumclass
{
    font: normal 2.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -2px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	
    }
.h1mediumclass a
{    
	color: #84A5DA;	
	 text-decoration:none;
    }
    
.h1smallclass
{
    font: normal 1.5em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -1px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	
    }
    
.h1smallclass a
{    
	color: #84A5DA;	
	 text-decoration:none;
}

.h2smallclass
{
    font: normal 1.1em 'Trebuchet MS', Arial, Sans-serif;
	color: #84A5DA;	
	letter-spacing: -1px;		
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #211E20; 	
    }
    
.h2smallclass a
{    
	color: #84A5DA;	
	 text-decoration:none;
}