@import url(inner_pages.css);

body{ background:#ffffff url(banner_bg.jpg) left top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#666666; margin:0px; height:100%;/*for mozilla*/ }

input,select,ul,li,form,div,p {margin:0px;}

input,select{padding-left:2px;}

ul {list-style:square;}

h1,h2,h3,h4,h5 {margin:0px;}

h3 {font-size:11px; font-weight:400; color:#666666; margin-bottom:15px; text-transform:lowercase;}

/*---------------------- Defned Classes starting here ---------------------*/

#outer {}

#container { width:990px; display:block }


/*-------- Header starts here --------*/

#header {height:77px; background: url(header_bg.gif) 25px 0px no-repeat; text-align:left; padding-right:25px; padding-bottom:0px}
#header img.logo { margin:15px 0px 0px 22px}

div#search {
	width:203px; float:right; height:30px; margin-top:33px; 
	background:url(search_bg.jpg) right top no-repeat;
}
div#search div.searchContainer { margin:7px 0 0 83px }
div#search div.searchContainer input#rightTopSearch {
	border:1px solid #999999; font-size:11px; width:84px; height:12px; display:block; float:left; margin:0px
}
div#search div.searchContainer img { cursor:pointer; margin:0px}

/*-------- Banner starts here --------*/

#banner {height:174px;  text-align:left; padding-left:25px;}

/* ------------menu ----------------*/
#banner #menu {width:186px; height:170px; background:#990000; float:left; border-right:#FFFFFF solid 1px; background:url(menu_bg.gif) left top no-repeat; padding-top:2px;}

#banner #menu a {color:#FFFFFF; font-family:"Trebuchet MS", Verdana, Arial ;display: block; padding:10px 5px 10px 15px; text-decoration:none; line-height:13px; font-size:12px}
#banner #menu a:hover {background:url(menu_hover.gif) left 1px repeat-x;color:#ffffff;}
#banner #menu .active {background:url(menu_hover.gif) left 1px repeat-x;color:#ffffff;}
#banner #menu .active:hover{background:url(menu_hover.gif) left 1px repeat-x; color:#5f6061;}

#banner #image {width:258px; height:170px; background:#006633;float:left;}
#banner #portfolio {width:440px; height:170px;float:left;}

/*----------- content starts here ----------*/

#content { background: #FFFFFF url(content_bg.jpg) left top no-repeat; padding:30px 0px 0px 26px; text-align:left; height:300px; }
#content #data { width:320px; height:250px; float:left; }


/*----- cms --------*/

#content #data #cms { 
	width:200px; height:115px; padding:20px 2px 2px 2px; float:left; clear:none;
	background:url(cms_bg.jpg) 110px 35px no-repeat;
}
#content #data #cms h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase}
#content #data #cms .text { margin:0px; text-align:left;  width:120px; font-size:10px; }
#content #data #cms .more {text-align:left; padding-top:10px; color:#76AF02; font-size:10px; }
#content #data #cms .more a {text-align:left;color:#76AF02;}
#content #data #cms .more a:hover {color:#87C802;}

/*----- news --------*/

#content #news { width:400px; overflow:auto; padding:20px 2px 2px 0px; float:left}
#content #news h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase}
#content #news h3 {font-size:12px; color:#666666; margin-bottom:9px;  margin-top:6px; text-transform:none}
#content #news .date {font-size:10px; color:#696969; font-weight:bold; }
#content #news .text { margin:0px; text-align:left; font-size:12px; }
#content #news .text ul {margin:15px 0 0 30px; padding:0px}
#content #news .text ul li {list-style:url(home_list_arrow.gif); padding-left:10px; padding-bottom:10px; font-size:12px;}
#content #news .more {text-align:right; margin:5px 120px 0 0; color:#76AF02; font-size:11px;}
#content #news .more a {text-align:right;color:#76AF02;}
#content #news .more a:hover {color:#87C802;}

/*----- news letter --------*/

#content #news #newsletter { width:210px; padding:0px 2px 2px 0; float:left;}
#content #news #newsletter h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:3px;} 
#content #news #newsletter form { padding-top:4px }
#content #news #newsletter input.input {
	color:#000000; font-size:11px; width:131px; height:12px; border:1px solid #999999; float:left ; margin-right:3px
}
#content #news #newsletter input.inputError {
	color:#CE0017; font-size:11px; width:131px; 
	height:12px; background-color:#FFFFCC; border:1px solid #CE0017; float:left ; margin-right:3px
}
#content #news #newsletter img { display:block; cursor:pointer }

#content #news #newsletter #newsletterAlert { padding-top:5px; color:#76AF02; font-size:11px }


/*----- recentworks --------*/

#content #recentworks { width:190px; overflow:auto; padding:20px 2px 2px 12px; float:right; margin-right:10px }
#content #recentworks h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase}
#content #recentworks h3 {font-size:11px; font-weight:bold; color:#436F22; margin-bottom:2px; text-transform:none }
#content #recentworks span.h4 {font-size:9px; font-weight:normal; color:#436F22; margin-bottom:2px; text-transform:none }
#content #recentworks .date {font-size:10px; color:#696969; font-weight:bold; }
#content #recentworks .text { margin:0px; text-align:left; font-size:11px; }
#content #recentworks .more {text-align:left; margin-top:10px; color:#76AF02; font-size:10px;}
#content #recentworks .more a {text-align:left;color:#76AF02;}
#content #recentworks .more a:hover {color:#87C802;}
#content #recentworks .box { border-top:#bababa solid 1px; margin-top:5px; padding-top:8px}

