@charset "utf-8";
/* CSS Document */

/*  
Theme Name: Netbramha V3
Theme URI: www.netbramha.com
/* basic styling for theme  */
body{
	font-size: 14px;
	color: #444;
	background:#FFE433 url(images/bk.jpg) repeat-y left top; 
	/*#fef112*/
	padding:0px;
	margin:0px;
	font-family:"Open Sans", Georgia, "Times New Roman", Times, serif;
}
.clr{
clear:both;
}

.alignleft{ float:left;}
.alignright{float:right;}
	
a:link, a:visited{
	text-decoration: none;
	color: #cc0000; 
}
a:hover{
	text-decoration: none; background:#fff;}
#wrapper{
	margin: 0 auto 0 auto;
	width: 750px;
	text-align: left;}
#header{
	float: left;
	width: 750px;}
#box{
	float: left;
	width: 690px;
    text-align: justify;
	padding: 10px;
height:100%;
	margin-left: 24px;}

h2 { font-size:22px; font-weight:normal; margin:0;  }

h3 a{font-weight:500;}


blockquote{
border-left:2px solid #666;
padding-left:10px;
font-style:italic;
}

/*  sidebar styling  */
.sidebar{
	float: left;
	width: 240px;
	background: #ffffff;
	margin: 0 0 0 10px;
	display: inline;}
	
/* footer styling  */
#footer{
	clear: both;
	float: left;
	width: 750px;}

#clearfooter{
float:left;
clear:both;
height:100px;
width:100%;
}

/*     comments   styling   */
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #666;
	padding: 10px 0 0;}
.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;}
.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #666;}
.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;}
.commentmetadata{
	font-size: 12px;}
.comments-template p.nocomments{
	padding: 0;}
.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;}


.post_meta{
float:left;
clear:both;
margin:5px 0 5px 0;
padding-bottom:5px;
width:100%;
display:block;
font-size:11px;
color:#666666;
border-bottom:1px dotted #666;
}

.entry{
float:left;
margin-bottom:20px;
clear:both;
width:100%;
height:100%;
}

.entry img{
float:left;
margin:0 10px 10px 0;
border:2px solid #666;
}

.entry h3{ width:100%; display:block; clear:both;}

/*********************************************
************ Left Side Start Here ************
**********************************************/

#left{
padding:0px;
margin:0px;
width:243px;
float:left;
}
#left .logo{
background:url(images/logo-ic.jpg) no-repeat left top;
padding:0 10px 0 30px;
margin:8px 0 0 0;
height:375px;
}
#left .logo h1{
padding:150px 0 0 0;
margin:0px;
}
#left .logo p{
padding:140px 0 0 0;
margin:0px;
font-size:11px;
color:#545454;
}

#left .soc_book{
padding:5px 0 0 50px;
margin:0px;
}
#left .soc_book ul{
padding:0px;
margin:0px;
list-style:none;
}
#left .soc_book ul li{
padding:0px;
margin:0 10px 0 0;
float:left;
width:24px;
}

a.twitter{float:left;width:24px; height:27px; background: url(images/social.png) no-repeat 0 0;}
a.twitter:hover{float:left;width:24px; height:27px; background: url(images/social.png) no-repeat 0 -122px;}
a.facebook{float:left;width:24px; height:26px; background: url(images/social.png) no-repeat 0 -30px;}
a.facebook:hover{float:left;width:24px; height:26px; background: url(images/social.png) no-repeat 0 -152px;}
a.linkedin{float:left;width:24px; height:26px; background: url(images/social.png) no-repeat 0 -58px;}
a.linkedin:hover{float:left;width:24px; height:26px; background: url(images/social.png) no-repeat 0 -180px;}
a.rss{float:left;width:24px; height:26px; background: url(images/social.png) no-repeat 0 -87px;}
a.rss:hover{float:left;width:24px; height:26px; background: url(images/social.png) no-repeat 0 -209px;}

