@charset "utf-8";
/* CSS Document */

body,html{
font:normal 11px/21px 'Arial', Helvetica, sans-serif;
text-align:center;
background-color:#000000;
margin:0;
padding:0;
background-image:url("../images/hcoms-bg2.jpg");
background-position:top center;
background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6,p,ul,li{
margin:0;
padding:0;
}

img{
	border:none;
}


/*Common containers*/
#wrapper{
margin:0 auto;
width:939px;
text-align:left;
position:relative;
border:0px solid red;
}

#masthead{
height:167px;
border:0px solid red;
}

#logo{
position:absolute;
margin:50px 0 0 15px;
}

#contactno{
position:absolute;
margin:92px 0 0 18px;
width:149px;
height:16px;
background-image:url('../images/phone-image.png');
background-position:top left;
background-repeat:no-repeat;

}

#quote_link{
position:absolute;
margin:35px 0 0 645px;
background-image:url('../images/quote_link.png');
background-position:top left;
background-repeat:no-repeat;
width:282px;
height:84px;
}


#menu{
    left: 15px;
    margin: 125px 0 0 5px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 900px;
}



#menu ul {
	list-style-type:none;	
}

#menu ul li{
	display:inline;
	float:left;
	display:block;
	padding-right:18px;
	height:40px;
	float:left;
	font:bold 12px/21px 'Arial', Helvetica, sans-serif;
    margin-left: 0;
    margin-top: 0;
    letter-spacing: normal;
}

    




#menu li a{
	color:#FFFFFF;
	text-transform:uppercase;
	/*font-size:12px;*/
	font-weight:bold;
	text-decoration:none;
	border:0px solid red;
	display:block;
	height:25px;
	padding-top:11px;
	display:inline-block;	/*for fixing IE6*/
	font:bold 12px/21px 'Arial', Helvetica, sans-serif;
}

#menu li a:hover{
	background-image:url("../images/menu-hover-arrow3.png");
	background-position:top center;
	background-repeat:no-repeat;
}


#menu li a.sel{
	background-image:url("../images/menu-hover-arrow3.png");
	background-position:top center;
	background-repeat:no-repeat;
}

.clearer{
	clear:both;
}

#mainContent{
	width:620px;
	float:left;
	border:0px solid red;
	/*min-height:1161px;*/
	background-color:#FFFFFF;	
}

#secondryContent{
	width:280px;
	float:left;	
	border:0px solid red;
	margin-left:20px;
	margin-top:20px;
	
}


/*Homepage CSS*/
#mainContent #slider{
	border:1px solid #c2c2c2;
	margin:21px;	
	/*min-height:400px;*/
	background-color:#f8f8f8;
}

#mainContent #slider .nextPrevious{
	text-align:center;
	margin:10px;
	border-bottom:1px dotted #c2c2c2;
}

#mainContent #slider .caseStudy{
	margin:10px;
}

#mainContent #slider .caseStudy h3{
	color:#3b3b3b;
	letter-spacing:-1px;
	padding:3px 0 3px 0;
	font-size:13px;
}

#mainContent #slider .caseStudy p{
	color:#3b3b3b;
	letter-spacing:-1px;
	font-size:12px;
	padding:3px 0 3px 0;
}

#mainContent #slider .caseStudy p.pageNumber{
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-weight:bold;
}

#mainContent .servicesWrapper{
	overflow:hidden;
	border:0px solid red;
}

#mainContent .services{
	border:1px solid #c2c2c2;
	margin-left:21px;
	background-color:#f8f8f8;
	width:186px;
	float:left;
	display:inline;
}

#mainContent .services1{
	border:1px solid #c2c2c2;
	margin-left:7px;
	background-color:#f8f8f8;
	width:186px;
	float:left;
	display:inline;	
}

#mainContent .services p, #mainContent .services1 p{
	font-size:12px;
	padding:20px 0 20px 0;
	color:#3b3b3b;
}


#mainContent .services_padding{
	padding:10px;
}


#mainContent .ourClients{
	padding:0px;
	border:0px solid red;
	margin-top:0px;
}

#mainContent .ourClients .headOurClients{
	padding:30px 0 30px 20px;
	border:0px solid green;
}

#mainContent .ourClients ul{
	list-style-type:none;
	margin-bottom:8px;
	padding-left:20px;
}

#mainContent .ourClients ul li{
	display:inline;
	padding-right:10px;	
}

#mainContent .ourClients ul li img{
	border:1px solid #c2c2c2;
	padding:14px 4px 14px 4px;
}

#secondryContent .freshApproach{
	background-color:#f8f8f8;
	background-image:url("../images/fresh-section.png");
	background-position:top right;
	background-repeat:no-repeat;
	border:0px solid red;
	min-height:312px;
	height:312px;
	margin-bottom:20px;
}

