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

/* CSS Document 

Beabout.com
PGM Integrated

Jermaine Jude
jermaine@pgmintegrated.com


*/

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family:Arial, Helvetica;
	color: #666;
	line-height: 15px;
	font-size:12px;
}

input,select,option {
	font-size: 9pt;
}

a:link {
	color: #666;
	text-decoration: none;
	font-weight:600;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica;
	line-height: 15px;
	font-size:12px;
}
h1 {
	font-size: 23px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 28px;
	color:#fff;
	text-transform:uppercase;
	background-image:url(../img/int-header-bg.jpg);
	background-repeat:repeat-y;
	padding-left:4px;
	margin-bottom:10px;
	}


h2 {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:0px;
	color:#336699;

	
}
h3 {
font-size: 1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#fff;
	/*font-weight:bold;*/
}
h4 {
	font-size: 14px;
	margin-bottom: 0px;
}
img {
	border: none;
}
.clr,.clear {
	clear: both;
}
.cta-heading {
margin-bottom:0px;
padding-bottom:0px;

}
#start-btn {
width:96px;
height:32px;
/*background-image:url(../img/get-started.png);*/
float:right;
margin-bottom:10px;
margin-top:20px;
margin-right:10px;
position:relative;
}

#see-btn {
width:96px;
height:32px;
/*background-image: url(../img/see-more.png);*/
float:right;
margin-bottom:10px;
margin-top:20px;
margin-right:10px;
position:relative;
}

/* 1. MAIN PAGE LAYOUT */

#container {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 989px;
	/*height:500px;*/
	background-image:url(../img/main-body-bg.jpg);
	background-repeat:repeat-y;
}
#header-area {
width:989px;
height:50px;

margin-top:0px;
left:0;
position:relative;
}


#logo {
width:225px;
height:32px;
padding-top:15px;
padding-left:40px;
position:relative;
}
/*---------------header navigation--------------------*/
#headernav {

height: 14px;
top: 25px;
right: 35px;
position:absolute;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


#headernav  ul li{

display: inline;
line-height:10px;
padding-top:0px;
padding: 3px;
margin-left:10px;
list-style:none;
float:left;
/*color: #666666;*/
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}



#headernav ul {
margin:0;
padding:0;
}



#headernav li a {
	color: #336699;	
}

#headernav li a:hover {
	color: #666;
	text-decoration: underline;
}

/*end header nav-------------------*/
#main-pic {
width:905px;
height:196px;
/*background-image:url(../img/home-pic.jpg);*/
margin-top:17px;
margin-left:40px;
position:relative;
}
/*-----------------calls to action area------------------------*/
#cta-area {
width:925px;
/* height:158px; */
margin-left:20px;
}

#left-cta-area {
width: 430px;
border-right:1px solid #CCCCCC;
float:left;
margin-left: 20px;
position:relative;

}
#right-cta-area {
width: 430px;
margin-right: 20px;
float:right;
}

#hm-product-img {
width:154px;
height:137px;
margin:10px;
float:left;


position:relative;
}

#left-cta-text-box {
/*border:1px solid #999999;*/

position:relative;
margin-top:10px;

}

#right-cta-text-box {
/*border:1px solid #999999;*/
margin-top:10px;
}
.cta-text {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-transform:uppercase;
padding-right:5px;
}


/*--------------end of calls to action area-------------------*/
#navbar {
	background-image:url(../img/blue-sliver.jpg);
	background-repeat: repeat-x;
}

#navbar ul {
	margin: 0 0 0 30px;;
	padding:0;
}

#navbar ul li {float: left; 
		width: 153px; 
		text-align:center; 
		list-style:none;
		padding-top:2px;
		padding-bottom:0px;
		margin-bottom:0px;
		line-height: 24px;
	}

#navbar ul li.selected {background-image:url(../img/selected-tab.jpg); background-position:0px 2px;background-repeat:no-repeat; }

