@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: 940px;
}



#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;
}

#mainContent .internal p, li {
    color: #3B3B3B;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin-left: 5px;
    margin-top: 5px;
}



#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:100%;
	float:left;
	border:0px solid red;
	/*min-height:1161px;*/
	background-color:#FFFFFF;	
	padding:20px 0 10px 0;
}

#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;
	min-height:262px;
}

#mainContent .services1{
	border:1px solid #c2c2c2;
	margin-left:7px;
	background-color:#f8f8f8;
	width:186px;
	float:left;
	min-height:262px;
	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:0 0 15px 20px;
	border:0px solid green;
}

#mainContent .ourClients ul{
	list-style-type:none;
	padding-left:10px;
}

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

#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;
	margin-top:20px;
}

#secondryContent .servicesOffer{
	background-color:#f8f8f8;
	background:#f0f0f0 url("../images/services_offer.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	border:0px solid red;
	min-height:224px;
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:15px;
}

#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;
}

#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/head-what-they-say.jpg");
	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;
}

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

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

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

#footer .footerlinksBlue ul li{
	height:44px;
	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;
}

.primary_area{
background:#0191d0 url(../images/primary-bg2.jpg) no-repeat top left;
/*background:#0191d0 url(http://hcoms2.hcuro.com/templates/hnovo/images/primary-bg2.jpg) no-repeat top left; */


overflow:hidden;
min-height:400px;
}

.primary_area .primary_left{
float:left;
width:585px;
overflow:hidden;
margin-top:400px;
margin-left:35px;
}

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

.slogan2{

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

}

.margin_top20{
margin-top:20px;
}

.slogan1 span{
color:#b3ff13;
}

.primary_area .primary_right{
float:right;
width:305px;
overflow:hidden;
padding-right:10px;
}


/*HOMEPAGE CSS ENDS HERE*/

/*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;
}

#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;
}

.servicesOffer ul{
	padding-top:45px;
	margin-left:20px;
	list-style-type:none;
}
.servicesOffer ul li{
	background-image: url("../images/services_tick.jpg");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 5px 3px 20px;
	margin: .4em 0;
	font-size:11pt;
}

.hideall{
display:none;
}

#flashBanner{
overflow:hidden;
width:580px;
height:285px;
position:absolute;
top:180px; 
left:35px;
}

#mainContent .services_section {
width:910px;
margin:0 auto;
overflow:hidden;
margin-bottom:20px;
}

.services_section .service_box{
width:297px;
border:1px solid #c2c2c2;
min-height:260px;
float:left;
position:relative;
}

.services_section .service_box p {
padding:15px 15px 5px 15px;
margin-top:86px;
font-size:12px;
}

.services_section .service_box a{
position:absolute;
top:0px;
left:0px;
width:297px;
height:93px;
background:transparent;
display:block;
}

.website_design_icon {
background-image:url('../images/website_design_icon.jpg');
background-repeat:no-repeat;
background-position:top left;
}

.online_design_icon {
background-image:url('../images/online_database_icon.jpg');
background-repeat:no-repeat;
background-position:top left;
}

.online_marketing_icon {
background-image:url('../images/online_marketing_icon.jpg');
background-repeat:no-repeat;
background-position:top left;
}

.margin_right5{
margin-right:6px;
}