#secondryContent .twitter{
	background-color:#f8f8f8;
	background-image:url("../images/head-twiter-updates.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding:40px 0px 20px 20px;
	border:0px solid red;
	margin-bottom:8px;
	display:none;
}

#secondryContent .twitter ul{
	margin:0px 0px 20px 16px;
}

#secondryContent .twitter ul li{
	padding-top:20px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#3b3b3b;
	font-style:italic;
}

#secondryContent .twitter ul li span.cyanhead{
	color:#00adee;
	font-weight:bold;
}

#secondryContent .twitter ul li .cyansmall{
	color:#00adee;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-style:normal;	
}

#secondryContent .twitter ul li p span.blacksmall{
	color:#000;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}

#secondryContent .whatTheySay{
	margin-top:20px;
	background-color:#f8f8f8;
	background-image:url("../images/blank_speech.gif");
	background-position:top right;
	background-repeat:no-repeat;
	padding:280px 20px 20px 20px;
	border:0px solid red;
	font-size:12px;
}

#secondryContent .whatTheySay span{
	color:#00adee;
	font-weight:bold;
}



#secondryContent .clientLogin{
	margin-top:20px;
	background-color:#f8f8f8;
	background-image:url("../images/blank_speech.gif");
	background-position:top right;
	background-repeat:no-repeat;
	height:280px;
	border:0px solid red;
	font-size:12px;
	padding-left:20px;
	padding-top:20px;
	margin-top:10px;
}

#secondryContent .clientLogin span{
	color:#00adee;
	font-weight:bold;
}

.clientBox{
border:1px solid #C2C2C2;
padding:10px;
margin-right:20px;

}

#footer{
	border:0px solid red;
	margin-top:40px;
	margin-bottom:40px;	
}

#footer .footerlinksBlue{
	float:left;
	width:186px;	
	padding-right:47px;
	padding-bottom:20px;
}

#footer .footerlinksBlue ul{
	list-style-type:none;
	margin-top:40px;
}

#footer .footerlinksBlue ul li{
	height:30px;
	vertical-align:middle;
	padding-top:10px;	
	background-image:url("../images/blue-dooted-line.jpg");
	background-position:top left;
	background-repeat:no-repeat;
}

#footer .footerlinksBlue ul a{
	text-decoration:none;
	color:#00adee;
	font-size:14px;
}

#footer .footerAddress{
	background-image:url("../images/hcoms-footer.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	height:56px;
}


/**
* The slideshow containing more complex divs
**/

#simpleshow {
height:256px; /* a height is required */
width: 577px; /* a width is required */
border:0px solid red;
}

#simpleshow div {
height:256px; /* a height is required */
width: 577px; /* a width is required */
}

#simpleshow-holder {
position:relative;
}



/*Internal page CSS*/

#mainContent #internal{
	border:1px solid #c2c2c2;
	margin:21px;	
	min-height:400px;
	background-color:#f8f8f8;
	overflow:hidden;
	display:inline-block;/* IE6 fix*/
}
#mainContent #internal .head-internal{
	border:0px solid red;
	padding-top:15px;
	padding-left:15px;
}
#mainContent #internal p{
	padding:25px 15px 15px 15px;
	font-size:14px;
	color:#3b3b3b;
	line-height:22px;
}

#mainContent #internal .internal-image-area{
	float:left;
	padding-left:15px;
}

#mainContent #internal .internal-image-area ul{
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}



#mainContent .internal{
	/*border:1px solid #c2c2c2;*/
	border:none;
	margin:21px 21px 5px 21px;	
	/*background-color:#f8f8f8;*/
	overflow:hidden;
	display:inline-block;/* IE6 fix*/
	padding-bottom:5px;
	text-align:justify;
}
/*
#mainContent .internal p b{
display:block;
padding-top:35px;
font-size:12pt;
}*/

#mainContent .internal .head-internal{
	border:0px solid red;
	padding-top:15px;
	padding-left:15px;
}

#mainContent .internal p{
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
	color: white;
	padding-left: 6px;
	line-height: 22px;
	text-align: justify;
	padding-bottom:20px;

	
}

#internal_page_ul {
	margin-left:17px;	
	margin-bottom:17px;
}

#internal_page_ul li{
	font-size:12pt;
	list-style: circle outside; color:blue;
	padding-bottom:3px;
}

#mainContent .internal #boldfont2{
font-weight:bold;
font-size:14pt;
color:#B3FF13;
margin-bottom:5px;
padding-bottom:0;
}

#boldfont2{
font-weight:bold;
font-size:14pt;
color:#B3FF13;
margin-bottom:0;
padding-bottom:0;
padding-left:7px;
}