#navbar ul li a {
	color: #eee;
	font-family:Arial, Helvetica;
	font-size:12px;
	font-weight: 600;
	text-decoration: none;
	/* text-transform:uppercase; */
}

#navbar ul li.selected a {
	color: #000;
	font-family:Arial, Helvetica;
	font-size:12px;
	font-weight: 600;
	text-decoration: none
}

#navbar ul li a:hover {
	text-decoration: underline;
}

#subnav {
}

#subnav ul {
	margin: 3px 0 3px 27px;;
	padding:0;
}

#subnav ul li {float: left; 
	margin-left:16px; 
	padding: 3px;
	list-style:none;
	background-color:#dce7eb;}

#subnav ul li a {
	color: #333;
	font-family:Arial, Helvetica;
	font-size:12px;
	font-weight: 600;
}

#subnav ul li a:hover {
	text-decoration: underline;
}
/*----------------------------------homepage body content----------------------------*/
#mainBody {
 float:left;
 width:905px;
	border-top: 1px solid #dedede;
 margin: 10px 0 0 40px;
 position:relative;
}
#int-header-bar {
width:634px;
height:20px;
padding:0px 0px 10px 10px;
margin:0px;
/*float:left;*/
position:relative;
background-image:url(../img/int-header-bg.jpg);
background-repeat:repeat-y;
}

h1 .interior {
color:#FFF;
/*margin-top:0px;
padding:0px;*/


}

#left-column {
width:190px;
/*height:200px;*/
/*border-right:1px solid #CCCCCC;*/
padding:10px;
float:left;
position:relative;
}

.manufact {
width:159px;
margin-top:30px;
position:relative;
}

#mid-column {
width: 519px;
margin-left: 3px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 18px;
padding-left: 10px;
float: left;
position: relative;
/*font-family: Arial,Helvetica;
line-height: 17px;
font-size: 12px;
color: #666666;
text-align: justify;*/
/*background-image:url(../img/hm-content-bg.gif);*/
border-left:1px solid #CCCCCC;
background-repeat:repeat-x;
}

#rt-column{
width: 150px;
/*height:150px;*/
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: right;
margin-right: 0px;
position: relative;
/*border: 1px solid #0066FF;
background-color:#CCCCCC;*/

}


#right-column {
width:634px;
background-image:url(../img/hm-content-bg.gif);
border-left:1px solid #CCCCCC;
background-repeat:repeat-x;
/*height:325px;*/
/*padding-bottom:30px;*/

padding:10px 10px 50px 10px;
float:right;
position:relative;
}
#int-right-column {
width:634px;
background-image:url(../img/hm-content-bg.gif);
border-left:1px solid #CCCCCC;
background-repeat:repeat-x;
/*height:325px;*/
/*padding-bottom:30px;*/

padding:10px 10px 50px 10px;
float:right;
position:relative;
}
#mainBody .content-txt {
	margin:5px 7px 6px 10px;
	font-family:Arial, Helvetica;
	line-height: 15px;
	font-size:12px;
	color:#666;
	text-align:justify;}
	
	
	
