/* CSS Document */



body{

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	line-height:22px;

	text-decoration:none;

	padding:0px;

	margin:0px;

	font-size:12px;

	}

	

td{

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	line-height:20px;	text-decoration:none;

	padding:0px;

	margin:0px;

	font-size:12px;

	}



p{

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	line-height:20px;

	text-decoration:none;

	padding:0px;

	font-size:12px;

	margin:0px;

	}

	

li,ul,ol{

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	line-height:20px;

	text-decoration:none;

	padding:0px;

	font-size:12px;

	list-style:none;

	margin:0px;

	}			



form{

	margin:0px;

	}	

	

.left{

	float:left;

	}

	

.right{

	float:right;

	}

	

img{

border:none;

}	



.red-links{

	color:#333333;

	text-decoration:none;

	font-size:12px;

	}

	

.red-links:hover{

	color:#ff0000;

	text-decoration:underline;

	font-size:12px;

	}	

	

.contact-us{

	width:400px;

	float:left;

	}	

	

.contact-us1{

	width:300px;

	float:left;

	}		

/*------------- Main Container Start Here -------------*/			

#main-container{

	width:100%;

	margin: 0 auto;

	}



#header-container{

	width:100%;

	margin:0 auto;

	}

	

#header-container1{

	width:100%;

	margin:0 auto;

	}	



.top-hdr-bg{

	margin:0 auto;

    background:url(../images/tp-hdr-bg.gif) #d3161c no-repeat center;

	height:118px;

	width:100%;

	}	

	

.header-container{

	margin:0 auto;

	width:970px;

	}

	

.top-header{

	margin:0 auto;

	width:970px;

	}	





.logo{

	width:256px;

	background:url(../images/top-dotted-brdr.gif) no-repeat right;

	height:58px;

	float:left;

	text-align:left;

	padding:4px 15px 0 20px;

	margin:15px 0 0 0px;

	}

			

	

.logo-container{

	width:90%;

	float:left;

	}

	

	

.lft-tp-img{

	width:9%;

	float:left;

	}		

	

.slogan{

	width:220px;

	text-align:right;

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

	color:#FFFFFF;

	float:left;

	margin-top:40px;

	}

	

.top-links{

	color:#ffffff;

	text-decoration:none;

	width:378px;

	float:left;

	text-align:right;

	padding-top:6px;

	font-size:11px;

	}

	

.top-links a{

	color:#ffffff;

	text-decoration:none;

	font-weight:bold;

	font-size:11px;



	}

	

.top-links a:hover{

	color:#ffffff;

	text-decoration:underline;

	}				

	

.top-nav-bg{

	width:100%;

	float:left;

	background:url(../images/tp-nav-bg.gif) repeat-x left top;

	height:47px;

	padding-bottom:15px;

	}

	

.top-nav-bg1{

	width:985px;

	height:47px;

	margin:0 auto;

		}

		

.nav-bg{

	width:817px;

	height:47px;

	float:left;

	background:url(../images/nav-bg.gif) repeat-x left top;

		}		

	

.glossymenu {
	padding-left:6px;
	float:left;
	width:817px;
	height:42px;
	margin: 5px 0 0 0;
}	
	
.glossymenu ul{
	margin: 0 auto;
	list-style: none;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	height:42px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	float:left;
}

.glossymenu li{
	float:left;
	padding: 0 2px 0 0px;
	background:url(../images/dvd.gif) no-repeat right top;
}

