@charset "utf-8";

/*-------------------------------------------------------------- CSS Document----------------------------------------------------*/


* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; background: #646464; font-family:"trebuchet MS", Verdana; font-size:12px; color:#444; text-align:justify; }

img{ border:none;}
/*------------------------alignment classes------------------------*/

	 
.float-left { float: left; }

.float-right { float: right; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.clear { clear:both; }

/*---------------------------------------------------------Layout total----------------------------------------------------------*/

/*#page-container1 { background:url(images/wrapper-bg.gif) repeat-y top left; position:relative; width:993px; min-height:auto; margin:0px auto; padding:0; }
*/

#page-container{ background:url(images/wrapper-bg.gif) repeat-y top left; width:993px; height:auto; margin:0px auto; padding:0px;}

#wrapper {position:relative; width:975px;height:auto; margin:0 auto; padding:0; display:block; }

/*----------------------------------------------------------Top header----------------------------------------*/	

  
 #top-header{ background: url(images/top-header-bg.gif) no-repeat left top; width:975px; height:112px; position:relative; margin:0; padding:0; float:left; clear:both; }


/*------------------------------logo--------------------------------*/

   
 #logo { background:none; position:relative;width:220px; height:97px; padding:0; margin:10px 20px 0px 0px; float:right; }
 
/*--------------------button menu------------------------------*/ 
#service-title{ width:627px; height:auto; float:left; margin:20px 20px 0px 10px; font-size:11px; color:#fff; padding:0px;}

#btn-menu{ background: url(images/menu-bg.gif) no-repeat top left; width:627px; height:30px; float:left; margin:30px 20px 0px 0; padding:0px;}


#btn-menu ul{ list-style:none; line-height:normal; margin:0px; padding:0px; float:left; width:500px; height:30px;}

#btn-menu ul li{ display:inline; margin:0; padding:0;}


#btn-menu a{ background:url(images/menu-link-bg.GIF) no-repeat left 12px;font-family:"trebuchet MS", Verdana; font-weight:bold; text-transform:uppercase; font-size:12px;
text-decoration:none; color:#fff; float:left; display:block; padding:7px 0px 0 10px; margin:0 3px 0 10px; text-align:center; width:auto; height:30px;}

#btn-menu a:hover{ background: url(images/menu-link-hover-bg.gif) no-repeat left 12px; color:#000;}
 



/*----------------------------------------------------------Banner----------------------------------------*/	

  
 #banner{ background:url(images/banner.jpg) no-repeat top left; width:975px; height:142px; margin:0; padding:0; float:left; clear:both; }
 
 
/*--------------------content------------------------------*/ 

#content { position:relative; background: #FFFFFF url(images/content-bg.gif) repeat-x top left;width:975px; min-height:800px; margin:0; padding:0; display:block; float:left; clear:both; }

#content-wrapper { position:relative; width:923px; min-height:400px; margin:5px 26px 0px 26px; padding:0 0 0 0; display:inline; float:left; }


/*--------------------content-left------------------------------*/ 


#content-height{ width:2px; background:none; height:940px; float:left;}
#content-left{position:relative; background: #323232; width:657px; height:auto; margin:0px; padding:0 0 30px 0; float:left; clear:both; color:#c5c1c1;}

#content-left .head { background:url(images/leftbox-header.gif) no-repeat left top; width:657px; height:24px;}

#content-left .pad { margin:0 40px;}
#content-left .pad-portfolio { margin:0 25px;}
#content-left p{padding:10px 0 0 0;}
#content-left .title{ font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;}
#title-heading h1{ font-size:14px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;}

/*--------------------content-left1------------------------------*/ 


#content-left1{position:relative; background: #919191 url(images/content-left-bg.gif) repeat-x top left; width:657px; height:1323px; margin:0; padding:0; float:left; color:#c5c1c1;}
#content-left1 .head { background:url(images/leftbox-header.gif) no-repeat left top; width:657px; height:24px;}

#content-left1 .pad { margin:0 40px;}
#content-left1 .pad-portfolio { margin:0 25px;}
#content-left1 p{padding:10px 0 0 0;}
#content-left1 .title{ font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;}



/*--------------------content-left2------------------------------*/ 


#content-left2{position:relative; background: #919191 url(images/content-left-bg.gif) repeat-x top left; width:657px; height:1223px; margin:0; padding:0; float:left; color:#c5c1c1;}
#content-left2 .head { background:url(images/leftbox-header.gif) no-repeat left top; width:657px; height:24px;}

#content-left2 .pad { margin:0 40px;}
#content-left2 .pad-portfolio { margin:0 25px;}
#content-left2 p{padding:10px 0 0 0;}
#content-left2 .title{ font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;}





/*--------------------discription------------------------------*/ 

#discription{float:left; clear:both; width:100%; height:auto; display:inline; margin:20px 0px 20px 0px; padding:0px;}
#discription .div1{float:left; width:260px; height:auto; margin:0 0px 0 0px;}
#discription .div2{float:right; width:260px; height:auto; margin:0 0px 0 0px;}
#discription h2{font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; padding:10px 0 0 0;}

/*--------------------needs------------------------------*/ 

#needs{ background:url(images/your_needs_bg.gif) no-repeat top left; width:564px; height:260px; margin:0px 0px 0px 0px; padding:0px; clear:both; color:#797777;}

#needs .head-box{width:564px; height:20px; margin:0px 0px 0px 0px; padding:10px 0 0 0; clear:both; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-align:center;}


#needs .leftbox{float:left; width:250px; height:auto; margin:0 0px 0 0px;}
#needs .rightbox{float:right; width:260px; height:auto; margin:0 0px 0 40px;}
#needs .leftbox p { text-align:right;}
#needs input { width:180px; border:1px solid #797777;}
#needs textarea { width:230px; height:60px; border:1px solid #797777;}
#needs .but{background:url(images/submit.gif) no-repeat top left; width:60px; height:20px; border:none; color:#fff; float:right; margin:0 30px 0 0}


/*--------------------content-right------------------------------*/ 


#content-right { position:relative; width:245px; min-height:auto; margin:0; padding:0; float:right; color:#c5c1c1; z-index:1;}

#service-top { position:relative; background: url(images/rightnav-box-top.gif) no-repeat top left; width:245px; height:29px; margin:0; padding:0; color:#c5c1c1;}



#service-mid {background: #fff; width:245px;margin:0; padding:0; color:#c5c1c1; float:right;}
#service-mid ul {
	padding:0px;
	margin:0px 0px 0px 30px;
	list-style:none;
	
}

