﻿

body{  
margin:0px;
font:normal 11px/20px verdana, Tahoma, Helvetica, sans-serif;
color:#484848;
background: #151923 url("../../images/bg.gif") top center no-repeat; 
}

* html {
margin:0;padding:0;
}

.imgborder
{
background:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
.imgborder:hover
{
background:#fff;
padding:3px;
border:1px solid #aaa;
}

.clear {
clear:both; 
}
.rightalign
{
float:right;
}
.leftalign
{
float:left;
}
.textleft
{
text-align:left;
}
.textright
{
text-align:right;
}

p { margin: 0 0 5px 0;}

a {
text-decoration:none;
color:#484848;
}
a:hover
{
color:#1e98b0;
text-decoration:none;
}

img	{
	border:0;
}
/*------------------------------------------------------
										Header css
------------------------------------------------------*/
.header {
height:100px;
}
 
.slogan h5{
font:normal bold 14px Arial, Helvetica, sans-serif;
color:#fff;
padding-top:35px;
text-align:right;
}

.slogan p{
color:#fff;
margin:0;
line-height:12px;
text-align:right;
}

.logo{
margin:40px 0 20px 10px;
}

 
.middle_content
{
padding:20px;
margin:0px 15px 0 0;
} 
  
/*------------------------------------------------------
										Backgrounds
------------------------------------------------------*/
.bg_top{
background: url("../../images/topmid.png") no-repeat;
height:30px;
}

.bg_repeat{
background: url("../../images/mid.png") repeat-y;
overflow:hidden;
height:100%;
}

.bg_bottom{
background: url("../../images/botmid.png") no-repeat;
height:30px;
}

/*------------------------------------------------------
										Subheader
------------------------------------------------------*/
.subheader{
background: url("../../images/subheader.png") center top no-repeat;
height:110px;
position:relative;
margin-bottom:20px;
}

.subheader h2{
color:#fff;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#FFFFFF;
}
.subheader span
{
color:#fff;
position:absolute;
bottom:10px;
left:25px;
}

/*------------------------------------------------------
										Headings
------------------------------------------------------*/
h1{
font: normal 40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
color:#000;
}

h2{
font: normal 26px/30px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
color:#444847;
margin:0 0 5px 0;
}

h3 		{ 
font: normal 22px/26px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#484848;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
}

h4 		{ 
font: normal 20px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#575757; 
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
}

h5 		{ 
font: normal 16px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#5d5d5d; 
padding:0 0 0 0;
margin:0 0 5px 0;
}

h6 		{ 
font: italic normal 11px Georgia, Arial, Helvetica, sans-serif; 
color:#4D4C4C; 
padding:0;
margin:0 0 5px 0;
}

/*------------------------------------------------------
										News lists
------------------------------------------------------*/
.sidebar h2{
padding:0 0 0 10px;
	}
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;
}

ul.newslist li
{
padding:3px 0 3px 5px;
margin-bottom:5px;
color:#666666;
list-style-type:none;
}
ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:3px 0px;
font:normal 11px/16px verdana, Tahoma, Helvetica, sans-serif;
color:#959595;
text-decoration:none;
}

ul.newslist li a:hover
{
color:#000;
padding:3px 0px;
text-decoration:none;
}

ul.newslist li span
{
font-weight:bold;
display:block;
text-decoration:underline;
color:#959595;
}
/*------------------------------------------------------
								left Sidebar Menu
------------------------------------------------------*/		
.submenu {
margin:0 0px 20px 0px;
text-align:left;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 0px;
}

.submenu li a {
voice-family:inherit;
margin:0 0 0px 0;
height:18px;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
border:1px solid #eee;
text-decoration:none;

}

.submenu li li a:link, .submenu li li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#484848;
display:block;
padding:6px 10px;
}

.submenu li.current a {
text-decoration:none;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
color:#1e98b0;
border-bottom:1px solid #1e98b0;
}

.submenu li a:hover {
color:#1e98b0;
padding:6px 10px;
z-index:100;
text-decoration:none;
border-bottom:1px solid #1e98b0;

}

/*------------------------------------------------------
							home and Service page
------------------------------------------------------*/
.servicebox{
margin-left:0px;
padding:15px 20px 20px 15px;
border :1px solid #ddd; 
margin-right:15px;
margin-bottom:20px;
}
.servicebox p, .servicebox ul.listitems
{
	margin:0 15px 0 0;
}
.servicebox p	{
margin-right:15px;

}

.servicebox h4, .servicebox2 h4
{
background:url("../../images/service_top.html") repeat-x;
height:42px;
margin:0;
padding:5px 5px 20px 25px;
margin:0px;
color:#5c5c5c;

}
.servicebox	img	
{
margin:0 10px 20px 20px;

}