.glossymenu li a{
	float: left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	display: block;
	color:#000;
	text-decoration: none;
	height:42px;
	font-size: 15px;
	font-weight: bold;
	padding:0px 0px 0px 6px; /*Padding to accomodate left tab image. Do not change*/
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	height:47px;
	display: block;
	line-height:42px;
	padding: 0 27px 0 22px; /*Padding of menu items*/
}
.glossymenu li.current a{
	color: #000;
	height:42px;
	background: url(../images/left-menu.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li a:hover{
	color: #000;
	height:42px;
	background: url(../images/left-menu2.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b{
	color: #000;
	height:42px;
	background: url(../images/right-menu.gif)  repeat-x right top; /*right tab image path*/
}

.glossymenu li a:hover b{
	color:#db0b02;
	height:42px;
	background: url(../images/right-menu2.gif)  repeat-x right top; /*right tab image path*/
}

.glossymenu li.current1 a{
	color:#db0b02;
	background: url(../images/left-menu2.gif) no-repeat; /*left tab image path*/
	height:42px;
	background-position: left;
}

.glossymenu li.current1 a b{
	color: #db0b02;
	height:42px;
	background: url(../images/right-menu2.gif) no-repeat right top; /*right tab image path*/
}


/*------------- Main Container End Here -------------*/	



/*------------- Body Start Here Here -------------*/	



.body-container-bg{

	width:100%;

	margin:0 auto;

	}



.body-container{

	width:970px;

	margin:0 auto;

	padding:0px 0 10px 0;

	}



#lft-container{

	width:728px;

	float:left;	

	padding-right:10px;

	}

	

.content-container{

	width:710px;

	float:left;	

	padding:10px 10px 0 8px;

	}

	

.url-links{

	color:#000000;

	font-size:12px;

	text-decoration:none;

	}

	

.url-links:hover{

	color:#ff0000;

	font-size:12px;

	text-decoration:none;

	}

	

.contact-bx{

	width:300px;

	background-color:#f6f7f9;

	border:1px solid #d5d4d4;

	float:left;	

	padding:10px 10px 0 10px;

	margin-top:15px;

	}				

	

.contact-input-container{

	width:300px;

	float:left;

	margin-bottom:4px;

	}

	

.contact-input{

	width:220px;

	float:left;

	border:1px solid #dcdcdc;

	padding:2px 0 0 0;

	color:#0b0b0c;

	font-size:11px;	

	}

	

.contact-message{

	width:220px;

	float:left;

	border:1px solid #dcdcdc;

	padding:2px 0 0 0;

	color:#0b0b0c;

	height:100px;

	font-size:11px;	

	}					



/*------------- Portfolio start Here -------------*/



.portfolio-container{

	width:950px;

	float:left;

	height:200px;

	background:url(../images/port-btm-brdr.gif) repeat-x left bottom;

	background-color:#fcfbfb;

	padding:12px;

	}

	

.portfolio-container:hover{

	width:950px;

	float:left;

	height:200px;

	background:url(../images/port-btm-brdr.gif) repeat-x left bottom;

	background-color:#f6f6f6;

	}	

	

.portfolio-container:hover img{

	border:6px solid #b4b0af;

	}		

	

.port-img-container{

	width:625px;

	float:left;

	height:200px;

	padding: 3px 0 0 0px;

	text-align:center;

	}

	

.port-img-container img{

	border:6px solid #e0dedf;

	}

	

.port-img-container:hover img{

	border:6px solid #b4b0af;

	}			

	

.port-info-container{

	width:290px;

	height:190px;

	padding:10px 10px 0 20px;

	background:url(../images/port-lft-brd.gif) repeat-y left top;

	float:left;

	}		



.portfolio-heading{

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;

	 color:#333333;

	 font-weight:bold;

	 font-size:17px;

	 }

	 

.view-site{

	font-family:Arial, Helvetica, sans-serif;

	 color:#ff0000;

	 text-decoration:none;

	 font-size:12px;

	 }

	 

.view-site:hover{

	font-family:Arial, Helvetica, sans-serif;

	 color:#ff0000;

	 font-size:12px;

	 text-decoration:underline;

	 }   







/*------------- Portfolio End Here -------------*/	





/*------------- Body Start End Here -------------*/	

#right-container{

	width:232px;

	float:left;	

	}



.right-container{

	width:232px;

	float:left;	

	}

	

.right-bx-top{

	width:208px;

	float:left;

	height:31px;

	color:#ffffff;

	font-weight:bold;

	padding:5px 0 0 0;	

	font-size:15px;

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;

	background:url(../images/lft-hdg-bg.gif) repeat-x left top;

	}

	

.right-bx-btm{

	width:208px;

	float:left;

	height:8px;

	background:url(../images/lft-bx-btm-bg.gif) repeat-x left top;

	}



.right-content-bx{

	width:209px;

	background-color:#f6f7f9;

	border-left:1px solid #d5d4d4;

	border-right:1px solid #d5d4d4;

	float:left;	

	padding:10px 10px 0 10px;

	}

		

.input-container{

	width:210px;

	float:left;

	margin-bottom:4px;

	}	



.input-txt{

	color:#0b0b0c;

	font-size:12px;

	float:left;

	text-align:right;

	width:60px;

	padding-right:5px;

	}	

	

.input{

	width:140px;

	float:left;

	border:1px solid #dcdcdc;

	padding:2px 0 0 0;

	color:#0b0b0c;

	font-size:11px;	

	}

	

.message{

	width:140px;

	float:left;

	border:1px solid #dcdcdc;

	padding:2px 0 0 0;

	color:#0b0b0c;

	height:100px;

	font-size:11px;	

	}	



.send-btn{

	width:128px;

	float:left;

	text-align:right;

	}

			

.heading{

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;	

	color:#cf2027;

	font-size:20px;

	height:28px;

	padding-top:8px;

	}

	

.heading-small{

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;	

	color:#666666;

	font-size:15px;

	font-weight:bold;

	height:28px;

	}

	

.heading-btm{

	background:url(../images/heading-btm.gif) no-repeat left bottom;

	height:1px;

	width:510px;

	}	



.error{

	font-size:11px;

	color:#FF0000;

	}



/*------------- footer Container Start Here -------------*/	



#footer-bg{

	width:100%;

	background:url(../images/footer.gif) #000 repeat-x left top;

	overflow:hidden;

	float:left;

	margin-top:20px;

	}

	

#footer-link-container{

	width:970px;

	margin:0 auto;

	overflow:hidden;

	}

	

