/* Css for www.ip2ip.co.in
Date 7th February 2010
Web Designer - Vijay Patel
========================================
Theme: White Blue Grey
*/

/* CSS Reset Styles (Eric Meyer’s CSS Reset) starts here */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* CSS Reset Styles (Eric Meyer’s CSS Reset) ends here */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #f0f0f0; 
	border-top:solid 5px #FFF;
}

.clear {
	clear: both;
}

a {
	color: #005FA8;
}

a:visited {
	color: #591018;
}

a:hover {
	text-decoration: none;
}

/* IE6 PNG Transparency Fix 
#nav ul.subnav li.bottom,
#nav ul.subnavbig li.bottom,
.slider1Image span,
#wrapper #header #company-message hr  { behavior: url(iepngfix.htc) }
*/

.hidden {
	display: none;
}

#wrapper {
	margin: auto;
	text-align: left;
	background-color:#ffffff;
	border-left:solid 1px #CACACA;
	border-right:solid 1px #CACACA;
	width: 954px;
}

/* Header
------------------------------------------------- */

#header {
	background: #2A4E97
				url(../images/common/header_bg.png)
				repeat-x;
	position: relative;
	height: 125px;
}

#header h1 {
	position: absolute;
	margin: 0;
	top: 0;
	left: 25px;
	padding: 0;
	height: 155px;
}

#header h1 a {
	display: block;
	width: 200px;
	height: 0px !important;
	height /**/:150px; /* IE 5/Win hack */ 
	padding: 150px 0 0 0;
	overflow: hidden;
	background-image: url(../images/common/ip2ip-logo.png);
	background-repeat: no-repeat;
	z-index:1000;
}

#header h1 a:hover {
	background-position: 0 -150px;
}

#header img {
	display: block;
	border: 0 none;
	float:right;
}

#header #company-message {
	position: absolute;
	left: 375px;
	top: 40px;
	width: 425px;
	color: #9dbfdc;
	font-size: 2.5em;
}


#wrapper #header #company-message {
text-align:center;}


#wrapper #header #company-message hr {
	border: none; 
	height: 2px;
	margin-top:10px;
	background-image: url(../images/common/hr-line.png);
	background-repeat: no-repeat;
	background-position:center;
}


/* ============ navigation top ============ */

/* Main Navigation
------------------------------------------------- */

#nav-wrapper {
		width: 954px;
		height: 40px;
		background: #e7e7e8
			url(../images/nav/mainnav_bg.png)
			100% 0
			no-repeat;}

#main-nav { 
	float: right;
	margin-right:5px;
	height: 40px;
}

#nav,
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	list-style-type: none;
}

#nav li a.navlink { /* Primary Item Link */
	display: block;
	height: 0px !important;
	height /**/:40px; /* IE 5/Win hack */ 
	padding: 40px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav li a.navlink:hover,
#main-nav li a.over,
#main-nav li.over a { /* Primary Item Link Hover */
	background-position: 0 -40px;
}

#main-nav li#home,
#main-nav li#home a.navlink { width: 78px; background-image: url(../images/nav/home.png); }

#main-nav li#vision,
#main-nav li#vision a.navlink { width: 78px; background-image: url(../images/nav/vision.png); }

#main-nav li#mission,
#main-nav li#mission a.navlink { width: 98px; background-image: url(../images/nav/mission.png); }

#main-nav li#ips,
#main-nav li#ips a.navlink { width: 58px; background-image: url(../images/nav/ips.png); }

#main-nav li#services,
#main-nav li#services a.navlink { width: 98px; background-image: url(../images/nav/services.png); }

#main-nav li#methodology,
#main-nav li#methodology a.navlink { width: 122px; background-image: url(../images/nav/methodology.png); }

#main-nav li#aboutus,
#main-nav li#aboutus a.navlink { width: 98px; background-image: url(../images/nav/about-us.png); }

