/* CSS Document */


/* Original Author: James Kumar */


/*****01:Reset ----------------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0; border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
textarea {line-height:1.25;} 
label {cursor:pointer;}
form {margin:0;padding:0;}
blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}


body {margin-left:auto; margin-right:auto;font-family: Arial, Verdana, san-serif;font-size: 12px; }

a {border:none; text-decoration: none;}
img {border:0px; margin:0px; padding:0px;}
a {color: #868686; font-family: Helvetica, Arial, san-serif; text-decoration: none;}

p {line-height:1.9em; font-family: Arial, Verdana, san-serif;font-size: 12px; color: #000000;margin-top:0px;}

h3      {font-family: Arial, Verdana, san-serif;font-size: 14px; color: #000000;}
/*****02:Header Styles -------------------------------------------------------------------------------*/ 

#headercontainer	{width:1000px;height:59px;margin-left:auto; margin-right:auto;}
#logocontainer		{width:400px; float:left;}
#logocontainer img	{position:absolute; margin-top:21px;margin-left:71px; z-index:999;}
#navcontainer		{float:right;}
#headerclear		{clear:both;}		




/*****03:Navigation Styles -------------------------------------------------------------------------------*/ 

#menu{float:right;margin-top:29px;}
#menu ul {margin: 0px;padding: 0px;list-style-type: none;}
#menu li {margin: 0px;padding-left: 0px;list-style-type: none;display: inline;}


/*****04:Banner  -------------------------------------------------------------------------------*/ 

#bannercontainer	{width:1000px; height:186px;margin-left:auto; margin-right:auto;}


/*****04:Body Styles -------------------------------------------------------------------------------*/ 

#bodycontainer		{width:1000px;margin-left:auto; margin-right:auto;}
#middle_panel		{width:1000px;height:265px;background-color:#F4F4F4;}

#col1               {background-image: url("../images/hm_products_frame.png"); background-repeat: no-repeat; width: 257px; height: 265px; float: left;margin-left:30px;}
#col2				{background-image: url("../images/hm_products_frame.png"); background-repeat: no-repeat; width:257px; float:left;height:265px;}
#col3				{width:395px; float:right; height:265px;}
#clearpanel			{clear:both;}


#col1content		{width:193px;position:absolute;margin-top:47px;margin-left:32px;}
.headerimage		{margin-bottom:10px;}
.learnmorelink		{margin-top:17px; float:right;margin-right:5px;}

#col2content		{width:193px;position:absolute;margin-top:47px;margin-left:32px;}
.headerimage		{margin-bottom:10px;}
.learnmorelink		{margin-top:17px; float:right;margin-right:5px;}

#col3content		{width:395px;}
.newsheader			{margin-top:47px;margin-bottom:10px;}
#clearnewsheader	{clear:both;}


#newsitems ul		{list-style-image: url(../images/indicator_arrow.png);}
#newsitems li		{margin-bottom:15px;margin-right:20px;}


#intropanel			{width:1000px; margin-left:auto;margin-right:auto;background-color: #fff;}

#intro_about		{width:400px; float:left; margin-left:57px; margin-bottom: 44px; margin-top:44px;}
#intro_commitment	{width:400px; float:right; margin-bottom: 44px; margin-top:44px; margin-right:57px;}
#readmore			{margin-top:10px;}


/*****05:Footer Styles -------------------------------------------------------------------------------*/ 
#footer				{width:1000px;height:57px; margin-right:auto;margin-left:auto; background-color:#000;}
#copyright			{width:550px;float:left;margin-left:20px;color:#fff;margin-top:20px;}
#developers			{width:400px;float:right;text-align: right;padding-right:20px;color:#fff;margin-top:20px;}
#clearfooter		{clear:both;}



/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:186px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}






#pagecontent                    {width:1000px;margin-bottom:50px;}
#mainText                       {width:900px;margin-left:50px;margin-bottom:50px;}
#pageheader                     {margin:30px 50px 30px 50px;}