/*--------------------------left column navigatio------------------------------*/
#navLeft {
		margin: 0;
		padding:0px;
		font-size: 10pt;
	}


	#navLeft ul {
	    list-style:none;
	    margin:0;
	    padding:0px;		
	}

	#navLeft ul li {
		font-family:Arial, Helvetica, sans-serif;
	    margin:0;
	    padding:0px;
		border-bottom: 1px solid  #CCCCCC;
	}
	
	#navLeft ul li ul li {
		border-bottom: 0px solid  #CCCCCC;
		font-variant:normal;
	}



	#navLeft ul li.off {
		background-image: url(../img/arrow-over.gif); 
		background-repeat: no-repeat; 
		background-position: 0px 5px;
	    padding:4px 0 4px 9px;
	}



	#navLeft ul li.on {

	    padding:4px 0 4px 9px;
		background-color: #336699;	
		background-image: url(../img/arrow-on.gif); 
		background-repeat: no-repeat; 
		background-position: 0px 5px;	
	}

	#navLeft li.selected {
		/*background-image: url(../img/arrow-over.gif); 
		background-repeat: no-repeat; 
		background-position: 0px 5px;
	    padding:4px 0 4px 9px;*/
	}

	#navLeft ul li.on a {
	color:#fff;
	}



	#navLeft ul li a {	  
		color: #666;
		font-size: 12px;
		font-weight:100;
		text-transform:uppercase;
		text-decoration:none;
		font-size:9px;	
	}	



	#navLeft li a:hover {
	/*font-weight:bold;*/

	}



	#navLeft ul li ul {

	    list-style:none;
	    margin: 0;
	    padding:0;
		/* border-bottom:1px solid #999999; */

	}



	#navLeft ul li ul li.off {
	    padding: 1px 0 1px 10px;
		/* border-bottom: 1px solid #ccc; */
	}



	#navLeft ul li ul li.on {

	    padding: 1px 0 1px 10px;
		background-color: #666666;
		 /*border-bottom: 5px solid #ccc; */
	}



	#navLeft ul li ul li a {

	    color: #666; font-variant:normal;
		text-decoration:none;
		font-weight:100;
	}



	#navLeft strong {
	    color:#36B;

	}

/*---------------------------end left column navigation-------------------------*/	
#contentseperator {
	background-image:url(../img/centerline.gif);
	background-repeat:no-repeat;
	background-position: 30px 1px;
	z-index:1;
	width:810px;
	clear:both;
}

#secondaryBody {
 float:left;
 width:480px;
	/* border-right: 1px solid #dedede; */
 margin: -50px 0 0 10px;
}

#secondaryBody .content-txt {
	margin: 6px 30px 6px 30px;
	font-family:Arial, Helvetica;
	line-height: 17px;
	font-size:12px;
	color:#666;
	text-align:justify;}
	

#lowerright {
	float: right;
	margin: -170px 10px -25px 10px;
}
#footer {
width:947px;
height:35px;
background-repeat:repeat-y;
	background-image: url(../img/footer-bg.jpg);
	margin-top:0px;
	margin-left:21px;
}
#footer ul{
text-indent: 5px;
padding: 7px 0;
margin: 0;
text-align: center; /*set value to "center" for example to center items*/
}

#footer ul li{
display: inline;
padding-left:10px;
}


/*#footer ul {
	margin: 0 0 0 40px;;
	padding:0;
	text-align:center;
}

#footer li {float: left; margin-left:16px; list-style:none;}
*/
#footer li a {
	color: #eee;
	font-family:Arial, Helvetica;
	/*line-height: 8px;*/
	font-size:10px;
	text-decoration: none;
	text-transform:uppercase;
}
#footer li a:hover {
	text-decoration: underline;
	
}

/*-------------sub footer---------*/
#sub-footer {
width:989px;
height:12px;
background-repeat:repeat-y;
background-color:#FFFFFF;
	/*background-image: url(../img/footer-bg.jpg);*/
	margin-top:0px;
	margin-left:0px;
}
#sub-footer ul{
text-indent: 5px;
padding: 2px 0;
margin: 0;
text-align: center; /*set value to "center" for example to center items*/
}

#sub-footer ul li{
display: inline;
padding-left:0px;
}



#sub-footer li a {
	color: #336699;
	font-family:Arial, Helvetica;
	/*line-height: 8px;*/
	font-size:8px;
	text-decoration: none;
	text-transform:uppercase;
}
#sub-footer li a:hover {
	text-decoration: underline;
}
/*--------end sub footer----------------*/
#copy p {
	margin: 0;
	padding: 30px 0 0 0;
	color: #FFF;
	font-size: 10px;
}
#copy p a {
	padding: 0 6px;
	color: #FFF;
}