/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(images/bkg.gif) repeat-x center 93px;

}



.header_content
{
padding-left:15px;
padding-right:15px;
color:#FFFFFF;
clear:both;
height:320px;
}


#logo
{
background-image:url(images/logo_s_b.gif); background-repeat:no-repeat;
height:69px; width:173px; margin-top:5px; margin-left:10px;
position:absolute;
}

#slogan
{
background-image:url(images/slogan.gif); background-repeat:no-repeat;
height:50px; width:428px; margin-top:40px; margin-left:0px;
position:absolute;
}



.heading
{
width:50%;
float:left;
}

#packages
{
width:100%; text-align:left;
}


#packages_features{ width:100%; text-align:left;}

.footer
{
background-image:url(images/footer.gif); background-position:bottom; background-repeat:repeat-x;
}



#buttons
{
width:100%;
text-align:right;
margin-bottom:0px;
}

#buttons a:link {
	color: #FFFFFF;
	text-decoration:none;
}
#buttons a:visited {
	color: #FFFFFF;
		text-decoration:none;
}
#buttons a:hover {
	color: #FFFFFF;
		text-decoration:none;
		
}
#buttons a:active {
	color: #FFFFFF;
		text-decoration:none;
}


#footer a:link {
	color: #FFFFFF;
	text-decoration:none;
}
#footer a:visited {
	color: #FFFFFF;
		text-decoration:none;
}
#footer a:hover {
	color: #FFFFFF;
		text-decoration:none;
		
}
#footer a:active {
	color: #FFFFFF;
		text-decoration:none;
}


.packages_blue_btn
{
background-color:#C1DFFF;color:#FFFFFF; 
font-family:tahoma; font-size:11px;
text-align:center;
padding:10px;
   -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-bottom-top-radius:3px;
    -webkit-border-bottom-top-radius:3px;
	border-top-left-radius:3px;
		border-top-right-radius:3px;
		
		
		margin-right:10px;
		float:left;

}

.packages_gray_btn
{
background-color:#E8F2FF; color:#000000; 
font-family:tahoma; font-size:11px;
text-align:center;
padding:10px;
   -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-bottom-top-radius:3px;
    -webkit-border-bottom-top-radius:3px;
	margin-right:10px;
	float:left;
}

#packages_features a:link,a:visited,a:active
{ color:#000000; text-decoration:none}

#packages_features a:hover
{
 color:#000000; text-decoration:underline
}


#packages
a:link,a:visited,a:active
{ color:#000000; text-decoration:none}

#packages a:hover
{
 color:#000000; text-decoration:underline
}


#div1,#div2
{
border:solid 1px #C1DFFF; padding-top:10px; padding-bottom:10px; background-color:#F0F8FF;

}




a:link,a:visited,a:active
{ color:#3980D2; text-decoration:none}

a:hover
{
 color:#3980D2; text-decoration:underline}
}

#right_menu
{
width:180px; 
}

#right_menu ul {
list-style:none

}


#right_menu a:link {

	color: #FFFFFF;
	text-decoration:none;
	
}
#right_menu a:visited {
	color: #FFFFFF;
		text-decoration:none;

}
#right_menu a:hover {
	color: #FFFFFF;
		text-decoration:underline;


}
#right_menu a:active {
	color: #FFFFFF;
		text-decoration:none;

}

.right
{
float:right
}

.border_all
{
border:dashed 1px  #EAF4FF;

}


.blue_btn
{
background-color:#6DADF8;color:#FFFFFF; 
font-family:tahoma; font-size:11px;
text-align:center;
padding:10px;
 -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
		
	
	
		margin-right:10px;

}

.gray_btn
{
background-color:#454545; color:#FFFFFF; 
font-family:tahoma; font-size:11px;
text-align:center;
padding:10px;
   -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
	margin-right:10px;

}

.green_btn
{
background-color:#4FD37C;color:#FFFFFF; 
font-family:tahoma; font-size:11px;
text-align:center;
padding:10px;
   -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-bottom-top-radius:3px;
    -webkit-border-bottom-top-radius:3px;
	border-top-left-radius:3px;
		border-top-right-radius:3px;
	
		margin-right:10px;


}



.header_fnt
{
font-size:50px;
color:#FFFFFF;
}

.header_fnt_big
{

font-size:2em;
color:#FFFFFF;

}

h1,h2,h3
{
color:#666666;

}



