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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	line-height:16px
}
body {
	margin: 10px 0 0 0;
	background: url(../images/page_top_bg.jpg) top repeat-x;
}

form{
	margin:0;
	padding:0;
	}
p{
	margin:0 0 8px 0;
	}
ul {
	margin:0;
	padding:0;
	list-style:none;
	}

.top_chat_icons{ }
	.top_chat_icons li{
	display:inline;
	margin:0 0 0 10px;
	}
.logo{
	margin-top:15px;
	}
.page_top_contacts{
	font-weight:bold;
	font-size:13px;
	color:#ff9f3f;
	line-height:20px;
				}
	.page_top_contacts p{
	margin:5px 0 0 0;
	/*do left margin 279px*/
	}
	.page_top_contacts p#email_id{
	background:url(../images/emai-icon.jpg) 0 0 no-repeat;
	line-height:21px;
	padding:0 0 0 28px;
	}
	.page_top_contacts p#contact_phone{
	background:url(../images/phone-icon.jpg) 0 0 no-repeat;
	line-height:21px;
	padding:0 0 0 28px;
	}
	
	.page_top_contacts a{
	color:#ff9f3f;
	text-decoration:none;
	}
		.page_top_contacts a:hover{
		text-decoration:underline;
		}
	.page_top_contacts span{
	color:#FF0000;
	}
.top_nav{
	width:840px;
	padding:10px 0 0 0;
	}

ul#main_nav{position:relative !important;}

.top_nav ul{margin:0; padding:0;}	
.top_nav li{
	display:inline;
	font-weight:bold;
	}
.top_nav li a{
		display:block;
		width:115px;
		float:left;
		background:url(../images/top_nav_bg.jpg) center no-repeat;
		line-height:46px;
		color:#000;
		text-decoration:none;
		margin-left:2px;
		}
.top_nav li a:hover, .top_nav li a.current{
	background:url(../images/top_nav_hover.jpg) center no-repeat;
	color:#FFF;
	}
	
	
#submenu{position:absolute; left:235px; top:48px; border-bottom:#d7d7d7 1px solid; width:200px; height:104px ;/*make height 104px when webhosting service added*/ display:none; margin:0; padding:0;}
.top_nav li a:hover #submenu, .top_nav ul li:hover #submenu {display:block !important; width:200px !important; height:104px !important;}
/*.top_nav li a:hover #submenu {display:block !important; background:none !important;}*/
#sublist{margin:0 !important; padding:0 !important;}
#sublist li{margin:0; padding:0; list-style:none; background:#f7f7f7 !important; display:block; width:199px; height:25px; border-top:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid; border-right:#d7d7d7 1px solid; font-size:11px; }
#sublist li a{list-style:none; width:190px; height:25px; background:none !important; text-align:left; margin:-11px 0 0 0; padding:0 0 0 10px;}
#sublist li a:hover{color:#fe9400 !important;}


#contact_submenu{position:absolute; left:619px; top:48px; border-bottom:#d7d7d7 1px solid; width:200px; height:52px; display:none; margin:0; padding:0;}

#company_submenu{position:absolute; left:118px; top:48px; border-bottom:#d7d7d7 1px solid; width:200px; height:26px; display:none; margin:0; padding:0;}

.top_nav li a:hover #contact_submenu, .top_nav ul li:hover #contact_submenu, .top_nav ul li:hover #company_submenu {display:block;}
.top_nav li a:hover #contact_submenu, .top_nav li a:hover #company_submenu {display:block !important; background:none !important;}
#contact_sublist{margin:0 !important; padding:0 !important;}
#contact_sublist li{margin:0; padding:0; list-style:none; background:#f7f7f7 !important; display:block; width:199px; height:25px; border-top:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid; border-right:#d7d7d7 1px solid; font-size:11px; }
#contact_sublist li a{list-style:none; width:190px; height:25px; background:none !important; text-align:left; margin:-11px 0 0 0; padding:0 0 0 10px;}
#contact_sublist li a:hover{color:#fe9400 !important;}

#company_sublist{margin:0 !important; padding:0 !important;}
#company_sublist li{margin:0; padding:0; list-style:none; background:#f7f7f7 !important; display:block; width:199px; height:25px; border-top:#d7d7d7 1px solid; border-left:#d7d7d7 1px solid; border-right:#d7d7d7 1px solid; font-size:11px; }
#company_sublist li a{list-style:none; width:190px; height:25px; background:none !important; text-align:left; margin:-11px 0 0 0; padding:0 0 0 10px;}
#company_sublist li a:hover{color:#fe9400 !important;}





.translate_icons{
	padding-top:20px;
	}
	.translate_icons ul{
	margin:3px 0 0 0;
	padding:0 0 0 7px;
	float:left;
	}
	.translate_icons ul li{
	display:inline;
	margin: 0 2px;
	}
.page_body_outer{
	border:1px solid #ccc;
	padding:1px;
	}
.banner_home{
	background:url(../images/banner_home.jpg) 0 0 no-repeat;
	height:343px;
	}
.banner_services{
	padding:15px 0;
	}
	.banner_services li{
	background:url(../images/home_orange_bull.jpg) 0 2px no-repeat;
	padding-left:15px;
	line-height:17px;
	}
h1{
	font-size:26px;
	line-height:30px;
	font-weight:normal;
	color:#0972a4;
	margin:10px 0 10px 0;
	}
	h1 strong{
	color:#fc0000;
	font-weight:normal;
	}
.home h1{
	color:#000;
	}
.home h1 strong{
	color:#ff7c00;
	font-weight:normal;
	}

p.readmore{
	background:url(../images/bull_1.jpg) 0 5px no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#ff7c00;
	}
	p.readmore a{
	color:#ff7c00;
	text-decoration:none;
	}
		p.readmore a:hover{
		text-decoration:underline;
		}
.home_title_txt{
	margin-top:270px;
	}
.mid_orange{
	background:#ff7c00;
	padding:15px 0;
	}
.mid_orange h2 {
	color:#FFF;
	margin:0 0 15px 0;
	padding:0;
	font-size:22px;
	font-weight:bold;
	}
	.mid_orange p {
	color:#FFF;
	}
.join_links{
	padding:5px 10px;
	}
	.join_links li{
	display:inline;
	margin-right:5px;
	}
	.join_links p{
	color:#ff4901;
	font-weight:bold;
	}
.footer_links_bg{
	background:#6a6a6a url(../images/footer_links_bg_top.jpg) top repeat-x;
	}
.footer_links{
	background:url(../images/footer_links_bdr.jpg) center right no-repeat;
	padding:25px 0 15px 0;
	}
.footer_links h3{
	color:#FFF;
	font-size:14px;
	margin:0 0 10px 30px;
	text-transform:uppercase;
	}
	.footer_links ul{
	margin-bottom:15px;
	}
	.footer_links li{
	display:block;
	width:99%;
	background:#6a6a6a url(../images/home_footer_lis_bg.jpg) bottom repeat-x;
	line-height:39px;
	}
		.footer_links li a{
		color:#bbbbbb;
		text-decoration:none;
		background:url(../images/gray_arrow1.jpg) 30px 2px no-repeat;
		padding-left:45px;
		}
			.footer_links li a:hover{
			color:#FFF;
			}
.nobg{ background:none !important; }
.copyright{
	padding:10px 0;
	vertical-align:middle;
	}
	.copyright a{
	color:#414141;
	text-decoration:none;
	}
		.copyright a:hover{
		text-decoration:underline;
		}
.banner_inside{
	background:url(../images/banner_inside.jpg) center top no-repeat;
	height:239px;
	}
	.banner_inside table{
	margin:110px 0 0 45px;
	}
	.banner_inside p{
	color:#FFF;
	}
.readmore_banner{
	background:url(../images/red_btn_2.jpg) no-repeat;
	line-height:29px;
	display:block;
	width:150px;
	font-weight:bold;
	padding-left:18px;
	}
	.readmore_banner a{
	color:#FFF;
	text-decoration:none;
	}
		.readmore_banner a:hover{
		text-decoration:underline;
		}
.work_bdr{
	border:1px solid #dbdbdb;
	padding:2px;
	}
.work_bg{
	background:url(../images/our_work_bg.jpg) top repeat-x;
	padding:10px;
	}
.readmore_2{
	text-align:right;
	}
	.readmore_2 a{
	color:#FF0000;
	text-decoration:none;
	}
		.readmore_2 a:hover{
		text-decoration:underline;
		}
.client_speak_top{
	background:url(../images/client_speak_top.jpg) 0 0 no-repeat;
	padding-top:80px;
	}
.client_speak_btm{
	background:url(../images/client_speak_btm.jpg) 0 bottom no-repeat;
	padding-bottom:38px;
	}
.client_speak_main{
	background:#0c5978 url(../images/client_speak_bg.jpg) 3px 0 repeat-x;
	}