/*
#content #data #newsletter { width:195px; height:100px; padding:23px 2px 2px 12px; float:left;}
#content #data #newsletter h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px;} 
#content #data #newsletter form { padding:7px 0px 0px 0px; margin:0px }
#content #data #newsletter .input {color:#000000; font-size:11px; font-weight:normal; width:125px; height:14px; }
#content #data #newsletter .button { 
		font-size:11px; width:25px; margin:0px;
		height:19px; border:1px solid #666666; background-color:#F8F8F8; }
*/

/*--------- seo -----------*/

#content #data #seo { width:150px; height:115px; padding:20px 2px 2px 12px; float:left; background:url(search_opt1.jpg) 97px 30px no-repeat}
#content #data #seo h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase}
#content #data #seo .text { margin:0px; text-align:left; width:120px; font-size:10px; }
#content #data #seo .more {text-align:left; padding-top:10px; color:#76AF02; font-size:10px;}
#content #data #seo a {text-decoration:none}
#content #data #seo .more a {text-align:left;color:#76AF02;}
#content #data #seo .more a:hover {color:#87C802;}

/*----- web application development --------*/

#content #data #webapp { width:150px; height:115px; padding:20px 2px 2px 2px; float:left; background:url(webdevelopment1.jpg) 110px 40px no-repeat}
#content #data #webapp h2 {	font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase;}
#content #data #webapp .text { margin:0px; text-align:left; width:100px; font-size:10px }
#content #data #webapp .more {text-align:left; padding-top:10px; color:#76AF02; font-size:10px;}
#content #data #webapp a {text-decoration:none}
#content #data #webapp .more a {text-align:left;color:#76AF02;}
#content #data #webapp .more a:hover {color:#87C802;}

/*--------- Blog -----------*/

#content #data #blog { width:150px; height:115px; padding:20px 2px 2px 12px; float:left; background:url(about1.jpg) 115px 30px no-repeat;}
#content #data #blog h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase}
#content #data #blog .text { margin:0px; text-align:left; width:100px; font-size:10px; }
#content #data #blog .more {text-align:left; padding-top:10px; color:#76AF02; font-size:10px;}
#content #data #blog a {text-decoration:none}
#content #data #blog .more a {text-align:left;color:#76AF02;}
#content #data #blog .more a:hover {color:#87C802;}

/*--------- careers -----------*/

#content #data #careers { width:150px; height:115px; padding:20px 2px 2px 2px; float:left;	background:url(portal1.jpg) 115px 30px no-repeat;}
#content #data #careers h2 {font-size:11px; font-weight:400; color:#000000; margin-bottom:9px; text-transform:lowercase}
#content #data #careers .text { margin:0px; text-align:left; width:100px; font-size:10px; }
#content #data #careers .more {text-align:left; padding-top:10px; color:#76AF02; font-size:10px;}
#content #data #careers a {text-decoration:none}
#content #data #careers .more a {text-align:left;color:#76AF02;}
#content #data #careers .more a:hover {color:#87C802;}



/*----- Common to all frontpage blocks ------------*/

	#webapp  .text a, 
	#cms 	 .text a, 
	#seo 	 .text a, 
	#portals .text a 	{	color:#666666; text-decoration:none }

	#webapp  .text a:hover, 
	#cms 	 .text a:hover, 
	#seo 	 .text a:hover, 
	#portals .text a:hover 	{	text-decoration:underline	}




/*------------------------------- footer ---------------------------------------*/

#footer { 
	font-family:Arial, Helvetica, sans-serif; height:140px; 
	background:url(footer_bg.jpg) left top repeat-x; text-align:center; 
	clear:both; padding:8px 0 0 10px; margin-top:30px; }

#footer div#innerFooter { width:960px; overflow:auto; margin:0 auto 0 auto; }

#footer #bottom_links1  { font-size:11px; color:#9f9f9f; text-align:left; width:110px; float:left}
#footer #bottom_links1 h3 {font-size:13px; font-weight:bold; margin:0 0 5px 0; padding:0px}
#footer #bottom_links1 a {color:#9f9f9f; text-decoration:none; margin:0 3px 3px 3px; line-height:16px; }
#footer #bottom_links1 a:hover {color:#76AF02; }

#footer #bottom_links2  { font-size:11px; color:#9f9f9f; text-align:left; width:200px; float:left; line-height:16px;}
#footer #bottom_links2 h3 {font-size:13px; font-weight:bold; margin:0 0 5px 0; padding:0px}
#footer #bottom_links2 a {color:#9f9f9f; text-decoration:none; margin:0 3px 3px 3px; line-height:16px;}
#footer #bottom_links2 a:hover {color:#76AF02; }



/*#footer #validation { float:left; margin-left:80px }*/


#footer #copy_right {width:150px; float:right; text-align:right}

/* -- -- */
div.clear { height:15px; }


/**** Pagination ****/
.pagination span { padding: 0 3px 0 3px; color:#FF6600 }
.pagination a    { padding: 0 3px 0 3px; color:#FF6600 }

/* div { border:1px solid red } */

/** Sociable ***/

/*.sociable-hovers {opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40); margin:0px 2px 0px 2px;}
.sociable-hovers:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}*/