.footer-link-bx{

	width:210px;

	float:left;

	}

	

.footer-link-bx1{

	width:100px;

	float:left;

	padding-left:20px;

	}	

	

.footer-heading{

	color:#f2f2f2;

	font-size:15px;

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;

	height:40px;

	font-weight:bold;

	padding:10px 0 0 0px;

	text-align:;

	}			

	

	

.footer-link{

	float:left;

	margin:0px 0 15px 0;

	}

	

.footer-link ul{ 

	float:left;

	margin:0px;

	padding:0px;

	}

	

.footer-link ul li{ 

	font-size:12px;

	text-decoration:none;

	color:#b7b6b6;

	line-height:24px;

	list-style:none;

	padding:0px 0 0 15px;

	background:url(../images/footer-arrow.gif) no-repeat left;

	}

	

.footer-link ul li a{ 

	font-size:12px;

	text-decoration:none;

	color:#b7b6b6;

	list-style:none;

	}

	

.footer-link ul li a:hover{ 

	text-decoration:underline;

	color:#ffffff;

	}	

	

.copy{

	width:600px;

	font-size:11px;

	color:#c3c1c1;

	padding: 8px 0 0 0;

	float:left;

	text-align:right;

	text-decoration:none;

	}

	

#copy-right-bg{

	width:100%;

	margin:0 auto;

	height:40px;

	background-color:#2c2e31;

	}

	

.copy-right-container{

	width:970px;

	margin:0 auto;

	height:40px;

	}		



.designed{

	width:300px;

	font-size:11px;

	padding: 8px 0 0 0;

	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	float:left;

	text-align:right;

	text-decoration:none;

	}



.design{

	font-size:11px;

	color:#c3c1c1;

	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	float:right;

	text-align:right;

	text-decoration:none;

	}

	

.design:hover{

	font-size:11px;

	color:#FFFFFF;

	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	text-decoration:underline;

	}		

					

/*------------- footer Container End Here -------------*/	

/* slider Css starts  */



.our-services{

	color:#ffffff;

	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	width:300px;

	padding:18px 0 0 20px;

	font-size:22px;

	}



.stepcarousel{

	position: relative; /*leave this value alone*/

	overflow: scroll; /*leave this value alone*/

	width: 704px; /*Width of Carousel Viewer itself*/

	height: 250px; /*Height should enough to fit largest content's height*/

	margin:10px 0px 0 0px;

	float:left;

}



.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

}



.stepcarousel .panel{

	float: left; 

	overflow: hidden; 

	margin: 0px 50px 0 30px; 

	width: 650px; 

}





.case-studies{

	color:#FFFFFF;

	float:left;

	font-size:15px;

	font-weight:bold;

	}

	

.slider-bg {

	background:url(../images/design-images/slider-bg.gif) top center no-repeat;

	width:717px;

	height:304px;

	padding-left:11px;

	float:left;

	}

	

.slider-container {

	width:580px;

	height:394px;

	float:left;

	padding: 0 0 0 10px;

	}

	

.slide-img {

	width:313px;

	float:left;

	height:268px;

	}

	

.slide-small-txt  {

	color:#FFF;

	line-height:20px;

	font-size:12px;

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;

	}

	

	

.slide-txt  {

	width:300px;

	color:#FFF;

	font-size:32px;

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;

	float:left;

	padding:40px 0 0 20px; 

	}

	

.view-more  {

	color:#a0dc37;

	line-height:20px;

	font-size:12px;

	text-decoration:none;

	font-family: Arial, Helvetica, sans-serif;

	}



.view-more:hover  {

	color:#a0dc37;

	text-decoration:underline;

	line-height:20px;

	font-size:12px;

	font-family: Arial, Helvetica, sans-serif;

	}		

	



.r {

	border:1px solid red;

	}





/* slider Css starts  */	









.box {

	width:500px;

	height:300px;

	}

	

.box img{

	width:500px;

	height:300px;

	border:4px solid red;

	}

	

.box img:hover{

	width:500px;

	height:300px;

	border:4px solid red;

	}	

	

.boxLhover {

	width:500px;

	height:300px;

	background:#ccc;

	}