.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	



body {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;

	background-color: white;	
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Firewall header section */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#fw-hd { 
	height:195px;
	background-image: url(../../img/bg/grad_bg_firewall.jpg);
	background-repeat: repeat-y;
}

#fw-hd-logo {
	width:200px;
	height: 130px;
	position: relative;
	top: 35px;
	left: 30px;
}

#fw-hd-mainNav {
	position: absolute;
	width: 560px;
	top: 160px;
	left: 380px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%% MAIN CONTENT %%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* fills complete lower view portal and contains shadow of above orange header section */
#fw-mainContentContainer {
	background-image: url(../../img/drop_shadow_bottom.jpg);
	background-repeat: repeat-x;
	
}

/* holds columns and content to 940 pixels width */
#fw-content {
	/* width: 760px; */

	width: 940px;
	padding-top: 0px;
	float: left;
	background-color: #00FF00;
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* MAKE COLUMN DIVS CLASSES SO RE-USE */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.fw-fullColumn {
	width: 940px;
	float: left;
	background-color: #FF0000;	
}

.fw-fullColumn img {
	background-colour: red;
	margin-left: 130px;
}


/*.fw-fullColumn-diag {
	width: 940px;
	float: left;
	margin-left: 110px;
}

.fw-rightColumnc {
	width: 560px;
	float: left;
	margin-top: 1.4em;
	background-color: #6666CC;
}

.fw-leftColumnc {
	width: 330px;
	float: left;
	margin-right: 50px;
	margin-top: 1.4em;
}
*/

/*.fw-intro {
	width: 560px;
	clear: right;
	float: left;
}*/

#fw-video {
	width: 360px;
	background-color: #CCCCCC;
	float: left;
	margin-right: 10px;
}

/*#fw-benefits {
	float: right;
	width: 360px;
	padding-top: 10px;
}
*/

/* split right column further into 2 columns with these classes */
.left-2col {
	float: left;
	width: 49%;
}

.right-2col {
	float: right;
	width: 49%;
}

/* split right column further into 3 columns with these classes */
.left-3col {
	float: left;
	width: 180px;
	/*width: 33%;*/
	margin-right:10px;
}

.middle-3col {
	float:left;
	width: 180px;
	/*width: 33%;*/
	margin-right:10px;
}

.right-3col {
	float: right;
	width: 180px;
	/*width: 33%;*/
	margin-right:0px;
}