#left #twitter{
padding:20px 0 10px 0;
margin:0px;
}
#left #twitter h1{
background:url(images/twitter.jpg) no-repeat left top;
padding:10px 0 0 40px;
margin:0px;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
height:50px;
}
#left #twitter p{
padding:8px 5px;
margin:0px;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
}

.tweet{
float:left;
clear:both;
width:200px;
height:auto;
margin-bottom:10px;
padding-bottom:10px;
font-size:11px;
border-bottom:1px dotted #ccc;
}

.tweet_time{
float:right;
font-size:10px;
}

#left .left_foot{
padding:10px 0 5px 20px;
margin:0px;
}
#left .left_foot p{
padding:5px 0 0 0;
margin:0px;
font-size:10px;
color:#686868;
}

/*********************************************
************ Right Side Start Here ************
**********************************************/

#right{
padding:0px;
margin:0px;
width:745px;
height:100%;
float:left;
}

#right .m_bot{
padding:0px;
margin:0px;
border-bottom:6px #000 solid;
}
#right .m_bot h1{
padding:25px 0 0 30px;
margin:0 0 0 5px;
float:left;
width:445px;
}
#right .m_bot h2{
padding:0 5px 0 0;
margin:0px;
float:right;
width:250px;
text-align:right;
}

#right .banner{
background:url(images/banner-head.jpg) no-repeat right top;
padding:0 140px 0 0;
margin:40px 0 0 0;
width:570px;
height:180px;
}
#right .banner h1{
padding:10px 0;
margin:0px;
text-align:right;
font-size:27px;
font-weight:normal;
color:#30302f;
font-style:italic;
}
#right .banner p{
padding:0px;
margin:0px;
text-align:right;
font-size:14px;
font-weight:normal;
color:#30302f;
}

#right .tag{
background:#fefccc;
padding:3px;
margin:0px;
opacity:0.8; 
filter: alpha(opacity = 80);
}
#right .tag h1{
color:#000000;
float:left;
font-family:georgia;
font-size:18px;
font-style:italic;
font-weight:normal;
margin:0;
padding:0 0 0 19px;
width:514px;
}
#right .tag h2{
padding:0 0 0 10px;
margin:0px;
float:left;
width:190px;
}
#right .m_con{
padding:20px 0 20px 20px;
margin:0px;
}
#right .m_con .l_con{
padding:0px;
margin:0px;
width:325px;
float:left;
}
#right .m_con .l_con h1{
margin:0px;
font-size:16px;
font-weight:normal;
}

ul{
margin-left:0;
padding-left:0;
}

li.l_con_m { display:block;float:left; clear:both; margin:2px 2px 10px 0px; padding:2px; width:320px; }
li.l_con_m:hover { background:#fff; }
li.l_con_m img {float:left;width:50px;height:50px; margin-right:5px;}
li.l_con_m a{display:block; width:90%; height:100%; float:left;}
li.l_con_m .meta{font-size:11px; color:#666;}

#right .m_con .l_con .l_con_m p{
clear:both;
margin-bottom:5px;
}

#right .m_con .r_con{
padding:0px;
margin:0px;
width:390px;
float:left;
}
#right .m_con .r_con h1{
padding:0 0 5px 0;
margin:0 0 0 15px;
font-size:16px;
font-weight:normal;
}
#right .m_con .r_con .featured_project{
/*background:url(images/featured-project.jpg) no-repeat left top;*/
border:1px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-moz-box-shadow: 0 0 8px #ccc;
padding:15px 8px 15px 15px;
margin:0 0 0 15px;
height:auto;
width:335px;
text-align:justify;
}
#right .m_con .r_con .featured_project h2{
padding:0 0 10px 0;
margin:0px;
width:150px;
float:left;
font-size:16px;
color:#000000;
font-style:italic;
font-weight:normal;
}
#right .m_con .r_con .featured_project h3{
padding:5px 0 0 0;
margin:0px;
width:100px;
float:right;
font-size:10px;
color:#000000;
font-style:italic;
font-weight:bold;
}

#right .m_con .r_con .featured_project img{
float:left;
clear:both;
margin:0 0 10px 0;
border:2px solid #fff;
}

