/*----------------------------------------------------------------------------- 
version:   1.0 
date:      29/12/10 
author:    M.S.e-Solutions Pvt. Ltd.
email:     [info@mses.in] 
website:   [http://www.mses.in] 
-----------------------------------------------------------------------------*/


@font-face {
    font-family: 'VAGRoundedLtRegular';
    src: url('../fonts/vagrouln-webfont.html');
    src: url('../fonts/vagrouln-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/vagrouln-webfont-2.html') format('woff'),
         url('../fonts/vagrouln-webfont-3.html') format('truetype'),
         url('../fonts/vagrouln-webfont-4.html#VAGRoundedLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VAGRoundedStdBold';
    src: url('../fonts/vagroundedstd-bold-webfont.html');
    src: url('../fonts/vagroundedstd-bold-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/vagroundedstd-bold-webfont-2.html') format('woff'),
         url('../fonts/vagroundedstd-bold-webfont-3.html') format('truetype'),
         url('../fonts/vagroundedstd-bold-webfont-4.html#VAGRoundedStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VAGRoundedStdLight';
    src: url('../fonts/vagroundedstd-light-webfont.html');
    src: url('../fonts/vagroundedstd-light-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/vagroundedstd-light-webfont-2.html') format('woff'),
         url('../fonts/vagroundedstd-light-webfont-3.html') format('truetype'),
         url('../fonts/vagroundedstd-light-webfont-4.html#VAGRoundedStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; z-index:1
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0; z-index:1;
	}
ol,ul {
	list-style: none;
	}

h1, h2, h3, h4, h5, h6 {
  font-family: 'VAGRoundedStdBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  padding: 0;
  text-shadow: 0 1px 0 #FFFFFF;
  float:left;
  width:100%;
  color:#E58D05;
}
h1 {
    margin: 0 0 15px 0;
	font-size:22px;
	font-weight:bold;
}
h2 {
    margin: 0 0 5px 0;
	font-size:16px;
	color:#1e537b;
	line-height:24px;
	font-weight:bold;
}
h3 {
    margin: 15px 0 0 0;
	font-size:16px;
	line-height:21px;
	font-weight:bold;
}
h4 {
  /*margin: 0 0 10px 0;*/
	font-size:15px;
	line-height:22px;
	font-weight:bold;
}
h5 {
  /* margin: 0 0 10px 0;*/
	font-size:13px;
}
h6 {
  /*margin: 0 0 10px 0;*/
	font-size:12px;
}
.black{ 
    width:235px; height:10px;
	color:#000102; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px;
	float:left; clear:both;
}

#spanThe{
	color:#cf6508;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:13px; text-decoration:none;
}

#spanThe:hover { 
    color:#000;
}
	
	
.light_grey{
	font-family:Tahoma, Geneva, sans-serif;
	color:#aca6a6; 
	font-size:16px;

}

.red{
	color:#f43;
}

.big_statement{
	font-size:21px;
	line-height:30px;
}
abbr,acronym { 
	border: 0;
	}
a{
	text-decoration:none;
	color:#1E537B;
	outline: none;
}
a:hover{
	color:#999;
}
a img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:1;
}
p{
	text-align:left; 
	margin-left:49px;
	padding: 10px 0 0; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#100000;
}




/*  =GLOBaL ELEMENTS
-------------------------------------------------------------- */

body
{
	margin:0px;
    padding:0px;
    background:url(images/GTF-bg.html) repeat;

}

#wrapper
{
	width:100%;
    height:auto;
}

#container
{
	overflow:hidden;
	width:1000px;
	height:auto;
	margin:0px auto;	
	background: url(images/background.html)repeat-x #fff;



}

/*-------------------------------------------------top pannel----------------------------------*/
#toppannel
{
	width:100%;
 	height:128px; 
	padding:6px 0px 0px 0px;
	margin:0px; 
	float:left;
}

#topleft
{
	width:262px;
	height:128px; 
	padding:0px 0px 0px 9px;
	margin:0px; 
	float:left;
}



#topright
{
	width:670px;
	height:128px; 
	padding:0px 0px 0px 9px;
	margin:0px; 
	float:right;
}





/*-------------------------------------------------top pannel----------------------------------*/

#logo
{
	width:247px;
	height:92px;
	margin:18px 0px 0px 9px;
	float:left; 
}


#navigation
{
	width:662px;
	height:58px; 
	float:right;
}





/*--------------------------------------Slider Area starts here----------------------------------*/

#slider
{
	width:968px;
	height:369px;
	float:left;
	padding:5px 5px 5px 12px;
	clear:both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 1;
}






/*--------------------------------------Slider Area ends here----------------------------------*/


#middlecontainer
{
	width:975px;
	height: auto;
	clear:both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
		background-color:#FFF;
}



#leftcontainer
{
	width:680px;
	height:auto;
	float:left;
	border:solid;
	background-color:#FFF;
	border-color: #dcd7d7;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	z-index:-1;
	padding-left:8px;
	padding-right:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#100000;
	margin-left: 6px;
}



#rightcontainer
{
	width:250px;
	height: auto;
	float:right;
}