#service-mid li {
	margin-bottom: 8px;
	background: url(images/list-items-bg.gif) no-repeat left bottom;
}


#service-mid a{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			font-size:11px;
			color:#999;
			padding:0 0 5px 0;
			}
			

#service-mid a:hover{
			text-decoration:none;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#575454;
			}
			
#service-mid .select{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-decoration:none;
			font-size:11px;
			color:#575454;
			padding:0 0 5px 0;
			}				







#service-bottom { position:relative; background: url(images/rightnav-box-bottom.gif) no-repeat top left; width:245px; height:25px; margin:0 0 10px 0; padding:0; color:#c5c1c1; clear:both;}



#service-bottomw { position:relative; background: url(images/rightnav-box-bottom-white1.gif) no-repeat top left; width:245px; height:25px; margin:0 0 10px 0; padding:0; color:#c5c1c1; clear:both;}





#webnews-top { position:relative; background: url(images/rightnav-box-top.gif) no-repeat top left; width:245px; height:29px; margin:0; padding:0; color:#c5c1c1; z-index:-1;}

#webnews-mid {background: #363636; width:245px;margin:0; padding:0; color:#c5c1c1; float:right; min-height:150px;}
#webnews-mid a{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;font-size:11px;color:#fff;
			padding:0;font-weight:bold;}
#webnews-mid a:hover{text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}



#webnews-bottom { position:relative; background: url(images/rightnav-box-bottom.gif) no-repeat top left; width:245px; height:25px; margin:0 0 10px 0; padding:0; color:#c5c1c1; clear:both;}

/*articles & news headlines start*/

#headlines-top { position:relative; background:url(images/happenings-top.gif) no-repeat left top; width:245px; height:24px; margin:0; padding:0; color:#c5c1c1;}

#headlines-mid { position:relative; background: #fff; width:243px; min-height:150px; margin:0; padding:0; color:#666;
 border-left:1px solid #e2e1e1; border-right:1px solid #e2e1e1;}

#headlines-mid ul{list-style-type: none;	padding:0 0 20px 0;	width: 200px; margin:0 auto; position: relative; background:none;}
#headlines-mid li{position: relative;  margin:6px 0 0px 0; height:auto;	background: url(images/list-items-bg.gif) no-repeat left bottom;  }
#headlines-mid li a{display: block; width: 175px; text-decoration: none;	height:auto; padding: 5px 0px 5px 17px;	border: none;
				background: url(images/arrow-new.gif) no-repeat 4px 9px;	color:#000000;}
