/* CSS Document */
@import url(http://www.profix.biz/commercial/css/navigation_style.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	margin:0px;
	padding:0px;
	background:url("http://www.profix.biz/commercial/images/bkgd_horizStripes.gif") repeat-x 0px 87px;
	text-align:center;
}

p, li{color:#787878; font-size:1em;}
p {margin:0px 0px 11px 0px; padding:0px; line-height:1.4em;}

a{color:#0255A5;}
a:hover{color:#D7003E;}
/*a:visited{color:white;}*/

h1 {margin:0px 0px 10px 0px; padding:0px; color: #0255A5; font-size:1.5em; }
h2 {margin:2px 0px; padding:0px; color: #0255A5; font-size:1.2em; }

img {border:none;}
.cs_img{float:left; width:150px; height:150px; margin:0px 20px 20px 0px}

.redText{color:#E40D4C;}

/* ---- STRUCTURE ---- */
/* ------------------- */
#container{
	margin:0px auto; /*removes indent IE and Opera*/
	padding:11px 0px 20px 0px; /*removes indent Mozilla and NN7*/
	text-align:left;
	width:760px;
	position:relative;
	background:url("http://www.profix.biz/commercial/images/1px_purple.gif") repeat-y 185px;
}

#leftCol{
	margin:0px;  /*removes indent IE and Opera*/
	padding:0px; /*removes indent Mozilla and NN7*/
	width:24%;
	float:left;
}

#rightCol{
	margin:0px 0px 0px 3%;  /*removes indent IE and Opera*/
	padding:0px; /*removes indent Mozilla and NN7*/
	width:71%;
	float:left;
	background:url("http://www.profix.biz/commercial/images/rightChoice.gif") no-repeat right top;
}

#cnt_leftCol{
	margin: 85px 0px 0px 0px;  /*removes indent IE and Opera*/
	padding:0px; /*removes indent Mozilla and NN7*/
	width:67%;
	float:left;
}

.record_cnt{margin:0px; padding:18px 0px 7px 0px; border-top:1px dotted #F1B696; }


#cnt_rightCol{
	margin: 30px 0px 0px 5%;  /*removes indent IE and Opera*/
	padding:0px; /*removes indent Mozilla and NN7*/
	width:147px;
	position:absolute;
	right:0px; 
}

#footer{
	margin:0px 0px 25px 0px;
	padding:0px;
	background-color:#CFD0FE;
}

#footer_con {
	margin:0 auto;
	padding:0px;	
	width:760px;
	background:url("http://www.profix.biz/commercial/images/1px_purple.gif") repeat-y 185px;
}

/* ------ LISTS ------ */
/* ------------------- */
ul#links{margin:0px; padding:0px; color:#787878;}
ul#links li{list-style:none; margin:0px 0px 5px 0px;}

/* ------------------- */
.logo{margin:0px; padding:0px;}
.commercial{background:url("http://www.profix.biz/commercial/images/commercial.gif") no-repeat; height:27px; width:165px; margin:41px 0px 0px 0px;}



/* ------------------- */
/* ------------------- */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */