@charset "UTF-8";


#header {
	clear: both;
	padding: 0px 0 0 0;
}









#header-slider-container {
	height: 296px;
	width: 1900px;
}

#header_default {
	height: 296px;
	width: 950px;
	float: left;
	position: relative;
}



#header #quote_tab {
	position:absolute;
	/*right:-29px;
	top:75px;*/
}












#quote_form #family {
	background:url(images/jointhefamily.png) no-repeat;
	height:43px;
	left:90px;
	position:relative;
	top:20px;
	width:241px;
	text-indent: -9999px;
	display:block;
	
}
/*
#quote_form p { margin-left: 55px; text-align: center; margin-top: 75px; font-family: "Trebuchet MS"; font-size: 2.5em; color: #fff; }*/




#quote_form div#quick_quote_container {
	padding: 20px 0px 0px 90px;
	text-align:left;
	width:950px;
}

#quote_form .row {
	clear: both;
	padding: 8px 0px 0px 0px;
}

#quote_form .col_left { margin-left: 10px; }

#quote_form input[type="text"], #quote_form select, #quote_form .text {
	font-family: "Trebuchet MS";
	font-size: 13px;
}

#quote_form select {
	width: 370px;
	height: 30px;
	padding: 4px 0 0 6px;
}

#quote_form input[type="text"], #quote_form .text {
	width: 360px;
	height: 20px;
	padding: 5px 0 0 5px;
}

#quote_form textarea {
	width: 738px;
	margin-right: 7px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	padding: 5px;
	height: 45px;
}

#quote_form input[type="submit"] {
	height: 33px;
	width: 92px;
	margin: 4px 8px 0px 0px;
	border: 0px none;
	background: url(images/sendbtn.png) no-repeat;
	cursor:pointer;
	
}

#quote_form .error { border: 3px solid #ff0000; }




/*ADDED BY SANTANU FOR WEBHOSTING TAB SLIDER*/

#content {
	font-family: Tahoma;
	font-size: 14px;
	color: #fff;
	text-align: left;
	width: 664px;
	position: relative;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	/*border:2px solid #FFFFFF; ///////*/
}





#infobox-container {
	/*background: #0e0e0e;*/
	width: 664px;
	position: relative;
	float:left;
	/*border:2px solid #FFFFFF; ///////*/
}

#infobox {
	width: 664px;
	position: relative;
	overflow: hidden;
	height: auto;
	z-index: 1;
	
}

#infobox-container ul {
	list-style-type: none;
	height: 49px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#infobox-container li {
	float: left;
	height: 49px;
	text-align:left;
	/*border:2px solid #FFFFFF; ///////*/
}

#infobox-container li a {
	padding: 0px 0px 0px 0px;
	
	display: block;
	border-bottom: 1px solid #2d2c2c;
	float:left;
	text-align:left;
}

#infobox-container li a.selected { border: 0px none; }


#infobox-container ul li.spacer {
display:block;
width:4px;
height:10px;
}
/* WHO WE ARE */

#infobox-container li.fast {
	border-right: 1px solid #2d2c2c;
	width: 123px;
}

#infobox-container li.fast a {
	background: url(images/infotab/fast-tab.png);
	width: 123px;
}

#infobox-container li.fast a.selected, #infobox-container li.fast a:hover { background: url(images/infotab/fast-tab.png); } /* for Hover effect*/

/* WHAT WE DO */

#infobox-container li.reliable {
	border-right: 1px solid #2d2c2c;
	width: 158px;
}

#infobox-container li.reliable a {
	background: url(images/infotab/reliable-tab.png);
	width: 158px;
}

#infobox-container li.reliable a.selected, #infobox-container li.reliable a:hover { background: url(images/infotab/reliable-tab.png); }

/* WHY CHOOSE */

#infobox-container li.secure { width: 140px; }

#infobox-container li.secure a {
	background: url(images/infotab/secure-tab.png);
	width: 140px;
}

#infobox-container li.secure a.selected, #infobox-container li.secure a:hover { background: url(images/infotab/secure-tab.png); }


/* LOCAL TAB */

#infobox-container li.local { width: 122px; }

#infobox-container li.local a {
	background: url(images/infotab/local-tab.png);
	width: 122px;
}

#infobox-container li.local a.selected, #infobox-container li.local a:hover { background: url(images/infotab/local-tab.png); }

#infobox #slide {
	clear: both;
	overflow: hidden;
	position: relative;
}

#infobox #slide .slide_container { width: 2766px; }

#infobox #slide #fast {
	width: 664px;
	float: left;
	padding-left: 0px;
}

#infobox #slide #reliable {
	width: 664px;
	float: left;
}

#infobox #slide #secure {
	width: 664px;
	float: left;
}

#infobox #slide #local {
	width: 664px;
	float: left;
}


#slide img {
	/*margin: 5px 15px 5px 0px;
	float: left;*/
}

#slide p {
	line-height: 18px;
	color: #c9c9c9;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-top: 10px;
}


/* CLASSES */

a { outline: 0 none; }

a img { border: 0 none; }

div.hr {
	background: url(images/home/hr_bg.jpg) no-repeat 50% 0;
	height: 0px;
	margin: 0px 0px 0px 0px;
}

div.hr hr { display: none; }

.pointer { cursor: pointer; }

.clear {
	clear: both;
	height: 1px;
}










/* PORTFOLIO SLIDERS */

#webportfolio_slider {
	width: 750px;
	overflow: hidden;
	position: relative;
	padding: 10px 0px 10px 0;
	clear: both;
	/*height: 627px;*/
}

#webportfolio_slider .slide_container { width: 10000px; }

#webportfolio_slider .slide {
width:890px; padding:0 10px 20px;
	
	float: left;
	position: relative;
}

#logoportfolio_slider {
	width: 911px;
	overflow: hidden;
	position: relative;
	padding: 10px 0px 10px 0;
	clear: both;
	height: 627px;
}

#logoportfolio_slider .slide_container { width: 3668px; }

#logoportfolio_slider .slide {
	width: 870px;
	float: left;
	position: relative;
	padding: 0px 20px 20px 20px;
}

#flashportfolio_slider {
	width: 911px;
	overflow: hidden;
	position: relative;
	padding: 10px 0px 10px 0;
	clear: both;
	height: 627px;
}

.slide_container { width: 3668px; }

.slide {
	width: 890px;
	float: left;
	position: relative;
	padding: 0px 20px 20px 20px;
}

/*#portfolio.web #content h1.title { background: url(images/portfolio/web_title.jpg) no-repeat 0 0; margin-left: 20px; }

#portfolio.logo #content h1.title { background: url(images/portfolio/logo_title.jpg) no-repeat 0 0; margin-left: 20px; }*/

#portfolio.flash #content h1.title { background: url(images/portfolio/flash_title.jpg) no-repeat 0 0; margin-left: 20px; }

.portfolio_item { 
	width: 340px;
	padding: 0px;
	float: left;
	margin:5px;
}

.portfolio_item:hover, .portfolio_item.hover {background-image:url(images/portfoliobg-on.png); background-repeat:no-repeat; cursor: pointer; }

.portfolio_item.col_left { margin-left: 0px; }

.portfolio_item.col_right { margin-right: 0px; }

.portfolio_item.first { margin-top: 0px; }

.portfolio_item img {
	border: 1px solid #000;
}

.portfolio_item p {
	text-align: center;
	margin: 5px 0px 0 0 !important;
}

.portfolio_item p a {
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 20px;
	text-decoration: none;
}

.portfolio_item p a:hover {
	text-decoration: underline;
}

#portfolio #button_container { text-align: center; margin: 10px 0px 0px 0px; padding:0px; height:43px; display:block; }

#buttons a.first { margin-left: 0px; }

#buttons a.link 
{
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14px;
	
	color:#FFD800;
	padding:10px;
	position:relative;
	text-decoration:none;
	top:11px;
	margin-left: 4px;
}

#buttons a.selected { border: 1px solid #fff; background:#2D2D2D none repeat scroll 0 0;}

#buttons a.link:hover { 
	
	background:#2D2D2D none repeat scroll 0 0;
	text-decoration: underline; 
}

#buttons img { margin: 0px 10px; }

	/* SINGLE PORTFOLIO */
	
	#portfolio.single #right {
		margin-right: 40px; width: 254px;
		}
		
	#portfolio.single #right #portfolio_description {
		width: 254px;
	}
	
	#portfolio.single #right #box_top { background: url(images/portfolio/box_top.jpg); height: 5px; font-size: 2px; width: 254px; }
	
	#portfolio.single #right #box_content { padding: 5px 10px 10px; background: #2d2d2d; width: 234px; }
	
	#portfolio.single #right #box_content h1 { margin-top: 0px; }
	
	#portfolio.single #right #box_content p span { color: #9dc955; font-weight: bold; }
	
	#portfolio.single #right #box_content p { margin-top: 5px; }
	
	#portfolio.single #right #box_content a { color: #fff; }
	
	#portfolio.single #right #box_bottom { background: url(images/portfolio/box_bottom.jpg); height: 5px; font-size: 2px; width: 254px; }

	#portfolio.single #buttons { padding: 10px 50px 0px 50px; text-align: center; }
	
	#portfolio.single #buttons img { margin: 0px; }
	
	#buttons a.prev { float: left; }
	
	#buttons a.next { float: right; height:43px; position:relative; top:-20px}
	
	/* END SINGLE PORTFOLIO */

/* END PORTFOLIO SLIDER */