#header_menu a:link {
	color: #3980D2;
	text-decoration:none;
}
#header_menu a:visited {
	color: #3980D2;
		text-decoration:none;
}
#header_menu a:hover {
	color: #3980D2;
		text-decoration:underline;
}
#header_menu a:active {
	color: #3980D2;
		text-decoration:none;
}


img,div { behavior: url(iepngfix.htc);}

#main
{
background-image:url(images/web2.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}


#web_hosting
{
background-image:url(images/web_hosting.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#web2_header
{
background-image:url(images/web2_header.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#capability
{
background-image:url(images/capability.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#quality
{
background-image:url(images/quality.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}


#quick_contact
{
background-image:url(images/quick_contact.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#email_hosting
{
background-image:url(images/email_hosting.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#aboutus
{
background-image:url(images/aboutus.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}
#methodology
{
background-image:url(images/methodology.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#legacy
{
background-image:url(images/website_enabling_legacy_system.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#seo
{
background-image:url(images/seo.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#work_flow
{
background-image:url(images/work_flow_management.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#supply_chain
{
background-image:url(images/supply_chain.png); background-repeat:no-repeat; width:362px; height:290px; background-position:left bottom;
margin-top:20px


}

#interactive_learning
{
background-image:url(images/interactive_learning.png); background-repeat:no-repeat; width:50%; height:290px; background-position:left bottom;
margin-top:20px


}

#outsourcing
{
background-image:url(images/outsourcing.png); background-repeat:no-repeat; width:271px; height:290px; background-position:left bottom;
margin-top:20px


}

#maintenance_support
{
background-image:url(images/maintenance_support.png); background-repeat:no-repeat; width:254px; height:290px; background-position:left bottom;
margin-top:20px


}

#graphics
{
background-image:url(images/graphics.png); background-repeat:no-repeat; width:500px; height:290px; background-position:left bottom;
margin-top:20px


}

#testimonials
{
background-image:url(images/testimonials.png); background-repeat:no-repeat; width:242px; height:290px; background-position:left bottom;
margin-top:20px


}

#portfolio1
{
background-image:url(images/portfolio.png); background-repeat:no-repeat; width:480px; height:290px; background-position:left bottom;
margin-top:20px


}






.left
{
float:left;
}
.clear
{
clear:both;

}

.f5
{
font-family:Arial; font-size:13px;

}

.f4
{
font-family:Tahoma; font-size:11px;


}



.f10
{
font-size:10px;


}

ul
{
line-height:20px;list-style-type:circle;


}





.blue
{
color:#3980D2;
}

.gray
{
color:#666666;

}
.white
{
color:#ffffff;

}

.bggray
{
background-color:#F9F9F9;


}



.f18
{
font-size:14px;
font-family:arial;


}

.orange
{
color:#FFBA75


}

.green
{
color:#00CC66;


}

.c1of2   { width:50%; }
/* thirds */
.c1of3   { width:33%; }
.c2of3   { width:66%; }
/* quarters - see halfs */
.c1of4   { width:30%; }
.c3of4   { width:65%; }
/* fifths */
.c1of5 { width:20%; }
.c2of5 { width:40%; }
.c3of5 { width:60%; }
.c4of5 { width:80%; }
/* tenths - see fifths & halfs */
.c1of10 { width:10%; }
.c3of10 { width:30%; }
.c7of10 { width:70%; }
.c9of10 { width:90%; }


.button_style
{
    border:solid 1px #AEE1F6;  
    padding:3px;
    font-family:Arial;
    font-size:12px;
    background-image:url('images/shade.gif'); background-repeat:repeat-x;
 
    
}

.textbox
{
border:solid 2px #C1DFFF;
padding:4px;
background-color:#fff;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 color:#666666;


}

.textbox_active
{
border:solid 2px #6DADF8;
padding:4px;
background-color:#F9FDFF;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}


.textbox_error
{
border:solid 2px #FF9966;
padding:4px;
background-color:#F9FDFF;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}


.message
{
border:solid 2px #FF9900;
background-color:#FFFFEC;
padding:5px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 width:50%;

}

.form
{
color:#333333;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
}

.rounded
{
border:solid 3px #B7E0FF;
background-color:#ECF4FF;
padding:5px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}

.pointer
{
background-image:url(images/tip-rounded.gif); background-position:left; background-repeat:no-repeat; 
height:20px;
margin-top:-6px; margin-left:20px;

}

div.overlay {
	
	/* growing background image */
	background-image:url(images/transparent_white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:500px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
	position:absolute;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(images/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(images/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}