#main-nav li#contactus,
#main-nav li#contactus a.navlink { width: 98px; background-image: url(../images/nav/contact-us.png); }

body.vision #main-nav li#vision,
body.vision #main-nav li#vision a.navlinkr,
body.mission #main-nav li#mission,
body.mission #main-nav li#mission a.navlink,
body.ips #main-nav li#ips,
body.ips #main-nav li#ips a.navlink,
body.services #main-nav li#services,
body.services #main-nav li#services a.navlink,
body.methodology #main-nav li#methodology,
body.methodology #main-nav li#methodology a.navlink,
body.aboutus #main-nav li#aboutus,
body.aboutus #main-nav li#aboutus a.navlink,
body.contactus #main-nav li#contactus,
body.contactus #main-nav li#contactus a.navlink, 
#current {
	background-position: 0 -82px;
}

body.vision #main-nav li#vision,
body.vision #main-nav li#vision a.navlink:hover,
body.mission #main-nav li#mission,
body.mission #main-nav li#mission a.navlink:hover,
body.ips #main-nav li#ips,
body.ips #main-nav li#ips a.navlink:hover,
body.services #main-nav li#services,
body.services #main-nav li#services a.navlink:hover,
body.methodology #main-nav li#methodology,
body.methodology #main-nav li#methodology a.navlink:hover,
body.aboutus #main-nav li#aboutus,
body.aboutus #main-nav li#aboutus a.navlink:hover,
body.contactus #main-nav li#contactus,
body.contactus #main-nav li#contactus a.navlink:hover {
	background-position: 0 -40px;
}

#nav {
	position: relative;
	z-index: 1000;
}

#nav li ul.subnav { /* second-level lists */
	position: absolute;
	width: 212px;
	z-index: 1000;
	background: transparent
				url(../images/nav/subnav_top.png)
				no-repeat;
	padding-top: 6px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul.subnavbig { /* second-level lists */
	position: absolute;
	width: 412px;
	z-index: 1000;
	background: transparent
				url(../images/nav/subnav_top.png)
				repeat-x;
	padding-top: 6px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: -999em ;
	display: none; /* Added for IE7 Bug */
}

#nav ul.subnav li { /* Secondary Item */
	float: left;
	width: 212px;
	z-index: 1010;	
	font-size: 1.2em;
	background: #ccd5da
				url(../images/nav/subnav_bg_big.png)
				no-repeat;
}

#nav ul.subnavbig li { /* Secondary Item */
	float: left;
	width: 412px;
	z-index: 1010;	
	font-size: 1.2em;
	background: #ccd5da
				url(../images/nav/subnav_bg_big.png)
				no-repeat;
}

#nav ul.subnav li.bottom {
	background: transparent
				url(../images/nav/subnav_bottom_24bit.png)
				0 100%
				no-repeat;
	height: 6px;
	padding: 0;
	margin: 0;
	line-height: 0;
}

#nav ul.subnavbig li.bottom {
	background: transparent
				url(../images/nav/subnav_bottom_48bit.png)
				0 100%
				no-repeat;
	height: 6px;
	padding: 0;
	margin: 0;
	line-height: 0;
}

#nav ul.subnav li a { /* Secondary Item Link */
	padding: 7px 15px 8px 15px;
	display: block;
	color: #000;
	height: 1%;
	text-decoration: none;
	background: #ebeaea
				url(../images/nav/subnav_bg.png)
				0 0
				no-repeat;
}

#nav ul.subnavbig li a { /* Secondary Item Link */
	padding: 7px 15px 8px 15px;
	display: block;
	color: #000;
	height: 1%;
	text-decoration: none;
	background: #ebeaea
				url(../images/nav/subnav_bg_big.png)
				0 0
				no-repeat;
}


#nav ul.subnav a:hover,
#nav ul.subnavbig a:hover { /* Secondary Item Link Hover */
	color: #fefefe;
	background-position: 0 -30px;
}