#headlines-mid li a:hover{background: url(images/arrow-new-over.gif) no-repeat 4px 9px; color:#990000;}




#headlines-bottom { position:relative; background: url(images/happenings-bottom.gif) no-repeat top left; width:245px; height:31px; margin:0 0 5px 0; padding:0; color:#c5c1c1; clear:both;}

#headlines-heading { position:relative; background: url(images/articles-heading-bg.gif) no-repeat top left; width:245px; height:36px; margin:0px; padding:8px 0 0 0; color:#fff; font-size:13px; font-weight:bold;}


.contact-btn{ background:url(images/contact-btn.gif) no-repeat top left; height:29px; width:71px; font-weight:bold; border:none;}
.pagenation{ color:#000; text-decoration:none;}
.prev-next-page{ color:#9A1F01; text-decoration:none;}

/*articles & news headlines end*/




			
#content-right .title{ font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; z-index:-1;}					



#happnings-top { position:relative; background:url(images/happenings-top.gif) no-repeat left top; width:245px; height:24px; margin:0; padding:0; color:#c5c1c1;}

#happnings-mid { position:relative; background: #fff; width:243px; min-height:150px; margin:0; padding:0; color:#666;
 border-left:1px solid #e2e1e1; border-right:1px solid #e2e1e1;}

#happnings-mid .happnings-titles { font-size:12px; color:#9A1F01; font-weight:bold; text-decoration:none;}
#happnings-bottom  .all-happenings{ font-size:12px; font-weight:bold; color:#666; text-decoration:none;}

#happnings-bottom { position:relative; background: url(images/happenings-bottom.gif) no-repeat top left; width:245px; height:31px; margin:0 0 5px 0; padding:0; color:#c5c1c1; clear:both;}

#happnings-heading { position:relative; background: url(images/articles-heading-bg.gif) no-repeat top left; width:245px; height:36px; margin:0px; padding:8px 0 0 0; color:#fff; font-size:13px; font-weight:bold;}
#portfolio {background: url(images/portfolio.gif) no-repeat left top; width:922px; height:220px;  float:left; clear:both; margin:5px 0 0px 0; position:relative; top:-20px;}

#fotter{ height:auto; width:975px; clear:both;  margin:0px 0px 0px 0px;}
#fotter .links{background:#000; height:26px; width:975px; text-align:center; padding:7px 0 0 0;}
#fotter a{ color:#FFFFFF; text-decoration:none; font-size:11px;}
#fotter a:hover{ color:#FFFFFF; text-decoration:underline;}
#fotter .contacts{background:#363636; height:26px; width:975px; text-align:center; color:#adacac;  padding:7px 0 0 0;}

#fotter .company{background:#2b2b2b; height:210px; width:975px; text-align:center; color:#adacac;  padding:7px 0 0 0;}
#fotter .wrapper{background:#2b2b2b; height:200px; width:800px; text-align:center; color:#adacac;  padding:7px 0 0 0; margin:0 50px 0 100px;}

#fotter .col1{ height:200px; width:170px; float:left; text-align:left; color:#fff;  padding:0px; margin:10px 0 0 0px;}
#fotter .col2{ height:200px; width:180px; float:left; text-align:left; color:#fff;  padding:0px; margin:10px 0 0 30px;}

#request-quote{
position:relative;
background:url(images/requst.png) no-repeat;
width:245px;
height:54px;
float:left;
display:block;
margin:0px 0px 10px 8px;
padding:0px 0px 0px 0px;
clear:both;}


#quote-img{
position:relative;
width:123px;
height:17px;
margin:20px 0px 0px 55px;
float:left;
}

#requestnew{
		 width:245px;
		 clear:both;
		 height:54px;
		 margin:0 0 10px 0;
		 }
		 
#leftcolumn{ background:#FFFFFF; padding:0px; margin:0px; width:245px; height:auto; clear:both;}

#leftcolumn .head{ background:url(images/happenings-heading-bg.gif) no-repeat top left; height:36px; width:245px; font-weight:bold; color:#FFFFFF; padding:0px 0 0 0PX;}  



/*--------------------portfolio page------------------------------*/ 

#logo-flash{
		margin:10px 0px 10px 0px;
		z-index:-100;
			}


#templates-flash{
		margin:10px 0px 10px 0px;
		z-index:-1;
			}
			

#sites-flash{
		margin:10px 0px 10px 0px;
		z-index:-1;
			}