.client_speak_scroll{
	width:236px;
	height:100px;
	padding-bottom:20px;
	}
	.client_speak_scroll ul li{
	background:url(../images/client_speak_divider.jpg) bottom repeat-x;
	padding:10px;
	color:#FFF;
	font-size:11px;
	line-height:14px;
	}
		.client_speak_scroll ul li a{
		color:#FFF;
		text-decoration:none;
		}
			.client_speak_scroll ul li a:hover{
			text-decoration:underline;
			}
a.readmore_client{
	background:url(../images/bull_white.jpg) 0 2px no-repeat;
	padding-left:15px;
	color:#ff7c00;
	text-decoration:none;
	font-weight:bold;
	}
	a.readmore_client:hover{
	text-decoration:underline;
	}
h5{
	background:url(../images/services_title_bg.jpg) left no-repeat;
	line-height:33px;
	padding-left:20px;
	font-size:15px;
	color:#ff7f00;
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 0;
	}
h4{
	font-size:14px;
	color:#0972a4;
	margin:5px 0 10px 0;
	padding-left:15px;
	background:url(../images/bull_1.jpg) 0 3px  no-repeat;
	}
.service{
	font-size:11px;
	}
	.service ul{
	margin:5px 0 15px 0;
	}
		.service li{
		margin-bottom:3px;
		}
		.service li a{
		color:#414141;
		text-decoration:none;
		}
			.service li a:hover{
			text-decoration:underline;
			}
.quick_contact{
	background:url(../images/quick_contact_bg.jpg) center no-repeat;
	height:75px;
	}
	.quick_contact ul{
	margin:35px 0 0 60px;
	}
		.quick_contact ul li{
		display:inline;
		margin:0 2px;
		}
.txt_green{
	color:#009900;
	}

/* sanjay new style for portfolio page bar and chat bar at bottom */
h2
{
	padding:0 0 0 20px;
	margin:0;
	line-height:37px;
	font-size:22px;
	color:#ff7c00;
	text-transform:uppercase;
	font-weight:bold;
	vertical-align:middle;
}

.txt_orange{

	background:url(../images/bg_portfolio_bar.jpg) left no-repeat;
	width:691px;
	height:37px;
		}
		
		
.txt_orange1{
	color:#ff7c00;
	text-transform:uppercase;
	font-weight:bold;
	vertical-align:middle;
		}
		
		
.txt_red{
	color:#FF0000;
	}
ul.chat_icons{
	margin:15px 0;
	text-align:center;
	}
	ul.chat_icons li{
	display:inline;
	margin:0 50px;
	}
.form_fields{
	padding:5px 0;
	line-height:18px; vertical-align:middle;
	}
