@charset "utf-8";
/* CSS Document */
a { outline:0; }
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
	color: #666666;
	text-shadow:0 2px 0 #ffffff;
}
h2 {
	font-size: 20px;
	color: #333333;
	text-shadow:0 2px 0 #ffffff;
	margin:0; margin-bottom:.5em;
	font-weight:lighter;
}
a:link {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
			}
a:hover {
	text-decoration: underline;
}
#menu a {
		float:left;
		display:block;
		width:102px;
		height:17px;
		padding:12px 0 15px 0px;
		font: bold 12px/1 Arial;
		text-align:center;
		color:#CCCCCC;
		background: url("../images/menu_normal.png") 0 0 no-repeat;
		text-decoration: none;
		}
	#menu a:hover {	
		float:left;
		background-position: -102px 0;
		color: #FF6600;
		}
	#menu a:active {
		float:left;
		background-position: -204px 0;
		color:white;
		}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	background:url(../images/bg_new.jpg) no-repeat top #000000;
	
}
.container {
	width: 1000px;
	height:auto;
	padding:0;
	margin:0 auto;
}
.top {
margin: 0px;
width: 1000px;
height: 66px;
float: left;
}
.logo_holder {
margin: 0px;
width: 365px;
height: 66px;
float: left;
}
.menu_holder {
margin: 0;
width: 622px;
height: 52px;
float: left;
padding: 13px 0px 0px 10px;
}
.flash_holder {
margin: 0px;
width: 1000px;
height: 337px;
float: left;
}
.content_holder {
margin: 0px;
width: 950px;
float: left;
padding:25px 25px 0 25px;
background-color:#eeeeee;
}
.partition_holder {
margin: 0px;
width: 950px;
height:auto;
float: left;
padding: 0px 0px 0px 0px;
}
.partition1 {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 15px 0px 0px;
}
.partition2 {
margin: 0px;
width: 298px;
height: auto;
float: left;
padding: 0px 16px 0px 16px;
}
.partition3 {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 0px 0px 15px;
}
.about_us {
margin: 0px;
width: 289px;
height: 25px;
float: left;
padding: 4px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:lighter;


}
.picture_holder {
margin: 0px;
width: 65px;
height: auto;
float: left;
padding: 10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:left;
}
.partition_content {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align: justify;
text-shadow:0 2px 0 #ffffff;
}
.more {
margin: 0px;
width: 295px;
height: 30px;
float: left;
padding: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:right;
}
.clientele {
margin: 0px;
width: 289px;
height: 25px;
float: left;
padding: 4px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:lighter;


}
.announcements {
margin: 0px;
width: 289px;
height: 25px;
float: left;
padding: 4px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:lighter;


}
.recent_projects{
margin: 0px;
width: 950px;
float: left;
padding: 10px 0px 10px 0px;
font-family: Impact;
font-size: 18px;
color: #429eb2;
display:inline;
}