#right .m_con .r_con .featured_project p{
padding:0px;
margin:10px 0;
width:323px;
}

#right .fot_top{
padding:0 0 5px 20px;
margin:0 0 0 5px;
border-bottom:2px #e9dd10 solid;
}
#right .fot_top h1{
padding:0px;
margin:0px;
width:300px;
float:left;
font-size:14px;
font-weight:normal;
}
#right .fot_top h2{
padding:0 30px 0 0;
margin:0px;
width:200px;
float:right;
font-size:14px;
font-weight:normal;
text-align:right;
}

#right .footer{
background:#fef339;
padding:0px 0 0 30px;
margin: 0 0 0 5px;
}
#right .footer .l_foot{
padding:15px 0px;
margin:0px; 
width:600px;
float:left;
}
#right .footer .l_foot .fot_link{
padding:0 0 20px 0;
margin-right:30px;
float:left;
}
#right .footer .l_foot .fot_link h1{
padding:0px;
margin:0px;
font-size:12px;
}
#right .footer .l_foot .fot_link p{
padding:4px 0 0 10px;
margin:0px;
font-size:12px;
}
#right .footer .l_foot .fot_link p a{
color:#000;
text-decoration:none;
}
#right .footer .r_foot{
padding:15px 0px;
margin:0px;
width:280px;
float:left;
//margin:-200px 0px 0px 400px;
}
#right .footer .r_foot p{
padding:0px;
margin:10px 25px 0 0;
text-align:right;
font-size:16px;
color:#732C89;
font-weight:bold;
}
#right .footer .r_foot .lk{
padding:0px;
margin:8px 25px 0 0;
}
#right .footer .r_foot .lk a{
font-size:12px;
color:#000;
font-weight:normal;
text-decoration:none;}
.field-title-refund{
font-size:12px;
font-weight:normal;
color:#000;
width:100px;
text-align:right;
float:left;
padding:3px 2px 0 0;
}
.txt_refund{
padding:2px;
margin:0px;
border:0px;
width:130px;
height:20px;
}
.txt_refund1{
padding:2px;
margin:0px;
border:0px;
width:235px;
height:40px;
}

#right .footer .copyright{
padding:10px 0;
margin:0px;
}
#right .footer .copyright h1{
padding:0px;
margin:0px;
width:280px;
float:left;
font-size:10px;
font-weight:normal;
}
#right .footer .copyright h2{
padding:0 25px 0 0;
margin:0px;
width:280px;
float:right;
font-size:10px;
font-weight:normal;
//text-align:right;
}


ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}


                  .client_box{
					float:left;
					width:320px;
					height:auto;
					margin:15px 0 0 0;
					}
					
					.client_box h1{
					margin:0;
					}
					
						.client_box p{
						margin:10px 0;
						padding:0;
						width:320px;
						height: auto;
						text-align:center;
						}
					
					#client_slider{
					float:left;
					height:auto;
					width:320px;
					margin:5px 0 10px 0;
					background:url(http://www.netbramha.com/wp-content/uploads/2012/01/client_slider2.png) no-repeat top;
					}
		

