/* Reset Styles */
body{ behavior:url(ie6hoverfix.htc); } 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/* Reset Styles */
body { margin:0; padding:0; font: normal 0.75em Arial; background: #fffurl(../images/bg_Main.gif) repeat-x; color: #666666; text-align:justify; }

#containerPage{margin:0px auto; padding:0px; display:block; overflow:hidden; width:959px;}
#header{margin:0px; padding:0px; background: url(../images/header_bg.gif) repeat-y 0 0; display:block; overflow:hidden; height:339px;}
#logoph{margin-top:37px; padding:0px; height:100px; background-color:#ffffff;}
#logo{margin:0px; padding:0px; background: url(../images/peepul_logo.gif) no-repeat 0 0; width:210px; height:100px;float:left;}
#header_nav{margin-top:80px; padding:0px; float:right; width:250px;}
#header_nav ul{margin:0px; padding:0px; list-style:none; float:right;}
#header_nav ul li{margin:0px; padding:0px 25px 0px 25px; display:inline; text-align:right;}
#header_nav ul li a{margin:0px; padding:0px; text-decoration:none; color:#404040;}
#header_nav ul li a:hover{margin:0px; padding:0px; text-decoration:underline; color:#ff6600;}
.home{margin:0px; padding:0px; background: url(../images/home_icon.gif) no-repeat 0 0; width:18px; height:16px;}

.contact{margin:0px; padding:0px; background:url(../images/email_icon.gif) no-repeat 0px 0; width:19px; height:18px;}

.banner{margin:0px; padding:0px; border-bottom:1px solid #fff; width:960px; height:190px; background:#FFFFFF;}

#navbar{margin:0px; padding:0px; width:959px; display:block; overflow:hidden; border-top:1px solid #fff;}

#search{margin:10px 0px; padding:0px; width:185px; float:left;border:0px solid #000000;}

.search{margin:0px 0px 0px 0px ; padding:0px; float:right;}

.serch_b{margin:0px 0px 0px 15px ; padding:0px; border:#c8c8c8;}



#outer {

	margin-left:auto;/* centre for compliant browsers */

	margin-right:auto;/* centre etc */

	text-align:left;

	position:relative;

	float:right;

	height:60px;

	border:0px solid #000;

	width:522px;

}
#nav ul{
	margin:0;

	padding:0;

	list-style:none;

	width:100%;

}
#nav ul li {

	width:166px;

	float:left;

	margin:0px 0px 0px 8px;

	padding:0;

	text-align:left;

}



#nav ul li a{

	height:1.3em;

	width:5em;

	display:block;

	text-decoration:none;

	color:#000;

	

}

#nav ul li a:hover {color:#fff}

/* drop down styling */

#nav ul ul { position: relative; top:auto; width:300px; margin:18px 0px; padding:0; list-style:none; overflow:visible; display: none; height:30px; z-index:2;}

#nav ul li.current {background:#fff;color:red;}

#nav ul li.current a {color:red; font-size:12px;}

#nav ul li.current a:hover {color:pink; font-size:12px;}



#nav ul li.current ul {left:auto;z-index:1;top:auto;}/* display the submenu for the current page in case js is disabled*/



#nav ul ul li{

	position:relative;

	display:inline;

	width:auto;

	text-align:left;

	margin-top:5px;

	height:40px;

}

#outer #nav ul ul li a{

	font-size:11px;

	line-height:24px;

	color:#9b9b9b;

	width:auto;

	height:auto;

	display:inline;

	padding-left:15px;

	background:url(../images/bullet.gif) no-repeat 0 3px;

}

/* mac hide \*/

* html #nav ul ul li,

#outer #nav ul ul li a

{height:1%}/* for ie5*/

/* end hide*/



#outer #nav ul ul li a.final{border-right:0px solid #000;}/*remove border from last sublist */



#outer #nav ul ul li a:hover{text-decoration:underline; color:#ff6600;}/*subnav list text change on hover*/



#nav ul li:hover ul, #nav ul li.over ul { display: block; position:relative; } /* The magic */



/* this subnav just sets the background onto which the subnav is placed */

#subnavbg{margin:0px; width:100%;}

