@charset "UTF-8";
/* CSS Document */
/*
Title: Web Design India, Custom Website Designing India, Web Page Designing Services form Artkolkata.com
Description: CSS for Art Kolkata
Version: 3.0
Design: Joy Karmakar
Designer email: info@joyartforweb.com
*/

/* -------    Page Layout ----------*/
body {
	padding : 0;
	margin : 0;
	font : 12px/16px Arial, Helvetica, sans-serif;
	color : #1d1d1d;
	background : #f5f5f5 url(images/body_bg.gif) repeat-x top left;
	}
div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea {
	padding : 0;
	margin : 0;
	}
p {
	padding : 0 0 8px 0;
	margin : 0;
	}
ul {
	list-style : none;
	}
img {
	border : none;
	}
a {
	outline : none;
	text-decoration : none;
	}

/*COMMON STYLE START*/
.gray_bg {
background:#EBECED;
	}
.padding_5{ padding:5px;}
.font_size11{
	font-size : 11px;
	line-height : 13px;
	}
.font_size14 {
	font-size : 14px;
	line-height : 18px;
	}
.font_size16 {
	font-size : 16px;
	line-height : 20px;
	}
.font_size18 {
	font-size : 18px;
	line-height : 22px;
	}
.font_size30 {
	font-size : 30px;
	line-height : 32px;
	}
.font_size20 {
	font-size : 20px;
	line-height : 24px;
	}
.blue_text {
	color : #2a8ec0;
	}
.darkblue_text {
	color : #00527D;
	}
.gray_text {
	color : #A3A3A3;
	}	

.pink_text {
	color : #DB1882;
	}
.pink_link {
	color : #CF0192;
	}
.pink_link:hover {
color : #AA0078;
text-decoration:underline;
}
.black_text {
	color : #252525;
	}
.orange_text {
	color : #f19e33;
	}
.green_text {
	color : #a3ce3f;
	}
.darkgreen_text {
	color : #507F01;
	}
.white_text {
	color : #FFFEFE;
	}
.blue_link {
	color : #206fa2;
	font-size : 13px;
	}
.blue_link:hover {
	color : #000;
	}
.white_link {
	color : #f8fcff;
	font-size : 13px;
	}
.white_link:hover {
	color : #000;
	}
.order_now{ 
width:100px; 
display:block; 
background:#F56D1B; 
padding:5px; 
font-size:18px; 
font-weight:bold;
line-height:20px;
color:#FFFF99;
}
.order_now:hover{ background:#E43C0E; color:#FAF7EC;}
.dot_line_1 {
	background : url(images/dot_1.gif) repeat-x bottom left;
	}
.insidebg{
	background :#f5f5f5 url(images/inside_bg1.gif) repeat-x top left;
	}
.insidebg_2{
	background :#f5f5f5 url(images/inside_bg2.gif) repeat-x top left;
	}
/*COMMON STYLE END*/
.heading_1 {
	background : url(images/heading_bg.gif) repeat-x top left;
	}
.heading_1 h1 {
	display : block;
	font-size : 18px;
	font-weight : normal;
	line-height : 22px;
	padding : 10px 0 10px 34px;
	background : url(images/arrow_4.gif) no-repeat center left;
	}
.heading_2 {
	font-size : 22px;
	line-height : 30px;
	border-bottom : 1px solid #dedede;
	display : block;
	padding : 8px 0 5px 0;
	}
.heading_3 {
	font-size : 18px;
	line-height : 24px;
	display : block;
	padding : 8px 0 5px 0;
	}
.input_1 {
	height : 25px;
	border : 1px solid #53b5e5;
	margin : 0;
	padding : 0;
	color : #46a7d8;
	font-size : 13px;
	}
.input_green {
	height : 25px;
	margin : 0;
	padding : 0;
	font-size : 13px;
	width : 196px;
	border : 1px solid #c0d783;
	}
.textarea_green {
	width : 196px;
	border : 1px solid #c0d783;
	}
#main_container {
	width : 977px;
	margin : 0 auto;
	}