#nav li:hover ul.subnav, 
#nav li.over ul.subnav,
#nav li:hover ul.subnavbig, 
#nav li.over ul.subnavbig { /* lists nested under hovered list items */
	left: auto;
	display: block; /* Added for IE7 Bug */
}

/* IE5 Mac Hack \*/ 
#nav  { padding-left: 0px; } 
/*/ 
#nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */

/* Main Navigation ends here
------------------------------------------------- */



/* Content starts here
------------------------------------------------- */
/* Content
------------------------------------------------- */

#content {
	font-size: 1.2em;
	line-height: 1.5em;
}

#content h2 {
	margin: 0;
	padding: 0;
	font-size: 2.2em;
	line-height: 1.1em;
	font-weight: normal;
	color: #3551a2;
	margin-bottom: 0.5em;
	margin-top: 10px;
}

#content h3 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: normal;
	color: #3551a2;
	margin-bottom: 0.3em;
	margin-top: 10px;
}

#content h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 0.3em;
	margin-top: 10px;
}

#content h5 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 0.3em;
	margin-top: 10px;
}

#content h6 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 0.3em;
	margin-top: 10px;
}


/* Content layout (layout1 - Home page)
------------------------------------------------- */

.layout1 #content {
	width: 924px;
	min-height: 250px;
	margin:auto;
	border-top:solid 15px #ffffff;
	}

.layout1 #main-content-home{
	width: 284px;
	background:#999999;
	height: 220px;
	background:#FCFCFC url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding: 25px 15px 15px 15px;
	font-size: 1.1em;
	}
	
.layout1 #image-gallery{
	width: 600px;
	height:250px;
	float:right;
	border:double 5px #E2E8EB;
	}
	
.layout1 #sub-content-left{
	clear: both;
	width: 425px;
	height:290px;;
	border:none 1px #E2E8EB;
	background:#FCFCFC url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	font-size: 1.25em;
	float:left;
	padding:15px;
	margin-top:15px;
	}

.layout1 #sub-content-right{
	clear:right;
	width: 425px;
	height: 290px;
	border:none 1px #E2E8EB;
	background:#FCFCFC url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	font-size: 1.25em;
	float:right;	
	padding:15px;
	margin-top:15px;
	}

.layout1 #wrapper #content #main-content-home ul,
.layout1 #wrapper #content #sub-content-left ul,
.layout1 #wrapper #content #sub-content-right ul {
	padding-left:15px;}
	
.layout1 #wrapper #content #main-content-home ul li,
.layout1 #wrapper #content #sub-content-left ul li,
.layout1 #wrapper #content #sub-content-right ul li {
	padding-left: 5px;
	list-style: disc;
	line-height: 1.5em;
	margin-bottom: 0.3em;
	}

.layout1 #sub-content-left em,
.layout1 #sub-content-right em {
	margin: 0;
	padding: 0;
	color: #3551a2;
	font-style: normal;
	margin-bottom: 0.3em;
	margin-top: 10px;
	}

.layout1 #sub-content-left .more-link,
.layout1 #sub-content-right .more-link
	{
	font-size: 0.8em;
	}

/* Content layout (layout2 - Vision page)
------------------------------------------------- */

.layout2 #content{
	width: 924px;
	height:auto;
	margin:auto;
	border-top:solid 15px #ffffff;
	}

.layout2 #main-contenttitle-vision{
	clear:left;
	width: 284px;
	background:#999999;
	height: 56px;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding: 15px 15px 15px 15px;
	margin-top: 87px;
	margin-bottom: 87px;
	}
	
.layout2 #main-content-vision{
	clear: both;
	width:894px;
	margin:auto;
	border:none;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding:15px;
	margin-top:15px;
	font-size: 1.25em;
	margin-bottom:5px;
	}
		
.layout2 #image-gallery{
	width: 600px;
	height:250px;
	float:right;
	border:double 5px #E2E8EB;
	}

/* Content layout (layout3 - Mission page)
------------------------------------------------- */