.text_field{
	width:250px;
	border:1px solid #ccc;
	padding:2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	.text_field_txtarea{
	width:480px;
	border:1px solid #ccc;
	padding:2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.zoom{
	padding:10px 0;
	}
	.zoom a{
	display:block;
	width:147px;
	background:url(../images/zoom.jpg) 22px 3px no-repeat;
	line-height:23px;
	color:#FFF;
	padding:0 10px 8px 10px;
	text-decoration:none;
	}
		.zoom a:hover{
		text-decoration:underline;
		}
.port_image{
	padding:10px 0;
	}
.footer_chat_top{
	background:url(../images/footer_chaticons_top.jpg) center top no-repeat;
	width:691px;
	height:17px;
	}
.footer_chat_btm{
	background:url(../images/footer_chaticons_btm.jpg) center bottom no-repeat;
	width:691px;
	height:17px;
	}
.footer_chat_main{
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	padding:0 10px;
	}
/* Chat Styles sanjay */
	.footer_chat_sep{
	background:url(../images/footer_sep.jpg) center top no-repeat; }
	/* Chat Styles sanjay */
.txt_blk{
	color:#000;
	}
	.txt_blk a{
	color:#000;
	text-decoration:none;
	}
		.txt_blk a:hover{
		text-decoration:underline;
		}
		
/* Chat Styles */

.q-cont {
	width:194px;
	height:41px;
	margin-top:7px;
	background:url(../images/q-conect.jpg) 0 0 no-repeat;
	padding:34px 0 0 48px;
}
.q-cont:hover {
	background:url(../images/q-conect.jpg) 0 -75px no-repeat;
}
.q-cont a {
	display:block;
	height:25px;
	width:35px;
	text-indent:-9000px;
	float:left;
}
.msn-chat {
	background:url(../images/chat.jpg) 0 2px no-repeat;
}
.msn-chat:hover {
	background:url(../images/chat.jpg) 0 -25px no-repeat;
}
.y-chat {
	background:url(../images/chat.jpg) -34px 0 no-repeat;
}
.y-chat:hover {
	background:url(../images/chat.jpg) -34px -25px no-repeat;
}
.sk-chat {
	background:url(../images/chat.jpg) -68px 0 no-repeat;
}
.sk-chat:hover {
	background:url(../images/chat.jpg) -68px -25px no-repeat;
}
.gt-chat {
	background:url(../images/chat.jpg) -103px 0 no-repeat;
}
.gt-chat:hover {
	background:url(../images/chat.jpg) -103px -25px no-repeat;
}
.mail {
	background:url(../images/chat.jpg) -140px 0 no-repeat;
}
.mail:hover {
	background:url(../images/chat.jpg) -140px -25px no-repeat;
}


/*********************** Contact ID's Popup css ***************************************/
.pop-div {
	width:246px;
	height:119px;
	background:url(../images/pop_bg.gif) no-repeat;
	position:absolute;
	visibility: hidden;
	margin:3px 0 0 -44px;
}
.pop-div .pop_text {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#383333;
	padding:15px 0 0 13px;
	line-height:20px;
}
.pop-div .pop_text a {
	color:#ff0000;
	text-decoration:none;
}
.pop-div .pop_text a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.pop-div .close {
	width:64px;
	height:18px;
	float:right;
	display:inline;
	margin-top:13px;
	margin-right:15px;
}

.pop-div_inner {
	width:246px;
	height:119px;
	background:url(../images/pop_bg.gif) no-repeat;
	position:absolute;
	visibility: hidden;
	margin:1px 0 0 0;
	z-index:501;
}
.pop-div_inner .pop_text {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#383333;
	padding:15px 0 0 13px;
	line-height:20px;
}
.pop-div_inner .pop_text a {
	color:#ff0000;
	text-decoration:none;
}
.pop-div_inner .pop_text a:hover {
	color:#ff0000;
	text-decoration:underline;
}
.pop-div_inner .close {
	width:64px;
	height:18px;
	float:right;
	display:inline;
	margin-top:13px;
	margin-right:15px;
}


/* browser 6 check for top nav sanjay */

table#recession
{width:584px; margin:auto; padding:0px; background-color:#E2E2E2;}
table#recession td{line-height:30px; background-color:#F8F8F8; padding-left:8px;}
table#recession td.frow{background-color:#0B688B; text-align:center; vertical-align:middle; color:#FFFFFF; line-height:23px;}
table#recession td.brd{background:url(../images/tab-top.jpg); width:584px; height:54px; background-repeat:repeat-x; text-align:center; vertical-align:middle; }
table#recession td.celltb{background:url(../images/tab-cell.jpg) center no-repeat; color:#FFFFFF; font-weight:bold; text-align:center; background-color:#FFFFFF;}
table#recession td.tick{background:url(../images/tab-tick.jpg) center no-repeat; background-color:#FFFFFF;}
table#recession td.plus{background:url(../images/tab-plus.jpg) center no-repeat; background-color:#FFFFFF;}
	td.tt {background-color:#FFFFFF; text-align:center; vertical-align:middle;}
	
.tick_orange{background:url(../images/tick_orange.jpg) center no-repeat;}

.tab_alert{border: 1px solid #E2E2E2; background-color:#F8F8F8; margin-top:20px; }
.tab_alert_bulb {background:url(../images/bulb.jpg) left no-repeat; line-height:34px; }
.terms {color:#CE0900;}
p.marg{margin-left:40px;}
	
div#site{margin-left:100px; width:500px; line-height:30px;}
div#site ul li{padding-left:10px;}
div#site ul li li{padding-left:20px;}
div#top-linear { margin:auto; padding:0px; width:954px; line-height:5px; color: #E6E6E6 ; font-size:10px;}
h1.top{color: #CDCDCD ; font-size:10px; line-height:10px; }
h1.top strong{color: #CDCDCD ; font-size:10px; line-height:10px; }
.top a{color: #CDCDCD ; font-size:10px; line-height:10px; text-decoration:none;}
.top a:hover{color: #CDCDCD ; font-size:10px; line-height:10px; text-decoration:none;}
.top a:visited{color: #CDCDCD ; font-size:10px; line-height:10px; text-decoration:none;}

/* browser 6 check for top nav sanjay */

/*********************** Contact ID's Popup css end ***************************************/

/*Modify attributes of #contentwrapper below as desired*/

#contentwrapper{
width: 229px;
height: 200px;
color:#FFFFFF;
padding-top:10px;
padding-left:10px;
}

.billcontent{
width: 98%;
}

.error
{color:#FF0000; font-size:14px; font-weight:bold; }
.text_field_txt{width:485px;}
.contact_box{margin:0 auto; padding:0; background:url(../images/contact-box.jpg) 0 0 no-repeat; width:675px; height:205px;}
.contact_box h1{margin:0; padding:10px 0 0 32px;}
.contact_box p{margin:0; padding:10px 0 10px 35px;}

.map_box{margin:0 auto; padding:20px 0 25px; width:652px; height:480px;}
.map{margin:0; padding:0; width:652px; height:480px; background:url(../images/map-center.jpg) 0 0 repeat-x;}
.map h1{margin:0; padding:10px 0 0 0;}
#mapbox{margin:7px 0 0 7px; padding:0; border:#999999 solid 1px; }

.test_box{margin:20px 0 0 0; padding:0; width:679px;}
.test_center{margin:0; padding:0; background:url(../images/test-box-mid.jpg) 0 0 repeat-y; width:679px;}
.test_top{margin:0; padding:0; background:url(../images/test-box-top.jpg) 0 0 no-repeat; width:679px;}
.test_top p{margin:0; padding:25px 32px 0 55px;}
.test_top p strong{color:#0b5570; line-height:normal;}

.test_title{margin:0; padding:0 0 0 35px;}

/*seo page*/

.seo_title{background:url(../images/seo-title-bar.jpg) 0 0 no-repeat; width:666px; height:71px; float:left;}
.seo_title p{margin:0; padding:40px 0 0 65px; font: bold 11px Arial; color:#FFFFFF; float:left;}
.package_container{width:432px; height:71px; float:right; margin:0; padding:0;}
.pack{margin:0; padding:4px 0 0 0; width:85px; font: bold 11px Arial; color:#FFFFFF; text-align:center; float:left;}
.pack span{color:#fc0000;}

.arrowlistmenu{
width: 666px; /*width of accordion menu*/
}

.menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	width: 664px;
	font: bold 11px Arial;
	color:#0972a4;
	background:url(../images/titlebar-active.png) left top no-repeat;
	margin:0 0 2px 0; /*bottom spacing between header and rest of content*/
	padding: 8px 0; /*header text is indented 10px*/
	cursor: pointer;
	text-align:center;
	clear:both;
}
.menuheader span{color:#fc0000;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../images/titlebar.png) left top no-repeat;
}

.clear{clear:both; line-height:1px; height:1px; font-size:1px;}
.none{background:none !important;}
.bgcolor{background:#f2f9ff;}
.table_container{margin:0; padding:0 0 2px 0; float:left;}
.row{margin:0; padding:0; width:662px; border:#d2d3d5 solid 1px; float:left;}
.row2{margin:0; padding:0; width:662px; border-left:#d2d3d5 solid 1px; border-right:#d2d3d5 solid 1px; border-bottom:#d2d3d5 solid 1px; float:left;}
.row3{margin:0; padding:0; width:662px; border-left:#d2d3d5 solid 1px; border-right:#d2d3d5 solid 1px; border-bottom:#d2d3d5 solid 1px; float:left;}
.row p, .row2 p, .row3 p{margin:0; padding:0 0 0 10px; line-height:34px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.title_column{margin:0; padding:0; border-right:#d2d3d5 solid 1px; width:232px; height:34px; background:#f3f3f3; float:left;}
.KS_ten{margin:0; padding:0; border-right:#d2d3d5 solid 1px; width:84px; height:34px; background:#fbfdff; float:left;}
.C_twenty{margin:0; padding:0; border-right:#d2d3d5 solid 1px; width:84px; height:34px; background:#f2f9ff; float:left;}
.CM_forty{margin:0; padding:0; border-right:#d2d3d5 solid 1px; width:84px; height:34px; background:#eef5fd; float:left;}
.CMP_eighty{margin:0; padding:0; border-right:#d2d3d5 solid 1px; width:84px; height:34px; background:#e3f0fe; float:left;}
.CMS_onetwenty{margin:0; padding:0; width:88px; height:34px; background:#deeeff; float:left;}
.KS_ten p, .C_twenty p, .CM_forty p, .CMP_eighty p, .CMS_onetwenty p{background:url(../images/tick.png) center no-repeat; margin:0; padding:0; display:block; width:84px; height:34px;}

.KS_ten p.close, .C_twenty p.close, .CM_forty p.close, .CMP_eighty p.close, .CMS_onetwenty p.close{background:url(../images/X.png) center no-repeat; margin:0; padding:0; display:block; width:84px; height:34px;}

/*quote page*/

.form_box_outer{background:url(../images/quote-form-box-mid.jpg) 0 0 repeat-y; margin:0 0 2px 0; padding:0; width:926px; font-size:11px; float:left;}
.form_box{background:url(../images/quote-form-box-top.jpg) 0 0 no-repeat; margin:0; padding:0; width:926px;}
.form_box p{margin:0; padding:10px 0 10px 10px;}
.form_elements_l{float:left; margin:0; padding:0; width:460px; background:url(../images/quote-form-box-separator.jpg) right top no-repeat;}
.form_elements_r{float:right; margin:0; padding:0; width:460px;}
.q_row{margin:5px 0 0 0; padding:0; width:460px; float:left;}
.q_col_l{float:left; margin:0; padding:3px 3px 0 0; width:100px; height:19px; text-align:right;}

.q_col_r{float:right; margin:0; padding:0; width:352px;}
.q_col_r ul#first{margin:0; padding:0; float:left;}
.q_col_r ul#second{margin:0; padding:0 0 0 7px; float:left;}
.q_col_r ul li{margin:0; padding:0; line-height:18px;}
.q_col_r input{width:230px; height:19px; border:#CCC solid 1px; margin:0; padding:0 0 0 5px;}
.q_col_r textarea{margin:0; padding:0; width:235px; height:180px;  border:#CCC solid 1px;}
.q_col_r select{margin:0; padding:0; width:237px; height:21px; border:#CCC solid 1px; font-size:11px; color:#555;}
select#chat_id{margin:0; padding:0; width:98px; height:21px; border:#ccc solid 1px; font-size:11px; color:#555;}
input.chat{margin:0; padding:0; width:134px; height:19px; border:#ccc solid 1px;}
#sem, #lb, #ppc, #wdd, #cw, #ims{margin:0 5px 0 0; padding:0; width:auto; height:auto; border:none !important;}
.quote_btn_holder{clear:both; margin:0; padding:20px 0 0 0;}
.quote_btn{margin:0; padding:8px 0 0 0; background:url(../images/quote-form-box-btn.jpg) center no-repeat; text-align:center;  height:44px;}

.quote_btn a{font-weight:bold; color:white; text-decoration:none;}


.quote_test_title{float:left; margin:0; padding:0 0 0 15px; width:579px;}
.quote_port_title{float:right; margin:0; padding:0 0 0 25px; width:295px;}

.quote_test_elements_l{float:left; margin:0; padding:0; width:594px; background:url(../images/quote-form-box-separator.jpg) right top no-repeat;}
.quote_test_elements_l p{margin:10px 0 0 0; padding:10px 0 0 20px;}
.quote_test_elements_l p strong{color:#0972a4;}
.quote_port_elements_r{float:right; margin:0; padding:0; width:320px;}
.port_box{margin:14px 0 0 25px; padding:0; background:url(../images/portfolio-box.jpg) 0 0 no-repeat; width:253px; height:204px; overflow:hidden;}
.scrl-img{margin:55px 0 0 35px; padding:0; border:none; border:#ccc solid 1px;}
.img_holder{width:248px; height:183px; margin:10px 0 0 0; padding:0 0 0 15px; overflow:hidden;}


/******************case studies****************************/

.pagination{width:658px; margin:0 0 10px 0; padding:0;}
.pagination ul{margin:0; padding:0; float:right; line-height:22px;}
.pagination ul li{margin:0; padding:0; display:inline; width:22px; height:22px; text-align:center; line-height:22px;}
.pagination ul li a{margin:10px 0 10px 5px; padding:0; background:#ff8000; display:block; float:left; width:22px; height:22px; border:#666666 solid 1px; text-decoration:none; font-size:12px; font-weight:bold; color:#FFF; text-align:center;}
.pagination ul li a:hover{margin:10px 0 10px 5px; padding:0; background:#0972a4; display:block; float:left; width:22px; height:22px; border:#666666 solid 1px; text-decoration:none; font-size:12px; font-weight:bold; color:#FFF;}

.pagination ul li a.pageactive{margin:10px 0 10px 5px; padding:0; background:#0972a4; display:block; float:left; width:22px; height:22px; border:#666666 solid 1px; text-decoration:none; font-size:12px; font-weight:bold; color:#FFF;}

.case_box{width:658px; border:#eee solid 1px; margin:0 0 12px 0; padding:0;}
.case_titlebox{width:658px; border:#d2d2d2 solid 1px; background:#eee; margin:0 0 12px 0; padding:0;}
.case_box h2, .case_titlebox h2{font-size:17px; line-height:40px; color:#0972a4; font-weight:bold; margin:0; padding:0 0 0 8px;}
.case_box h3, .case_titlebox h3{font-size:26px; line-height:32px; float:left; color:#0972a4; font-weight:normal; margin:0; padding:0 0 0 8px;}
.case_box h2 span, .case_titlebox h2 span, .case_box h3 span{color:#fc0000;}
.case_box p, .case_titlebox p{margin:0; padding:10px 8px; text-align:justify;}
.case_box img{margin:5px 8px 5px 0; padding:0; border:none;} 
.case_titlebox img{margin:5px 0 5px 8px; padding:0; border:none; clear:both;}
.case_box ul{margin:0; padding:30px 0 12px 0; float:right;}
.case_box ul li{margin:0; padding:0; display:block; width:133px; height:33px; float:left; list-style:none; text-indent:-99999px;}
.case_box ul li a#QC{margin:0; padding:0; background:url(../images/quick_contact_btn_normal.png) 0 0 no-repeat; width:133px; height:33px; display:block;}
.case_box ul li a#QC:hover{margin:0; padding:0; background:url(../images/quick_contact_btn_hover.png) 0 0 no-repeat; width:133px; height:33px; text-indent:-9999;}
.case_box ul li a#TEST{margin:0; padding:0; background:url(../images/testimonial_btn_normal.png) 0 0 no-repeat; width:133px; height:33px; display:block;}
.case_box ul li a#TEST:hover{margin:0; padding:0; background:url(../images/testimonial_btn_hover.png) 0 0 no-repeat; width:133px; height:33px; text-indent:-9999;}

.img_case_studies{width:100%; background:url(../images/zports-guys-web-img.jpg) 380px 0 no-repeat; float:left; margin:0; padding:0; position:relative;}

.result_note{width:100%; margin:0; padding:0;}
.result_note p{margin:0; padding:10px 8px 0 8px; text-align:justify;}

.img_case_studies2{width:648px; margin:10px 0 0 0; padding:0 5px;}
.before_img{width:260px;  float:left; overflow:hidden; border:#d2d2d2 solid 1px; padding:5px; margin:0; position:relative;}
.after_img{width:260px; float:right; overflow:hidden; border:#d2d2d2 solid 1px; padding:5px; margin:0; position:relative;}

.after_img a img, .before_img a img{margin:0; padding:0; border:none;}


.big_img_after{width:100%; height:100%; display:none; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100000;}
.big_img_before{width:100%; height:100%; display:none; position:absolute; left:0; top:0; right:0; bottom:0; z-index:100000;}
.opacity_bg{margin:0; padding:0; background:#000000; display:none; opacity:.8; filter:alpha(opacity=80); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); position:absolute; left:0; top:0; right:0; height:2050px;}

.center{width:780px; height:828px; margin:0 auto; padding:0; position:relative; overflow:hidden;}
.center2{width:780px; height:646px; margin:0 auto; padding:0; position:relative; overflow:hidden;}

.center h2#two, .center h2#four{margin:auto 0 0 -10%; padding:0; display:none; width:215px; height:58px; line-height:50px; position:absolute; left:50%; top:50%; text-align:center; background:url(../images/gotowebsite_btn.png) 0 0 no-repeat; color:#FFF;}



.before_img h2#one{margin:0; padding:0; display:block; width:154px; height:58px; line-height:50px; position:absolute; left:60px; top:125px; text-align:center; background:url(../images/gotowebsite_btn2.png) 0 0 no-repeat; color:#FFF; cursor:pointer;}
.after_img h2#three a, .before_img h2#one a, .center h2#two a, .center h2#four a{color:#fff; text-decoration:none;}
.after_img h2#three{margin:0; padding:0; display:block; width:154px; height:58px; line-height:50px; position:absolute; left:60px; top:125px; text-align:center; background:url(../images/gotowebsite_btn2.png) 0 0 no-repeat; color:#FFF; cursor:pointer;}


.center p{position:absolute; margin:0; padding:0; display:none; background:url(../images/close-btn.png) 0 0 no-repeat; width:49px; height:50px; top:15px; right:10px; text-align:center; cursor:pointer; overflow:hidden; text-indent:-99999px;}
.center p a{margin:0; padding:0; display:block; width:49px; height:50px; text-align:center; cursor:pointer; overflow:hidden; text-indent:-99999px; color:#fff;}



.before_img h2, .after_img h2{margin:0; padding:0; font-size:16px; font-weight:bold; color:#000000; display:none; width:260px; height:22px; line-height:22px; position:absolute; left:0; top:0;}

.img_case_studies ul#after_before{margin:0; padding:0;}
.img_case_studies ul#after_before li#before{margin:0; padding:0; display:block; width:163px; height:73px; text-indent:-99999px; position:absolute; left:288px; top:0; overflow:hidden;}
.img_case_studies ul#after_before li#before a{margin:0; padding:0; background:url(../images/casestudies-before-btn.png) 0 0 no-repeat; display:block; width:163px; height:73px;}
.img_case_studies ul#after_before li#before a:hover{margin:0; padding:0; background:url(../images/casestudies-before-btn.png) -165px 0 no-repeat; display:block; width:163px; height:73px;}

.img_case_studies ul#after_before li#after{margin:0; padding:0; display:block; width:163px; height:73px; text-indent:-99999px; position:absolute; left:270px; top:155px; overflow:hidden;}
.img_case_studies ul#after_before li#after a{margin:0; padding:0; background:url(../images/casestudies-after-btn.png) 0 0 no-repeat; display:block; width:163px; height:73px;}
.img_case_studies ul#after_before li#after a:hover{margin:0; padding:0; background:url(../images/casestudies-after-btn.png) -165px 0 no-repeat; display:block; width:163px; height:73px;}


.img_case_studies2 ul#after_before2{margin:0; padding:0;}
.img_case_studies2 ul#after_before2 li#before2{margin:0; padding:0; display:block; width:85px; height:84px; text-indent:-99999px; position:absolute; left:360px; top:0; overflow:hidden;}
.img_case_studies2 ul#after_before2 li#before2 a{margin:0; padding:0; background:url(../images/before-btn3.png) 0 0 no-repeat; display:block; width:85px; height:84px;}
.img_case_studies2 ul#after_before2 li#before2 a:hover{margin:0; padding:0; background:url(../images/before-btn3.png) -91px 0 no-repeat; display:block; width:85px; height:84px;}

.img_case_studies2 ul#after_before2 li#after2{margin:0; padding:0; display:block; width:96px; height:80px; text-indent:-99999px; position:absolute; left:333px; top:77px; overflow:hidden;}
.img_case_studies2 ul#after_before2 li#after2 a{margin:0; padding:0; background:url(../images/after-btn3.png) 0 0 no-repeat; display:block; width:96px; height:80px;}
.img_case_studies2 ul#after_before2 li#after2 a:hover{margin:0; padding:0; background:url(../images/after-btn3.png) -98px 0 no-repeat; display:block; width:96px; height:80px;}



/*GRAPHIC DESIGN PAGE*/

.graphic-design-box-wrapper{width:658px; float:left; position:relative;}
.GD_title{background:url(../images/brochure-img/gd-title.jpg) 0 0 no-repeat; width:654px; height:41px; float:left; margin:10px 0 0 0; padding:0;}
.GD_title h3{margin:0; padding:0 0 0 10px; font-size:18px; font-weight:normal; color:#0972a4; line-height:41px;}

.brochure_box1{	margin:10px 0 0 0;	padding:5px;	width:642px;	float:left;	border:#b8b8b8 solid 1px;}
.brochure_box1 ul{margin:0; padding:10px 0;}
.brochure_box1 ul li{margin:10px 0 0 10px; padding:0; float:left; display:block;}
.brochure_box{	margin:10px 0 0 0;	padding:5px;	width:642px;	float:left;	border:#b8b8b8 solid 1px;}
.front_bro{margin:0; padding:0; width:217px; float:left; font-size:16px; text-align:center; color:#0972a4; font-weight:bold;}
.back_bro{margin:0; padding:0; width:217px; float:right; font-size:16px; text-align:center; color:#0972a4; font-weight:bold;}
.main_box_wrapper{position:relative; width:658px; float:left; margin:0; padding:0;}
.main_box{float:left; left:0; top:20px; width:658px; height:980px; margin:0; padding:0; display:none;}

.up-down-revealer{margin:0; padding:2px 10px 0 0; width:648px; float:left; position:relative;}
.up{width:54px; height:15px; position:absolute; display:none; position:absolute; right:30px; top:1px; z-index:12000;} 
.down{width:54px; height:35px; float:right; display:block; text-indent:-999999px; position:relative;}

.down a#revealer_down {text-decoration:none; text-indent:-999999px; overflow:hidden; background:url(../images/brochure-img/up-down-arrow.jpg) 0 -20px no-repeat; display:none; width:54px; height:15px; position:absolute; right:0; top:0;}

.down a#revealer_up{text-decoration:none; text-indent:-999999px; overflow:hidden; background:url(../images/brochure-img/up-down-arrow.jpg) 0 0 no-repeat; display:block; width:54px; height:15px; right:0; top:0;}