.servicebox2
{
border :1px solid #ebecf1; 
overflow:hidden;
height:100%;
padding:0px 0 15px 0;
margin-bottom:20px;
}

.servicebox2 p
{
margin:0;
padding:0px 10px 0 100px;
margin:0px 0px 0 0;
}

.servicebox2 img
{
border-right:1px solid #ddd;
margin-left:10px;
margin-right:0px;
padding-right:5px;
}

.readmore
{
margin:5px 0px 0px 0;
color:#fff;
background:#1e98b0;
padding:1px 10px 2px 10px;
text-decoration:none;

}
a.readmore:hover
{
color:#fff;
background:#1e98b0;
text-decoration:none;
}

/*------------------------------------------------------
										Team list
------------------------------------------------------*/
ul.team {
display:inline;
clear:both;
margin:0;
padding:0;
}

ul.team li {
color:#000;
display:block;
overflow:auto;
height:100%;
background:#FFFFFF;
vertical-align:bottom;
border:1px solid #ddd;
border-top:2px solid #c3c3c3;
margin:0 5px 20px 0;
padding:10px 15px;
list-style:none;
}

ul.team li	img {
padding-bottom:5px;
float:left;
margin-right:20px;
border-right:1px solid #e8e8e8;
padding-right:20px;
}

ul.team li small {
color:#a1a1a1;
font:normal 11px georgia, Arial, Helvetica, sans-serif;
margin:0;
}

/*------------------------------------------------------
										blog page
------------------------------------------------------*/  
.content-box{ 
border-bottom:3px solid #1e98b0;
padding:0px;
margin:0 0 20px 0;
overflow:hidden;
height:100%;

}


.content-box p
{
padding:20px 0;
}



.content-box img
{
margin:20px 10px 0 0px;
}

.post-info{
text-transform:uppercase;
font-size:9px;
margin:0px;
padding:0px;
color:#000; 
}

.comments
{
padding:0px 5px 0 0;
margin:0px;
}