.layout3 #content{
	width: 924px;
	height:auto;
	margin:auto;
	border-top:solid 15px #ffffff;
	}

.layout3 #main-contenttitle-mission{
	clear:left;
	width: 284px;
	background:#999999;
	height: 56px;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding: 15px 15px 15px 15px;
	margin-top: 87px;
	margin-bottom: 87px;
	}
	
.layout3 #main-content-mission{
	clear: both;
	width:894px;
	margin:auto;
	border:none;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding:15px;
	margin-top:15px;
	font-size:1.25em;
	margin-bottom:5px;
	}	
	
.layout3 #image-gallery{
	width: 600px;
	height:250px;
	float:right;
	border:double 5px #E2E8EB;
	margin-bottom:10px;
	}

/* Content layout (layoutservice - Service page and IP page)
------------------------------------------------- */

.layoutservice #content {
	width: 924px;
	min-height: 250px;
	margin:auto;
	border-top:solid 15px #ffffff;
	}

.layoutservice #main-content-title{
	clear:left;
	width: 284px;
	background:#999999;
	height: 56px;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding: 15px 15px 15px 15px;
	margin-top: 87px;
	margin-bottom: 87px;
	}
	
.layoutservice #image-gallery{
	width: 600px;
	height:250px;
	float:right;
	border:double 5px #E2E8EB;
	}

.layoutservice .sub-content-title{
	clear: both;
	width:894px;
	margin:auto;
	border:none;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	clear:both;
	padding:15px;
	margin-top:15px;
	}
		
.layoutservice .sub-content-center{
	clear: both;
	width:894px;
	margin:auto;
	border:none;
	background:#FBFBFB;
	float:left;
	clear:both;
	padding:15px;
	}
	
.layoutservice .sub-content-center-modified{
	clear: both;
	width:894px;
	margin:auto;
	border:none;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	font-size: 1.25em;
	clear:both;
	padding:15px;
	margin-top:15px;
	}
	
.layoutservice .sub-content-center-modified em{
	margin: 0;
	padding: 0;
	color: #3551a2;
	font-style: normal;
	margin-bottom: 0.3em;
	margin-top: 10px;
	}
	
.layoutservice .sub-content-center-modified .more-link{
	font-size: 0.8em;
	}

/* Content layout (layoutservice - Methodology page)
------------------------------------------------- */

.layoutmethodology #content {
	width: 924px;
	min-height: 250px;
	margin:auto;
	border-top:solid 15px #ffffff;
	}

.layoutmethodology #main-content-title{
	clear:left;
	width: 284px;
	background:#999999;
	height: 56px;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding: 15px 15px 15px 15px;
	margin-top: 87px;
	margin-bottom: 87px;
	}
	
.layoutmethodology #image-gallery{
	width: 600px;
	height:250px;
	float:right;
	border:double 5px #E2E8EB;
	}
	
.layoutmethodology #sub-content-wrapper {
	width: 924px;
	min-height: 185px;
	margin:auto;
	}

.layoutmethodology #sub-content-left{
	clear: both;
	width: 298px;
	height: 185px;
	border: none; 
	background:#FBFBFB;
	float:left;
	padding:5px;
	margin-top:10px;
	}
	
.layoutmethodology #sub-content-middle{
	clear:right;
	width: 298px;
	height: 185px;
	border: none; 
	background:#FBFBFB;
	float:left;	
	padding:5px;
	margin-top:10px;
	}
	
.layoutmethodology #sub-content-right{
	clear:right;
	width: 298px;
	height: 185px;
	border: none;
	background:#FBFBFB;
	float:left;	
	padding:5px;
	margin-top:10px;
	}
	
.layoutmethodology .sub-content-title{
	clear: both;
	margin:auto;
	border:none;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	width: 278px;
	float:left;
	clear:both;
	padding: 10px;
	}
		