#fixed_menu {
	position : absolute;
	top : 2px;
	left : 10px;
	z-index : 100;
	width : 120px;
	}
#fixed_menu a {
	display : block;
	padding : 10px 0 10px 35px;
	overflow : hidden;
	width : 0;
	font : 13px/16px Arial, Helvetica, sans-serif;
	}
#home_icon {
	background : url(images/home_icon.gif) no-repeat left center;
	color : #38bcd7;
	}
#link_icon {
	background : url(images/link_icon.gif) no-repeat left center;
	color : #8dc32d;
	}
#sitemap_icon {
	background : url(images/sitemap_icon.gif) no-repeat left center;
	color : #fb8900;
	}
#fixed_menu a:hover {
	display : block;
	padding : 10px 0 10px 35px;
	overflow : hidden;
	width : auto;
	font : 13px/16px Arial, Helvetica, sans-serif;
	}
#header {
	height : 128px;
	padding : 0 0 0 273px;
	background : url(images/header_img1.gif) no-repeat left bottom;
	}
#hire {
	margin : 21px 0 0 0;
	float : left;
	width : 490px;
	border-right : 1px solid #bcbcbc;
	}
#hire p {
	font-size : 12px;
	color : #5e5e5e;
	line-height : 14px;
	display : block;
	padding-top : 8px;
	}
#hire a{ color:#000000;}
#hire p a {
	color : #107fa8;
	text-decoration : underline;
	}
#hire p a:hover {
	color : #000;
	text-decoration : none;
	}
#hire img {
	float : left;
	}
#hire h1 {
	line-height : 14px;
	font-size : 18px;
	font-weight : bold;
	padding-top : 13px;
	}
#hire h2 {
	line-height : 14px;
	font-size : 16px;
	font-weight : normal;
	color : #6d6d6d;
	}
#jump {
	margin : 28px 0 0 0;
	float : right;
	color : #1d1d1d;
	width : 198px;
	}
#jump_heading {
	background : url(images/sitemap_icon2.gif) no-repeat center left;
	padding : 5px 0 3px 50px;
	}
#Site_Categories {
	background : url(images/arrow_1.gif) no-repeat center right;
	padding : 2px 0 1px 0px;
	}
.Site_Categories{
	padding:2px 0px 2px 0px;
	border : 1px solid #d5d5d5;
	display:block;
	height:1%;
	color:#999999;}

#topmenu {
	height : 55px;
	}
#topmenu img {
	float : left;
	}
#topmenu ul {
	float : right;
	border-left : 1px solid #52a7d7;
	border-right : 1px solid #3588c3;
	}
#topmenu ul li {
	display : block;
	float : left;
	border-left : 1px solid #3588c3;
	list-style-type : none;
	}
#topmenu ul a {
	display : block;
	border-right : 1px solid #52a7d7;
	padding : 20px 20px 19px 20px;
	font-weight : bold;
	color : #fefefe;
	height : 1%;
	float : left;
	white-space : nowrap;
	}
#topmenu ul a:hover, #topmenu ul a.active{
	display : block;
	height : 1%;
	background : #f2f2f2;
	color : #1d6599;
	border-right : 1px solid #f7f7f7;
	}
#header_bottom {
	width : 950px;
	height : 177px;
	margin : 0 auto;
	background : url(images/header_img2.gif) no-repeat left top;
		}
#header_bottom_inside {
	width : 950px;
	height : 96px;
	margin : 0 auto;
	background :url(images/header_img3.gif) no-repeat left top;
	}
	
#header_bottom_inside_1 {
	width : 950px;
	height : 96px;
	margin : 0 auto;
	background :url(images/header_img4.gif) no-repeat left top;
	}
	
#favorite {
	height : 177px;
	width : 233px;
	float : left;	
	}
#favorite img {
	margin-top : 128px;
	}
#header_msg {
	float : left;
	margin : 36px 0 0 27px;
	width : 337px;
	color : #dbfaff;
	font-size : 14px;
	}
#header_msg_1 {
	float : left;	
	width : 430px;
	color : #dbfaff;
	font-size : 14px;
	padding:30px 0 0 260px;
	}