/* =============================================================================== */
/* this makes it possible to add next button beside scrollable */
.scrollable_client {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse_client {
	background:url(http://netbramha.com/wp-content/uploads/2012/01/arrow.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:20px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { clear:right; margin: 30px 0 0 15px; width:15px;}

/* left */
a.left	{ margin:30px 0 0 0; width:width:15px; background-position:0 -30px;} 

/* up and down */
a.up, a.down		{ 
	background:url(vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
background-position:0 -30px;
	visibility:hidden !important;		
} 	

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrollable_client {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 250px;
	height:90px;
	margin: 0px 5px 0px 5px;

	/* custom decorations */
	
	background:url(h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
#horiItems_client {
	/* this cannot be too large */
	width:2000px;
	position:relative;
	clear:both;
	margin: 0px 0px 0px 0px;
}

/* single scrollable item */
.scrollable_client img {
	float:left;
	margin:0 10px 0 0;
	padding:2px;	
	cursor:pointer;
	width:auto;
	height:auto;
}

/* active item */
.scrollable_client .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* Netbramha Menu */

#nav{
float:left;
clear:both;
background:#000;
width:710px;
height:auto;
padding-left:35px;
}

#nav ul{
float:left;
margin:0;
padding:0;
list-style:none;
}

#nav ul li{
float:left;
margin:0 20px 0 0;
list-style:none;
height:auto;
/* background:url(images/menu.png) no-repeat left 0; */
}

#nav ul li a:link, #nav ul li a:visited{ float:left; width:100%;padding:5px; display:block; text-decoration:none; color:#aaa;}
#nav ul li a:hover{text-decoration:none; background:none; color:#fff;}

#nav ul li#item1{background-position:0 2px;}
#nav ul li#item1:hover{background-position:0 -23px;}
#nav ul li.item1_active{background-position:0 -23px;}
#nav ul li.item1_active a{color:#fff;}

#nav ul li#item2{background-position:0 -50px;}
#nav ul li#item2:hover{background-position:0 -75px;}
#nav ul li.item2_active{background-position:0 -75px;}
#nav ul li.item2_active a{color:#fff;}

#nav ul li#item3{background-position:0 -100px;}
#nav ul li#item3:hover{background-position:0 -125px;}
#nav ul li.item3_active{background-position:0 -125px;}
#nav ul li.item3_active a{color:#fff;}

#nav ul li#item4{background-position:0 -151px;}
#nav ul li#item4:hover{background-position:0 -176px;}
#nav ul li.item4_active{background-position:0 -176px;}
#nav ul li.item4_active a{color:#fff;}

#nav ul li#item5{background-position:0 -200px;}
#nav ul li#item5:hover{background-position:0 -224px;}
#nav ul li.item5_active{background-position:0 -224px;}
#nav ul li.item5_active a{color:#fff;}

#nav #div1{ display:none; position:absolute; top:97px; left:282px; background:#000; padding:0 10px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#nav #div1 ul{ float:left; margin:0; padding:0; list-style:none; }
#nav #div1 ul li{ float:left; clear:both; width:100%;  margin:0 0 5px 0; padding:5px 0 5px 0; border-bottom:1px dotted #777; color:#fff;  background:none; display:block;}
#nav #div1 ul li a:link{ float:left; display:block; width:100%; height:100%; color:#999; margin:0; padding:0;}
#nav #div1 ul li a:hover{ color:#fff;}

#nav #div2{ display:none; position:absolute; top:97px; left:360px; background:#000; padding:0 10px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#nav #div2 ul{ float:left; margin:0; padding:0; list-style:none;}
#nav #div2 ul li{ float:left; clear:both; width:100%;  margin:0 0 5px 0; padding:5px 0 5px 0; border-bottom:1px dotted #777; color:#fff;  background:none; display:block;}
#nav #div2 ul li a:link{ float:left; display:block; width:100%; height:100%; color:#999; margin:0; padding:0;}
#nav #div2 ul li a:hover{ color:#fff;}

#nav #div3{ display:none; position:absolute; top:97px; left:455px; background:#000; padding:0 10px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#nav #div3 ul{ float:left; margin:0; padding:0; list-style:none;}
#nav #div3 ul li{ float:left; clear:both; width:100%; margin:0 0 5px 0; padding:5px 0 5px 0; border-bottom:1px dotted #777; color:#fff;  background:none; display:block;}
#nav #div3 ul li a:link{ float:left; display:block; width:100%; height:100%; color:#999; margin:0; padding:0;}
#nav #div3 ul li a:hover{ color:#fff;}

#nav #div5{ display:none; position:absolute; top:97px; left:600px; background:#000; padding:0 10px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#nav #div5 ul{ float:left; margin:0; padding:0; list-style:none;}
#nav #div5 ul li{ float:left; clear:both; width:100%; margin:0 0 5px 0; padding:5px 0 5px 0; border-bottom:1px dotted #777; color:#fff;  background:none; display:block;}
#nav #div5 ul li a:link{ float:left; display:block; width:100%; height:100%; color:#999; margin:0; padding:0;}
#nav #div5 ul li a:hover{ color:#fff;}



/* Portfolio */

#portfolio_left_column{
float:left;
clear:left;
width:410px;
height:auto;
margin:0 0 10px 0;
padding:0 5px 0 0;
}

#portfolio_right_column{
float:left;
clear:right;
width:270px;
height:auto;
margin:0;
padding:0;
}