.heading
{
	width:500px;
	float: left;
	color:#174673; 
	font-weight: normal;
	margin-left:49px;
	margin-top:15px;
    height:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:20px;
}
span
{
	color:#d26504;
	font-size:20px;
}


.middetext
{
	width:648px;
	height:65px;
	color:#174673;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	float:right;
	word-spacing:-2px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 49px;
}

#welcome-text
{
	margin:0px 28px 0px 49px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px;
	text-align: justify;
}



/*----------------------------------------right container---------------------*/

#instantbox
{
	width:256px;
	height:57px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#queryform
{
	width:256px;
	height:308px;
	margin:0px 0px 0px 0px;
	float:left;
	background:url(images/form-bg-area.html) no-repeat;
}


#follow
{
	width:61px;
	height:230px;
	padding:25px 10px 22px 10px;
	float:left; 
	background-color:#FFF;  
	background: url(images/follow-icon-bg.html) no-repeat;
	position:absolute;
	left:68px;
	top:554px;
}

#social-networking-icons
{
	width:25px;
	height:25px;
	margin-bottom:8px;
}
/*-------------------------------------------------right container end------------------------*/

#category
{
	width:983px;
	height:177px;
	float:left;
	background: url(../images/category-background.jpg) no-repeat;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
	padding: 0px;
}



/*-------------------------------------------------Top Menu Navigation starts here------------------------*/

#header
{

	padding-top:0px;
	width:663px;
	height:61px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}

#angle
{
	width:620px;
	height:auto;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 25px;
}

.menu
{
	float:right;
	background: url(images/menu.html) no-repeat 0 0 transparent;
	line-height:25px;
	margin:6px 0 0 0;
	width:662px;
	height:60px;
	padding:0 0 0 2px;
	color:#F00;
}
.menu li{
	display:block;
	float:left;
	text-align:center;
	width:120px;
}
.menu li a{
	cursor: pointer;
	display: block;
	height: 60px;
	width: 120px;
	z-index: 1000;
}
.menu li.home{
	height:60px;
}
.menu li.home:hover{
	background:  url(images/top_menu.html) no-repeat -2px -78px transparent;
	
}

.menu li.about{
	height:60px;
}
.menu li.about:hover{
	background: url(images/top_menu.html) no-repeat -122px -78px transparent;
}

.menu li.services{
	height:60px;
}


.menu li.services:hover{
	background: url(images/top_menu.html) no-repeat -243px -78px transparent;
}
.menu li.services:hover ul{
	 display: block;
}


.menu li.services ul{
	list-style:none; float:left; display:none;
	color:#3FC;
}

.menu li.services li{display:block;left:100%; top:0; padding-left:1px; background-color:#C9640C; color:#fff; z-index:1000; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:150px; text-align:left; height:25px;
	
}




.menu li.services li a
{ color: #fff; font-size:14px; padding:3px; z-index:1000;}

.menu li.services li a:hover
{ color: #FF6; font-size:14px; padding:3px; z-index:1000;}





.menu li.client{
	height:60px;
}
.menu li.client:hover{
	background: url(images/top_menu.html) no-repeat -362px -78px transparent;
}

.menu li.contact{
	height:60px;
}
.menu li.contact:hover{
	background: url(images/top_menu.html) no-repeat -482px -78px transparent;
}

.menu li.homeActive{
    background: url(images/top_menu.html) no-repeat -2px -78px transparent;
}
.menu li.aboutActive{
    background: url(images/top_menu.html) no-repeat -122px -78px transparent;
}
.menu li.servicesActive{
    background: url(images/top_menu.html) no-repeat -243px -78px transparent;
}
.menu li.clientActive{
    background: url(images/top_menu.html) no-repeat -362px -78px transparent;
}
.menu li.contactActive{
    background: url(images/top_menu.html) no-repeat -482px -78px transparent;
}


/*-------------------------------------------------Top Menu Navigation starts here------------------------*/

.home
{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px; color:#FFF; text-align:center;
}

#footer
{
	width:920px;
	height:76px; 
	float:left; 
	margin:0px 0px 0px 0px; 
	background: url(images/bottom-menu-bg-strip.html) no-repeat;
	padding:0px 0px 0px 80px;
	background-color:#FFF;
}

.footer ul
{
	list-style:none;
	width:930px;
}

.footer li
{
	list-style:none; 
	width: auto; 
	height:30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px; 
	color:#FFF; 
	text-align:center;
	margin:25px 5px 20px 4px; 
	float:left;
	text-decoration:none;
}

.footer a
{
	color:#FFF;  
	text-decoration:none;
}

.footer a:hover
{
	color:#003; 
}


/*------------------------Services--------------------------*/

.Service-heading
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 25px;
	color:#8c8484;
}

.Some-text
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; line-height:18px;
	color:#8c8484; text-align:left;
}

/*--------------WebSite Designing---------*/

#web_container
{
	width:973px;
	height:auto;
	border:2px solid #dcd7d7;
}
/*#8c8484*/
.web_content
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px;
	text-align: justify;}
	
.center{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px;
	color:#E37B1C; text-align: center;
}

/*----------------PORTFOLIO----------------------*/


#porthead
{
	width:100%;
	height: auto;
	margin:20px 0px 20px 0px;
}

#portname
{
	width:80%;
	margin:0px auto;
}