#header_msg img {
	padding-bottom : 20px;
	}
#header_right {
	float : right;
	margin-top : 36px;
	height : 141px;
	width : 353px;
	text-align : center;
	}
#header_right h1 a {
	display : block;
	margin-top : 80px;
	color : #003b5f;
	font-weight : normal;
	}
#header_right span {
	display : block;
	color : #fefefe;
	font-weight : normal;
	}
#header_right a:hover {
	text-decoration : underline;
	}
#header_right div {
	height : 141px;
	float : left;
	}
#brochure {
	width : 159px;
	background : url(images/brochure_bg.gif) no-repeat left top;
	text-align : right;
	padding-right : 20px;
	}
#quote {	
	width : 169px;
	background : url(images/quote_bg.gif) no-repeat left top;
	}
#body_container {
	width : 950px;
	margin : 0 auto;
	padding : 20px 0 0px 0;
	height:inherit;
	}
#leftpanel {
	width : 233px;
	float : left;
	}
#services {
	width : 225px;
	border : 4px solid #dedede;
	background : #ffffff;
	margin-bottom : 10px;
	}
#services ul {
	display : block;
	margin : 13px;
	}
#services ul li {
	display : block;
	line-height : 28px;
	}
#services ul li a {
	padding : 0 0 0 18px;
	color : #0d8ccb;
	font-weight : bold;
	background : url(images/arrow_5.gif) no-repeat center left;
	}
#services ul li a:hover {
	color : #666666;
	}
#quote_form {
	width : 233px;
	background : #fff url(images/green_bg.gif) repeat-x top left;
	margin-bottom:10px;
	}
#quote_form h2 {
	font-size : 18px;
	font-weight : normal;
	line-height : 30px;
	padding : 8px 0 0 16px;
	}
#quote_form form {
	padding : 0 0 10px 16px;
	}
#quote_form form p {
	display : block;
	padding : 5px 0 0 0;
	}
#rightpanel {
	width : 335px;
	float : right;
	}
#packages {
	width : 335px;
	float : left;
	margin-bottom : 20px;
	height : 300px;
	}
#packages h1 {
	text-align : center;
	font-size : 18px;
	font-weight : normal;
	padding-top : 20px;
	line-height : 22px;
	}
#packages h1 a {
	color : #333333;
	}
#packages h1 a:hover {
	color : #000;
	}
#design_packages {
	background : url(images/design_packages.gif) no-repeat top left;
	width : 169px;
	height : 137px;
	float : left;
	}
#banner_packages {
	background : url(images/banner_packages.gif) no-repeat top left;
	width : 166px;
	height : 137px;
	float : left;
	}
#ecommerce_packages {
	background : url(images/ecommerce_packages.gif) no-repeat top left;
	width : 169px;
	height : 140px;
	float : left;
	}
#hire_packages {
	background : url(images/hire_bg.gif) no-repeat top left;
	width : 166px;
	height : 140px;
	float : left;
	text-align : center;
	}
		
.plane{ width:225px; float:left;}
.blank_space{ width:8px; float:left;}

#basic {
	background:url(images/basic_bg.gif) top left no-repeat; 
	height:139px;
	padding:0px 11px 0 20px;
	}

.basic_content{ background-color:#D0DC4D; margin:0 11px 0 0;}
.basic_content ul{ 
	padding:0px 5px 10px 8px;
	height:185px; 
	}
	.basic_content li{ 
	padding:0 0px 3px 10px; 
	display:block;
	background:url(images/white_bullet.gif) top left no-repeat; 
	}
	
	
	
#gold {
	background:url(images/gold_bg.gif) top left no-repeat; 
	height:139px;
	padding:0px 11px 0 20px;
	}

.gold_content{ background-color:#F8DA7D; margin:0 11px 0 0;}
.gold_content ul{ 
	padding:0px 5px 10px 8px; 
	height:185px; 
	}
.gold_content li{ 
	padding:0 0px 3px 10px; 
	display:block;
	background:url(images/white_bullet.gif) top left no-repeat; 
	}
	
	
	
#corporate {
	background:url(images/corporate_bg.gif) top left no-repeat; 
	height:139px;
	padding:0px 11px 0 20px;
	}