.comments a		 { color:#777; text-decoration:none; font-weight:bold;}
.comments a:hover	 { color:#69452e; text-decoration:none;}


/*------------------------------------------------------
									portfolio page
------------------------------------------------------*/
.port-box{ 
border-bottom:3px solid #1e98b0;
margin-bottom:20px;
}

.imagebox	{
background:#f2f2f2;
overflow:auto;
height:100%;
padding:5px;
}

.details	{
float:right;
width:300px;
}

/*------------------------------------------------------
										Top menu
------------------------------------------------------*/
.topmenubg	{
width:960px;
background: url("../../images/menu_bg.jpg") no-repeat;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
height:40px;

}

.topmenu
{
margin-left:20px;
padding-top:5px;
}

#dropmenu, #dropmenu ul {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:400; width:100%;  font-family:"Lucida Sans";}
#dropmenu a {display:block; padding:0.50em 1em; color:#686868; border:1px solid #ddd; text-decoration:none; margin-right:5px;}
#dropmenu a:hover {color:#000; background:#fff;  }
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:15em; top:28px; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;background:#fff;}
#dropmenu li ul {border-top:1px solid #c8c8c8;width:14.2em;}
#dropmenu li ul a {width:15em; height:auto; float:left;  border-bottom:1px solid #ddd;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:15em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current_page_item a  {background:#fff; color:#000;  }
#dropmenu li.current_page_parent a {background:#fff; color:#000;}
#dropmenu li.current-cat a {background:#fff; color:#000;}

/*------- COLORS --------*/

.yellow 	{ color:#FFCC33; }
.skyblue 	{ color:#9fe5ff; }
.gray 	{ color:#484848 !important; }
.white 	{ color:#ffffff; }

/*------- Table -------*/
table{
border:none;
border-collapse:collapse;
margin:10px 0 10px 0;
}

td,th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}
th
{
background:url("../../images/table-head-mid.gif") repeat-x 0 0;
text-align:left;
padding-left:20px;
}
th.lefthead
{background:url("../../images/table-head-left.gif") no-repeat 0 0;
text-align:left;
padding-left:20px;
}
th.righthead
{background:url("../../images/table-head-right.gif") no-repeat right top;
text-align:left;
}

table a {text-decoration:none;}
table a:link {}
table a:visited {}

tbody tr:hover 		{background:#f1f1f1;}

tr.even
{
background:#f1f1f1;
}


/*------------------------------------------------------
												Form
------------------------------------------------------*/
.map	{
	padding:3px;
	border:1px solid #CCCCCC;
	margin-left:0px;
}

/*------------------------------------------------------
											Footer
------------------------------------------------------*/
.footer
{
padding:10px 0;
color:#fff;
}

.leftsidebar {
 padding:20px;   
 margin:0 0px 0 15px; }


.twitterbox
{
background:url("../../images/twitter_img.png") no-repeat;
width:224px;
height:64px;
padding:0px;
margin:20px 0 0 0;
float:right;
}

.twitterbox p
{
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
color:#fff;
padding:12px 10px; 
}


/*------------------------------------------------------
							Error / Success / Notice
------------------------------------------------------*/
.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

		
/*------------------------------------------------------
									Looped Slider
------------------------------------------------------*/		
.container { width:228px; height:130px; overflow:hidden; position:relative; cursor:pointer;  }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:228px; display:none; }
.slides img { border:1px solid #ddd; padding:3px; background:#FFFFFF; }
/*
* Optional
*/
.loopedSlider,.newsSlider { width:230px; float:left; padding:25px 0 10px 20px;}
ul.pagination { list-style:none; padding:0; margin:0; float:left;}
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 6px; margin-right:3PX; }
ul.pagination li.active a { background:#1e98b0; color:white; }	
ul.pagination li a:hover  { background:#d7d7d7; color:#000000;         }
.previous	{ margin:0;  }
.next	{ margin:0;  padding:0 0 0 10px;}	
.links   {  float:right; width:100px; }

#leftPanel {
	float: left;
	width: 350px;
	clear: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	
}

#rightPanel {
	float: left;
	width:350px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	
}

/* slidercss.css */
/************************************/
/* 			 Homepage Slider	*/
/************************************/
.slider
{ 
	width:960px;
	background:url("../../images/sliderbg.png") top center no-repeat; 
	height:246px;
	padding:0;
}

.slider_WiredEarth
{
	width:960px;
	background:url("../../images/sliderbg_WiredEarth.png") top center no-repeat; 
	height:246px;
	padding:0;
}

/*---------------------slider--------------------*/
#home-slider {
	margin-top:0;
	height:246px;
	padding:0px 0 0 0;
}

#home-slider h1 {
border-bottom:none;
padding-top:70px;
font: normal bold 34px/40px Arial, Helvetica, sans-serif;
text-align:left;
color:#21a97e;
}

.sliderpanel
{
overflow: hidden; visibility: visible; position: absolute; z-index: 2; left: 100px;margin-left:50px;  height:216px; top:30px;

}

ul.slider-img-list
{
margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 400px; left: -1px;
}

ul.slider-img-list li
{
overflow: hidden; float: left; width: 300px; height: 246px; vertical-align:bottom;padding-top:40px; 
}

.slidercontent 
{
overflow: hidden; visibility: visible; float: none; position: relative; z-index: -1; left: 0px; border:0px solid #ffff00; margin-right:10px; 
}

.slidercontent_WiredEarth 
{
overflow: hidden; visibility: visible; float: none; position: relative; z-index: -1; left: 0px; border:0px solid #ffff00; margin-right:10px; 
}

ul.slider-textlist
{
margin: 0pt 0px 0 0; float: none; padding: 0 0px 0 0; position: relative; list-style-type: none; z-index: 1; height: 1440px; top: -1200px; 
}

ul.slider-textlist li
{
overflow: visible; float: none; width: 246px; height: auto;
}

/*  Wired Earth */
ul.slider_WiredEarth-textlist
{
	margin: 0pt 0px 0 0; float: none; 
	padding: 0 0px 0 0; position: relative; 
	list-style-type: none; z-index: 1; 
	height: 1440px; 
	top: -1200px; 
}

ul.slider_WiredEarth-textlist li
{
	overflow: visible; float: none; width: 246px; height: auto;
}


/*  end */

.sliderImages ul li img {
border:0px solid #c30000;

}
.sliderImages ul li img {
	padding-left:0px;
	margin-left:120px;
}
#home-slider ul li {
	margin:0;
	height:auto;
}
.sliderTextHolder ul li {

	padding:0px;
	width:auto;
	height:245px;
	border:0px solid #c30000;
}


.sliderTextHolder p {
	color:#ffffff;
	padding-right:30px;
}

.sliderTextHolder h1 {
	padding-top:40px;
	color:#FFFFFF !important;

}

.sliderTextHolder_WiredEarth h1 {
	padding-top:40px;
	color:#000000 !important;

}

.sliderTextHolder h1 a{
	color:#FFFFFF;
}

.prev {
	color:#FFFFFF;
	position:relative;
	left:10px;
	bottom:110px;
	z-index:100;
}
.next {
	color:#FFFFFF;
	position:relative;
	left:856px;
	bottom:110px;
	z-index:100;
	
}

/* end slider css */

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	height:auto;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