#mainContent .internal li{
	font-size:11pt;
	/*color:#3b3b3b;*/
	color:#ffffff;
	line-height:22px;
	margin-left:5px;
	margin-top:5px;
	/*letter-spacing:-0.5px;*/
	
}

#mainContent .internal a{
color:#B3FF13;
font-style:italic;
font-weight:normal;
}

#mainContent .internal h3 span{
	color:#B3FF13;
	padding-left:0px;
	font-size:12pt;
}

#mainContent .internal h3{
	color:#B3FF13;
	padding-left:5px;
	font-size:12pt;
}


#mainContent .internal .internal-image-area{
	float:left;
	padding-left:15px;
}

#mainContent .internal .internal-image-area ul{
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}

#secondryContent .internalTopRightLinks{
	background-color:#f8f8f8;
	border:0px solid red;
	margin-bottom:20px;
}

#secondryContent .internalTopRightLinks ul{
	list-style-type:none;
	padding:20px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}

#secondryContent .internalTopRightLinks ul li{
	border-bottom:1px dotted #3b3b3b;
	background-image:url("../images/next-blue.jpg");
	background-position:right;
	background-repeat:no-repeat;
}

#secondryContent .internalTopRightLinks ul li a{
	text-decoration:none;
	color:#000000;
}

#secondryContent .internalTopRightLinks ul li a:hover{
	text-decoration:none;
	color:#00adee;
}

#secondryContent .internalTopRightLinks ul li a.sel{
	text-decoration:none;
	color:#00adee;
}

.internal ul {
margin-left:10px;
}
/*slider css*/

#nav {hheight:48px; margin:0 auto;position:absolute;top:450px;z-index:999;left:250px;}
#nav img {display:block; float:left; margin:0 0px; display:inline;}
#nav h2 {width:60px; height:18px; line-height:18px; text-align:center; font-family:georgia, serif; color:#000; font-size:13px; font-weight:bold; padding:0; margin:0; float:left; display:inline;}
#slideshow {width:560px; margin-top:0px; border:0px solid #aaa; pposition:absolute; background:#f8f8f8; padding-bottom:0px;}
#slideshow img {display:block; margin:0 auto;}
#slideshow .entry {width:577px; position:absolute; top:0px; left:0px; display:none;}
#slideshow .entry h3 {background:#f8f8f8; font-size:15px; width:555px; margin:80px 0 0 10px;}
#slideshow .entry p {background:#f8f8f8; width:555px; margin:0 auto; padding:0; line-height:1.4em;}



.webdesign_bluebg{
background:#0393d0; 
background:#0072a2;
width:620px;
min-height:548px;
overflow:hidden;
}


.internal_wrapper {
padding:25px;
}

.common_para {
color:white;
font-size:12px;
}
.slogan1{
font-family:arial;
font-size:12pt;
font-weight:normal;
color:#ffffff;
padding-left:6px;
line-height:20px;
padding-right:10px;
}

.slogan2{

font-family:arial;
font-size:12pt;
font-weight:normal;
color:#ffffff;
padding-right:10px;
padding-left:6px;
line-height:20px;
text-align:justify;
}

.webdesign_gradient_bg {
	background-image:url("../images/website_design_bg_gradient.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	width:621px;
	height:361px;
}

.left_sect1 {
	background-image:url("../images/creative_website_design.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:167px;
	min-height:100px;
	float:left;
	margin-right:30px;
}


.left_sect2 {
	background-image:url("../images/online_databases.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:167px;
	min-height:100px;
	float:left;
	margin-right:30px;
}



.left_sect3 {
	background-image:url("../images/online_marketing.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:167px;
	min-height:100px;
	float:left;
}

.left_sect1 p, .left_sect2 p, .left_sect3 p {
	font-size:12px;
	color:#000000;
	margin-top:100px;

}

.button_example {
	background-image:url("../images/button_examples.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:114px;
	height:29px;
	display:block;
}

.button_more {
	background-image:url("../images/button_more.png");
	background-position:top left;
	background-repeat:no-repeat;
	width:114px;
	height:29px;
	display:block;
}
.internal_slogan_blue{
background:#015899;
overflow:hidden;
border-top:5px solid #0191d0;
}

.internal_slogan_blue p {
font-size:14px;
color:white;
}

.list_ul_li ul {
margin-left:16px;
color:white;
margin-top:10px;
}

.list_ul_li ul li{
color:white;
}

.slogan2 a{
color:white;
}


.list_ul_li ul li a{
font-size:12pt;
color:white;
text-decoration:underline;

}

.list_ul_li ul li a:hover{
text-decoration:none;
}


.left_sect1 p, .left_sect2 p, .left_sect3 p{
	min-height:200px;
}