.corporate_content{ background-color:#5FC3DC; margin:0 11px 0 0;}
.corporate_content ul{ 
	padding:0px 5px 10px 8px; 
	height:185px; 
	}
.corporate_content li{ 
	padding:0 0px 3px 10px; 
	display:block;
	background:url(images/white_bullet.gif) top left no-repeat; 
	}
#client_speak {
	width : 315px;
	float : left;
	padding-left : 14px;
	padding-bottom:10px;
	border-left : 6px solid #dedede;
	}
#client_speak h3 {
	background : url(images/speak_icon.gif) no-repeat center left;
	font-size : 18px;
	padding : 10px 0 10px 35px;
	}
#client_speak_content {
	margin-left : 17px;
	margin-right : 20px;
	}
.testimonials {
	font-size : 14px;
	line-height : 20px;
	color : #0d8ccb;
	padding : 10px 0 10px 0;
	}
.written {
	font-size : 12px;
	line-height : 16px;
	}
.client_speak_inside {
	width:233px;
	margin-bottom:10px;
}
.client_speak_inside h3 {
	background : url(images/speak_icon.gif) no-repeat center left;
	font-size : 18px;
	padding : 10px 0 10px 35px;
	}


#centerpanel {
	width : 330px;
	float : left;
	margin : 0 26px 0 26px;
	}
#whychoose {
	float : left;
	width : 330px;
	margin-bottom : 10px;
	height : 300px;
	}
#whychoose_content {
	padding : 10px 0 0 0;
	border-top : 1px solid #fff;
	}
ul.tick {
	padding-bottom : 10px;
	padding-top : 10px;
	}
ul.tick li {
	display : block;
	color : #007CBA;
	padding : 4px 0 4px 30px;
	background : url(images/tick.gif) no-repeat top left;
	}
#featured_projects {
	float : left;
	width : 691px;
	}
.more_projects {
	width:100%;
	display : block;
	padding-top:10px;
	float : left;
	}
#featured_projects h2 {
	float : left;
	width:100%;
	}
/*#featured_projects .count {
	float : right;
	width : 130px;
	padding : 10px 0 5px 0;
	}
#featured_projects .count a {
	line-height : 3px;
	color : #2a8ec0;
	}*/
.projects_prev {
	float : left;
	width : 322px;
	border : 3px solid #dedede;
	padding : 1px;
	}
	
.projects_title {
	width : 318px;
	padding-left:5px;
	}
.projects_title img {
	float : right;
	}
.projects_title span {
	display : block;
	padding-top : 5px;
	}
#footer {
	background : url(images/footer_bg.gif) repeat-x top left;
	float : left;
	width : 100%;
	}
#footer_container {
	width : 950px;
	margin : 0 auto;
	text-align : center;
	}
#footer_link {
	padding : 20px 0 20px 0;
	}
#footer_link a {
	background : url(images/arrow_3.gif) no-repeat center left;
	padding : 0 15px 0 10px;
	color : #0d8ccb;
	}
#footer_link a:hover {
	color : #000000;
	text-decoration : underline;
	}
#footer_link .directory{ padding:0 0 20px 0;}
#footer_link .directory a{ background:none; padding : 0 10px 0 10px; color:#072B50;}

#copyright {
	background : url(images/dot.gif) repeat-x top left;
	padding : 20px 0 20px 0;
	}
#copyright a {
	color : #0d8ccb;
	}
#footer_bottom {
	background : url(images/dot.gif) repeat-x top left;
	padding : 20px 0 20px 0;
	text-align : center;
	}
#footer_bottom img {
	float : left;
	}
#tell_friend {
	width : 750px;
	margin : 0 auto;
	height : 31px;
	}
#tell_friend_container {
	width : 500px;
	float : right;
	height : 31px;
	text-align : right;
	}
#tell_friend_container div {
	height : 31px;
	float : left;
	padding : 0 10px 0 10px;
	line-height : 30px;
	}
#tell_friend .heading {
	height : 31px;
	width : 122px;
	border-right : 1px solid #cccccc;
	}

