/*===CSS Style Definiions for Tamal Mukherjee Personal Portal===*/
/*===Code Version 1.0, Mar 2010, Tamal Mukherjee (www.tamalmukherjee.com)===*/
@import url("jquery.twitter.css");
body {
	background:url(../images/header-bkg.jpg) no-repeat center top;
	margin:0px;
	font:normal 12px Arial;
	color:#454545;
}
img {
	border:none;
}
p {
	margin:0px 0px 10px 0px;
	line-height:18px;
}
a, a:hover {
	outline:none;
}
/*=== header styles ===*/
#main-container {
	width:941px;
	height:auto;
	margin:0px auto;
}
#header {
	width:917px;
	height:277px;
	float:left;
	margin-left:24px;
}
#logo {
	width:255px;
	height:76px;
	margin:34px 0px 0px 14px;
	float:left;
}
/*=== menu styles ===*/
#menu {
	width:379px;
	height:66px;
	float:right;
	margin-top:44px;
	text-indent:-1500px;
	background:url(../images/menu-bkg.png) no-repeat;
}
#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#menu li {
	list-style-type: none;
	display:inline;
	margin:0px;
	padding:0px;
}
/* ==== menu home === */
.menuhome a, #menuhome a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	margin:0px;
	outline:none;
}
.menuhome a:hover {
	background:url(../images/menu-bkg-hover.png) no-repeat;
	clear:right;
	float:left;
	background-position:0px;
}
.menuhome-sel {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	background:url(../images/menu-bkg-hover.png) no-repeat;
	background-position:0px;
	margin:0px;
}
/* ==== menu stats === */
.menustats a, #menustats a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	margin:0px;
	padding-left:6px;
	outline:none;
}
.menustats a:hover {
	background:url(../images/menu-bkg-hover.png) no-repeat;
	clear:right;
	float:left;
	background-position:-72px;
}
.menustats-sel a, #menustats-sel a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	background:url(../images/menu-bkg-hover.png) no-repeat;
	background-position:-78px;
	margin:0px;
	margin-left:6px;
}
/* ==== menu work === */
.menuwork a, #menuwork a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	margin:0px;
	padding-left:4px;
	outline:none;
}
.menuwork a:hover {
	background:url(../images/menu-bkg-hover.png) no-repeat;
	clear:right;
	float:left;
	background-position:-150px;
}
.menuwork-sel a, #menuwork-sel a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	background:url(../images/menu-bkg-hover.png) no-repeat;
	background-position:-154px;
	margin:0px;
	margin-left:4px;
}
/* ==== menu contact === */
.menucontact a, #menucontact a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	margin:0px;
	padding-left:5px;
	outline:none;
}
.menucontact a:hover {
	background:url(../images/menu-bkg-hover.png) no-repeat;
	clear:right;
	float:left;
	background-position:-226px;
}
.menucontact-sel a, #menucontact-sel a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	background:url(../images/menu-bkg-hover.png) no-repeat;
	background-position:-231px;
	margin:0px;
	margin-left:5px;
}
/* ==== menu blog === */
.menublog a, #menublog a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	margin:0px;
	padding-left:4px;
	outline:none;
}
.menublog a:hover {
	background:url(../images/menu-bkg-hover.png) no-repeat;
	clear:right;
	float:left;
	background-position:-303px;
}
.menublog-sel a, #menublog-sel a:hover {
	width:72px;
	height:66px;
	clear:right;
	float:left;
	background:url(../images/menu-bkg-hover.png) no-repeat;
	background-position:-307px;
	margin:0px;
	margin-left:4px;
}
/* ==== top slogan === */
#slogan {
	width:916px;
	height:107px;
	float:left;
	margin:31px 0px 0px 0px;
	text-indent:-1500px;
	background:url(../images/header-intro.png) no-repeat;
}
/* ==== content === */
#content {
	width:844px;
	background:url(../images/content-bkg.jpg) repeat-y;
	padding:27px 43px 27px 54px;
	min-height:554px;
	float:left;
}
#content-left {
	width:381px;
	height:auto;
	float:left;
	text-align:left;
}
#header-txt {
	width:381px;
	height:62px;
	float:left;
	text-indent:-1500px;
	background:url(../images/welcome-header.jpg) no-repeat;
	margin-bottom:20px;
}
#content-left h1, #content-right h1 {
	margin:0px 0px 5px 0px;
	color:#55891b;
	font:normal 15px Arial;
	padding-bottom:5px;
	border:none;/*border-bottom:solid 1px #d6d8d8;*/
}
#content-left a, #content-left a:hover, #content-right a, #content-right a:hover {
	color:#0b7e9b;
	text-decoration:none;
}
#content-left a:hover, #content-right a:hover {
	color:#0aa6cd;
}
#content-right {
	width:381px;
	height:auto;
	float:right;
	text-align:left;
}
#getintouch {
	background:url(../images/get-in-touch.jpg) no-repeat;
	width:260px;
	min-height:126px;
	padding:50px 0px 0px 44px;
	float:left;
	margin-top:20px;
}
#getintouch h2 {
	font:normal 12px Arial;
	color:#19424f;
	margin:0px;
}
#getintouch p {
	color:#666767;
	margin:0px;
}
/* ==== footer styles ==== */
#footerbox {
	width:100%;
	background:#1b2831;
	height:110px;
	float:left;
}
#footer {
	padding:20px 0px 0px 24px;
	width:917px;
	margin:0px auto;
}
#footer-left {
	width:269px;
	background:url(../images/footer-tweet.jpg) no-repeat;
	height:51px;
	padding:10px 40px 0px 58px;
	float:left;
	color:#ffffff;
	text-align:left;
}
#footer-right {
	width:527px;
	float:right;
	color:#bea86b;
	text-align:right;
}
#footer a, #footer a:hover {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#898888;
}
#footer p {
	color:#898888;
	margin:0px;
}
/* ==== form styles ==== */
.txtbox {
	font:normal 14px Arial;
	border:solid 1px #ebebe9;
	width:245px;
	padding:2px;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li, #slider2 li {
	width:380px;
	height:272px;
	overflow:hidden;
}