.inputfield img                 {border: hidden;margin-left:3px;vertical-align: text-top;}
.colLeft                        {width:150px;float:left;font-family: Arial, Verdana, san-serif;font-size: 12px;color:#303030;font-weight:bold;}
.colRight                       {width:450px;}
.form                           {width:550px;}
.inputfield                     {margin-left:150px; height:23px; width:83px;}
.paging                         {float:right;}
input                           {width:250px;}
select                          {width:250px;}
.contain                        {height:5px;}
.intro                          {margin-top:10px; margin-bottom:20px;}

#register                       {width:550px;margin:30px 0px 30px 50px;float:left;}

#contactrightcol                {width:320px;float:right;margin:30px 50px 30px 10px;}
#formclear                      {clear: both;}

.contactheaders                 {font-weight:bold;font-family: Arial, Verdana, san-serif;font-size: 12px;color:#303030;}




#main {
	padding-top:20px;
	padding-bottom:20px;
	width: 1000px;
	margin: 0 auto;
}

#page4 .col-1 {width: 414px; padding: 0 35px 0 0;}
#page4 .col-2 {width: 420px; padding: 0 0 0 56px;}



#content {
	position: relative;
	
	overflow: hidden;
}

	#content p {
		padding: 0 0 3px 0;
		line-height: 1.417em;
		font-family: Arial, Verdana, san-serif;font-size: 12px; color: #000000;
	}
	
	#content p.extra {
		padding: 0 0 17px 0;
	}
	
		#content blockquote p {
			padding: 1px 0 5px 4px;
			line-height: 1.417em;
			font-size: 1em;
			color: #6a6a6a;
		}
		
		#content blockquote p.extra {
			padding: 1px 0 24px 4px;
		}
		
			#content blockquote p strong {
				display: block;
				padding: 0 5px 0 0;
				text-align: right;
				color: #ffffff;
			}
			
				#content blockquote p strong a {
					text-decoration: none;
					font-weight: normal;
					color: #ffffff;
				}
				
				#content blockquote p strong a:hover {
					text-decoration: underline;
				}
				
	#content p small {
		float: right;
		padding: 0 12% 0 0;
		font-size: 1em;
	}
        
.wrapper {
	overflow: hidden;
}

.title  {padding-bottom:30px;padding-left:45px;}


.servicelist li {
  width: 400px;
  float: left;
  margin-right: 45px;
  margin-bottom: 30px;
  margin-left:45px;
  white-space:normal;
  list-style:none;
}


	.servicelist li.extra {
		background: none;
		margin: 0;
	}
	
		.servicelist li img {
			float: left;
			margin: 0 15px 0 0;
		}
		
		.servicelist li strong {
			display: block;
			padding: 8px 0 5px 0;
			color: #dedecd;
		}
		
			.servicelist li strong a {
				text-decoration: none;
				color: #dedecd;
			}
			
			.servicelist li strong a:hover {
				text-decoration: underline;
			}
			
		.servicelist li p {
			padding: 0 0 17px 0 !important;
		}
			
		.servicelist li b {
			display: block;
			font-weight: normal;
		}
		

 
 
    
    
    .servicelist li b a {
				background: url(/images/link-left.gif) no-repeat 0% 0%;
				display: inline-block;
				height: 18px;
				float: right;
				overflow: hidden;
				line-height: 16px;
				text-decoration: none;
				color: #A1D95D;
			}
			
				.servicelist li b a span {
					background: url(/images/link-right.gif) no-repeat 100% 0%;
					display: inline-block;
				}
				
					.servicelist li b a span span {
						background: url(/images/link-tail.gif) repeat-x 0% 0%;
						display: inline-block;
						height: 18px;
						overflow: hidden;
						margin: 0 2px 0 11px;
						padding: 0 0px 0 0px;
                                                
					}
					
					.servicelist li b a:hover {
						cursor: pointer;
						color: #ffffff;
					}
                                        
                                        
#product_images         {width:200px; float:left;}
#prod_content           {width:690px;float:right;}
#prod_clear             {clear: both;}

#img_clear              {clear: both; height:20px; content:".";}

#home_header            {padding-bottom:10px;}