/*___________________________________________________*/


/* ######### Style for Drop Down Menu ######### */
.pageurl {
	position:absolute;	
	border : 1px solid #d5d5d5;
	z-index:101;
	background-color: white;
	width : 196px;
	visibility:visible;
	height : 239px;
	overflow : scroll;
	overflow : auto;
	display:none;
	padding:8px 0px 5px 0px;
	}
.pageurl a {
	padding : 2px 0 2px 10px;
	display : block;
	color:#000;
	}
.pageurl a.group{ background:#E7C153; border-bottom:#363225 1px solid; border-top:#FEEEBF 1px solid;}
.pageurl a.group:hover{ background:#3C3C3C; color:#FCFAF7; border-top:#363225 1px solid;  border-bottom:#363225 1px solid; }		

* html .pageurl a{ /*IE only hack*/
width:auto;
}

.pageurl a:hover{ /*THEME CHANGE HERE*/
background-color: #36AAE8;
color: #fff;
}
/*INSIDE CONTENT*/
.inside_content{ 
	width : 691px;
	float : left;
	margin : 0 0 0 26px;
	}
.quote_btn{ float:right; padding:17px 0 0 0 ;}
.paging{ 
	border-top:#DEDEDE 4px solid; 
	height:40px; 
	width : 691px;
	float:left;
	}
.paging div{ 
	margin-top:1px; 
	border:#DEDEDE 1px solid; 
	width:100px;
	text-align:center;
	padding:4px;
	float:right; 	
	}
.paging div a{ padding:0 5px 0 5px;}

.portfolio_holder{
	width : 691px;
	float:left;
	}
.portfolio{ float:left; 
	width:198px; height:255px; 
	margin-right:24px; 
	line-height:16px;
	font-size:11px;
	color:#5F5F5F;
	}
.portfolio strong{ color:#252525; 
	font-size:12px;}

.thumb {margin-bottom:2px;}
.thumb img{border:1px solid #dedede; padding:1px;}

.box_link{ color:#FFFFFF; font-weight:bold; background:#37A5D6; padding:0px 3px 0px 3px; font-size:12px;}
.box_link:hover{ color:#FFFFFF; font-weight:bold; background:#88AC0F; padding:0px 3px 0px 3px;}

.subheading{
	font-size:18px;
	background:url(images/dot.gif) repeat-x left bottom;
	padding:20px 0 10px 0;
	margin:0 0 10px 0;
	line-height:24px;
	}
.subheading a{ color:#1A7FB2;}
.subheading a:hover{ color:#0C6D9D;}
.notes{ color:#FF0000;}
.width300{ width:300px;}
.darkblue li{ color:#0099CC; padding:0 0 3px 15px; background:url(images/bullet.gif) left top no-repeat;}

#sitemap a{
display:block;
padding:2px 0px 2px 20px;
font-size:13px;
color:#85B630;
text-decoration:none;
font-weight:bold;
background:url(images/orange_arrow.gif) center left no-repeat;
}
#sitemap a:hover{ color:#006699;background:#E6F0E2 url(images/arrow_4.gif) center left no-repeat; padding:2px 0px 2px 25px;}
#allLogo{  background:#fff; text-align:center;  text-transform:uppercase; font-size:10px; color:#99CCCC; position:relative; width:100%; float:left;}



/*----------------------------*/
#jobAdd{
position:absolute; 
z-index:1000; 
width:350px; 
 background:#F6F6F6; 
text-align:center; 
border:#E2E2E2 3px solid;
text-align:left;
padding:4px;

}
.jobClose{ text-align:right; height:20px;}
.jobClose span{ display:block; color:#fff; background:#FF6600; padding:0 5px 0 5px; font-weight:bold; float:right; cursor:pointer;}
.jobDetails {display:block; color:#fff; background:#237DB0; padding:3px 0 3px 0; text-align:center; font-weight:bold;  float:right; cursor:pointer; width:100px;}
.jobDetails:hover { background:#22A2EA; }

#jobAddContent{ color:#555555; padding:0 15px;}