/* mac styles \*//*/

ul#nav ul {

	left:0;

	display:none;

}

ul#nav li.current ul{display:block;z-index:1;}

ul#nav li:hover ul, ul#nav li.over ul { display:block;background:silver; } 





/* end mac styles */







/*homepage content*/

#content{margin-top:25px; margin-bottom:20px; padding-bottom:20px; width:959px; display:block; overflow:hidden; border-bottom:1px dotted #a7a7a7;}

#contentl{margin:0px; padding-bottom:30px; width:452px; float:left;}

#contentr{margin:0px; padding:20px 10px; width:480px; float:right;}

#contentr h1{font-size:16px; padding-bottom:21px;}

#contentr p{font-size:12px; padding-bottom:15px; padding-top:0px; padding-left:0px; margin:0px; line-height:18px;}

#contentr p a{color:#999; text-decoration:none;}

#contentr p a:hover{color:#ff6600; text-decoration:underline;}





/*insidepage content*/

#content_inside{margin-top:20px; margin-bottom:20px; padding-bottom:20px; width:959px; display:block; overflow:hidden; border-bottom:1px dotted #a7a7a7;}

#content_insidel{margin-top:20px; padding-bottom:30px; width:225px; float:left;}

#sidebarnav{margin:0px 4px 20px 4px; padding:0px;}

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

#sidebarnav ul li{margin:0px; padding:0px 0px 11px 20px; background:url(../images/bullet.gif) no-repeat 0 3px;}

#sidebarnav ul li a{color:#999; text-decoration:none; font-size:11px;}

#sidebarnav ul li a:hover{color:#ff6600; text-decoration:underline;}

.selected{font-weight:bold;}

#content_insider{margin:0px; padding:20px 10px; width:690px; float:right;}

#content_insider h1{font-size:16px; padding-bottom:21px;}

#content_insider p{font-size:12px; padding-bottom:15px; padding-top:0px; padding-left:0px; margin:0px; line-height:18px;}

#content_insider p a{color:#999; text-decoration:none;}

#content_insider p a:hover{color:#ff6600; text-decoration:underline;}

#content_insider ul{margin:0px 20px; padding:0; list-style:disc;}

#content_insider ul li{margin:10px 0px; line-height:18px;}



#porfolioblock1{margin-top:0px; margin-bottom:20px; padding-bottom:20px; width:690px; display:block; overflow:hidden;border:0px solid #000000;}

.porfolioblock1_left{width:201px; display:block; overflow:hidden;border:0px solid #000000; float:left;}

.porfolioblock2_left{ margin:0px 0px 0px 25px;width:201px; display:block; overflow:hidden;border:0px solid #000000; float:left;}

.porfolioblock1_right{ width:450px; display:block; overflow:hidden;border:0px solid #000000; float:right;}



#footer{margin:0px; padding:0px; float:right;}

#footer p{margin:0px; padding:0px; text-align:right; font-size:11px; line-height:18px;}

#footer p a{color:#b8b8b8; text-decoration:none;}

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



#fade { /*--Transparent background layer--*/

	display: none; /*--hidden by default--*/

	background-color: #000;

	position: fixed; left: 0; top: 0;

	width: 100%; height: 100%;

	opacity: .80;
	z-index: 9999;

}

.popup_block{

	display: none; /*--hidden by default--*/

	background: #fff;

	padding: 20px;

	border: 5px solid #ddd;

	float: left;

	font-size: 1.2em;

	position: fixed;

	top: 50%; left: 50%;

	z-index: 99999;

	/*--CSS3 Box Shadows--*/

	-webkit-box-shadow: 0px 0px 20px #000;

	-moz-box-shadow: 0px 0px 20px #000;

	box-shadow: 0px 0px 20px #000;

	/*--CSS3 Rounded Corners--*/

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



.popup_block{margin:0px 0px 10px 0px; padding:0px 10px; line-height:18px; font-size:11px;}



img.btn_close {

	float: right;

	margin: -15px -15px 0 0;

}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {position: absolute; }
*html .popup_block {position: absolute;}
*html img.btn_close {z-index:999999; position:relative;}

.clearing{clear:both; margin-bottom:20px;}