#main_image{
float:left;
clear:both;
width:400px;
height:300px;
margin-bottom:20px;
border:2px solid #ccb72f;
}

#main_image img{
width:400px;
height:300px;
border:none;
}

.client_name{
position:absolute;
top:360px;
left:279px;
height:auto;
width:380px;
padding:8px 10px;
background:#000;
color:#FFFFFF;
font-size:25px;
}

.sub_image{
float:left;
clear:left;
width:60px;
height:60px;
margin:0 10px 10px 0;
padding:0;
border:2px solid #ccb72f;
}

.sub_image img{
width:60px;
height:60px;
border:none;
}

.sub_image_desc{
float:left;
clear:right;
width:330px;
height:auto;
margin-bottom:20px;
text-align:left;
}


#project_info{
float:left;
clear:both;
width:270px;
height:auto;
margin-bottom:21px;
text-align:left;
}

#project_info em{
color:#cc0000;
}

#project_info p{
margin:0;
padding:0;
clear:both;
text-align:justify;
}

#project_info .left{
float:left;
width:110px;
height:auto;
margin:0 5px 10px 0;
text-align:right;
}

#project_info .right{
float:left;
width:155px;
height:auto;
margin:0 0 10px 0;
text-align:left;
line-height:18px;
}

.portfolio_testimonial{
float:left;
clear:both;
width:270px;
height:auto;
font:24px Georgia, "Times New Roman", Times, serif;
text-align:center;
}

.portfolio_testimonial p{
margin:0;
padding:0;
}


/* Pagination */

p.pagination {color:#000; text-align:right; background:none; margin:5px 0 10px 0; float:left; clear:both; width:100%; font-weight:lighter;}

p.pagination a:link, p.pagination a:visited{margin:3px; color:#ffe433; text-decoration:none; background:#000; padding:2px 5px 7px 5px;}

p.pagination a:visited{ background-color:#fff;}

p.pagination a:hover{background:#fff; text-decoration:none; color:#000; padding:2px 5px 7px 5px;margin:3px;}
	

/* Slides */

.slide_title{ float:left; clear:left; width:auto; height:auto; margin-bottom:10px;}

.slide{ float:left; clear:left; width:auto; height:auto; margin:0 10px 20px 0;}

.slide_desc{float:left; clear:right; width:250px; height:auto; margin:0;}

.slide_clear{ float:left; clear:both; width:100%; height:1px; border-bottom:1px dotted #666; margin-bottom:20px;}



/* Archives */

#archives h2{
float:left;
clear:left;
}

#archives ul{
float:left;
clear:left;
margin:15px 0 0 15px;
padding:0;
list-style:none;
}

#archives ul li{
float:left;
margin:10px 10px 20px 10px;
width:220px;
}

#archives ul li h3{
float:left;
clear:both;
display:block;
width:100%;
font-weight:normal;
font-size:20px;
margin:0;
}

#archives ul li .meta{
float:left;
clear:both;
width:100%;
height:auto;
margin:0 0 10px 0;
display:block;
font-size:11px;
color:#444;
}

#archives ul li .meta a{ color:#444; text-decoration:underline;}

#archives ul li img{
float:left;
clear:left;
width:auto;
height:auto;
margin:0 5px 5px 0;
background:#FFE433 url(images/blog-default.png) no-repeat 0 0;
border:2px solid #444;
min-height:100px;
min-width:100px;
}

#archives ul li p{
float:left;
clear:right;
width:200px;
height:auto;
margin:0;
color:#000;
font-size:15px;
text-align:justify;
}