.layoutmethodology .sub-content-center{
	clear: both;
	margin:auto;
	border:none;
	background:#FBFBFB;
	width: 278px;
	float:left;
	clear:both;
	padding: 10px;
	}

/* Content layout (layoutservice - About Us page)
------------------------------------------------- */

.layoutaboutus #content {
	width: 924px;
	min-height: 250px;
	margin:auto;
	border-top:solid 15px #ffffff;
	}

.layoutaboutus #main-content-title{
	clear:left;
	width: 284px;
	background:#999999;
	height: 56px;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	padding: 15px 15px 15px 15px;
	margin-top: 87px;
	margin-bottom: 87px;
	}
	
.layoutaboutus #image-gallery{
	width: 600px;
	height:250px;
	float:right;
	border:double 5px #E2E8EB;
	}
	
.layoutaboutus .sub-content-title{
	clear: both;
	width:894px;
	margin:auto;
	border:none 1px #E2E8EB;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	clear:both;
	padding:15px;
	margin-top:15px;
	}
	
.layoutaboutus .sub-content-subtitle{
	clear: both;
	width:894px;
	margin:auto;
	border:none 1px #E2E8EB;
	background:#FFFFFF url(../images/common/content_bg2.gif) repeat-x scroll 0 0;
	float:left;
	clear:both;
	padding:15px;
	margin-top:15px;
	}
	
.layoutaboutus .sub-content-subinfo{
	width: 600px;
	height:auto;
	border:none 1px #E2E8EB;
	background:#FBFBFB;
	float:left;
	clear:both;
	padding:15px;
	margin-top:15px;
	}
	
.layoutaboutus .sub-content-subimage {
	width: 200px;
	height:auto;
	background:#FBFBFB;
	float:right;	
	padding:15px;
	margin-top:15px;
	border:double 3px #E2E8EB;
	}
	
.layoutaboutus .sub-content-sublinks {
	width: 200px;
	height:auto;
	background:#FBFBFB;
	float:right;	
	padding:15px;
	margin-top:15px;
	border:double 3px #E2E8EB;
	}

.layoutaboutus #content .sub-content-sublinks h3 {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	line-height: 1.1em;
	font-weight: normal;
	color: #000;
	margin-bottom: 0.3em;
	margin-top: 10px;
	}
	
.layoutaboutus #content .sub-content-title h3 {
	margin: 0;
	padding: 0;
	font-size: 1.35em;
	line-height: 1.5em;
	font-weight: normal;
	color: #000;
	margin-bottom: 0.3em;
	margin-top: 10px;
	}
	
.layoutaboutus #content .sub-content-title em{
	margin: 0;
	padding: 0;
	color: #3551a2;
	font-style: normal;
	margin-bottom: 0.3em;
	}
	
.layoutaboutus #content .sub-content-subinfo h3{
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	line-height: 1.5em;
	font-weight: normal;
	color: #3551a2;
	margin-bottom: 0.3em;
	margin-top: 10px;
	}
	
/* Footer
------------------------------------------------- */


#footer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	height: 1%;
	color: #fff;
	background: #192f63;
	width: 954px;
	min-height: 100px;
	border-top:solid 15px #FFFFFF;
	}

#footer-nav {
	background: #244487;
	width: 954px;
	height: 20px;
	padding: 10px 0px;
	border-bottom: solid 1px #000066;
	clear: both;
	}

#footer-wrapper {
	padding: 15px 20px;
	}	

#footer a {
	color: #9dbfdc;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}



/* Slideshow
------------------------------------------------- */

#slider1 {
    width: 600px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.slider1Image {
    float: left;  /* important */
    position: relative;  /* important */
	display: none;  /* important */
}
.slider1Image span {
    position: absolute;  /* important */
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 600px;
	color: #fff;
	background: transparent
				url(../images/common/trick.png) repeat;
    display: none;  /* important */
}
.clear {
	clear: both;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

#slider1Content ul
{padding:0;}

/* Slideshow ends here
------------------------------------------------- */