.web_development_seo{
margin: 0px;
width: 621px;
display:inline;
float: left;
padding: 0px 34px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:justify;
}
.packages{
margin: 0px;
width: 295px;
display:inline;
float: left;
padding: 0px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:160%;
text-align:justify;
}
.jquery_holder{
margin: 0px;
width: 950px;
height: 158px;
float: left;
padding: 0px 0px 0px 0px;
}
.footer{
margin: 0px;
width: 100%;
height: auto;
float: left;
padding: 0px 0px 0px 0px;
background-color:#403f3f;

}
.footer1{
margin: 0 auto;
width: 950px;
height:auto;
padding: 15px 0px 0px 0px;

}
.footer2{
margin: 0px;
width: 100%;
height: 50px;
float:left;
padding: 0px 0px 0px 0px;
background-color:#333333;
}
.copyright{
margin: 0 auto;
width: 800px;
height: 32px;
float: left;
padding: 18px 0px 0px 0px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}
.badges{
margin: 0 auto;
width: 200px;
height: 50px;
float: left;
padding: 0px 0px 0px 0px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}
.partition_footer_holder {
margin: 0px;
width: 950px;
height: auto;
float: left;
padding:0px 0px 15px 0px;
}
.partition1_footer {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 15px 0px 0px;
}
.partition2_footer {
margin: 0px;
width: 298px;
height:auto;
float: left;
padding: 0px 16px 0px 16px;
}
.partition3_footer {
margin: 0px;
width: 295px;
height: auto;
float: left;
padding: 0px 0px 0px 15px;
}
.partition_content_footer {
margin: 0px;
width: 294px;
height: auto;
float: left;
padding: 4px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:160%;
text-align:left;
}
.software_development {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#fb8f09;
border: 3px solid #df7c02;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.web_development {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#1f603e;
border: 3px solid #005026;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}
.seo {
margin: 0px;
width: 274px;
height: 25px;
float: left;
padding: 4px 0px 0px 15px;
background-color:#2A85D4;
border: 3px solid #2076BA;
font-family: Impact;
font-size: 18px;
color: #FFFFFF;
}

.contenttitle_orange_holder{
margin: 0px;
width: 950px;
float: left;
padding: 0px 0px 0px 0px;
}
.contenttitle_orange {
margin: 0px;
width: 615px;
height: 25px;
float: left;
padding: 4px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-shadow: 0 2px 0 #ffffff;
color: #000000;
}
.contenttitle_green {
margin: 0px;
width: 295px;
height: 25px;
float: right;
padding: 4px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
text-shadow: 0 2px 0 #ffffff;
}
.content_area {
margin: 0px;
width: 620px;
float: left;
padding: 15px 0px 15px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
text-align:justify;
text-shadow: 0 2px 0 #ffffff;
}
.quote_area {
margin: 0px;
width: 295px;
float: left;
padding: 15px 0px 15px 35px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
text-align:justify;
}
.form_holder {
background-color:#f3f4f6;
padding:15px 0px 20px 0px;
border-color:#999;
border-style:solid;
border-width:1px;
}
.cssform p{
width: 100px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 15px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 260px;
background:url(../images/inputbg.jpg);
background-repeat:repeat-x;
font-size:12px;
color:#666666;
border: 1px solid  #bbbbbb;
}

.cssform textarea{
width: 260px;
height: 121px;
background:url(../images/inputbgbig.jpg);
background-repeat:repeat-x;
font-size:12px;
color:#666666;
border: 1px solid  #bbbbbb;
}

.submit_button {
margin-left:90px;
padding-top:10px;
}
input.btn {
  color:#050;
  font: bold 90% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fed;
  border:1px solid;
  border-color: #696 #363 #363 #696;
}

.chat_area {
margin: 0px;
width: 300px;
float: right;
background-color:#eeeeee;
padding: 0px 0px 15px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
}

.new {
      width:7px;
	  height:10px;
	  float: left;
	  margin:0;
	  padding:0;
	  }
	  	  /*...................................04/10/2010..........................*/
	  
.wraper {
	   width:1000px;
	   height:auto;
	   margin:0;
	   padding:0;
	   background:#eeeeee;
	   }
	   
	    /*...................................jquery carousel..........................*/
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 160px;
    height: 120px;
}
.jcarousel-next {
    z-index: 1;
    display: none;
}

.jcarousel-prev {
    z-index: 1;
    display: none;
}

/*...................................skin..........................*/

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px;
    background: #F0F6F9;
    border: 1px solid #999999;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 868px;
    padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  868px;
    height: 90px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 136px;
    height: 90px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/*...................................spry accordion..........................*/

.Accordion {
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	overflow: hidden;
}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px #999999;
		margin: 0px;
	padding: 3px 0px 0px 15px;
	height: 24px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image:url(../images/accordion_normal.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:14px;
	font-weight:bold;
	color: #555555;
	text-shadow:0 2px 0 #ffffff;
}
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 15px 0px 15px;
	height: 145px;
	text-shadow:0 2px 0 #ffffff;
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #eeeeee;
	background-image:url(../images/accordion_over.png);
	background-repeat:repeat-x;
}
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}
  /*...................................17/1/2011...........portfolio page...............*/
	   
.content_area_portfolio {
margin: 0px;
width: 625px;
float: left;

padding: 15px 0px 15px 0px;

font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#FFFFFF;
/*background-color:#FFFFFF;

line-height:160%;
text-align:justify;
text-shadow: 0 2px 0 #ffffff;*/
}

.content_area_portfolio1 { width:290px; height: auto; float:left; margin:0; padding:0;}
.content_area_portfolio2 { width:290px; height: auto; float: right; margin:0; padding:0;}

.quote_area_portfolio {
margin: 0px;
width: 295px;
float: right;
/*background-color:#FFFFFF;*/
padding: 15px 0px 15px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
text-align:justify;
}