@import url("960_24_col.css");
/*//////////
  Layout.css is using to defines paddings, margins, Sigma etc.
  CSS Designed by Lineesh Kaithoyil
  Email : lineesh.kaithoyil@dmi.ae
  Licensed Dubai Media Inc Web Team.
/////////*/

/*Import the Grid CSS file to Achive Grid Structure*/


	

/*
Alpha, Omega, Sigma and Beta using for controlling paddings and Margins.
*/

/* @group Margins */

/* Adjusting margin left */

.alpha_m0{
	margin-left: 0 !important;
}
.alpha_m1{
	margin-left: 5px !important;
}
.alpha_m2{
	margin-left: 10px !important;
}
.alpha_m3{
	margin-left: 15px !important;
}
.alpha_m4{
	margin-left: 20px !important;
}

.alpha_m5{
	margin-left: 25px !important;
}

.alpha_m6{
	margin-left: 30px !important;
}

.alpha_m7{
	margin-left: 37px !important;
}

/* Adjusting margin right */

.beta_m0{
	margin-right: 0 !important;
}
.beta_m1{
	margin-right: 5px !important;
}
.beta_m2{
	margin-right: 10px !important;
}
.beta_m3{
	margin-right: 15px !important;
}
.beta_m4{
	margin-right: 20px !important;
}
.beta_m5{
	margin-right: 25px !important;
}
.beta_m6{
	margin-right: 30px !important;
}
.beta_m7{
	margin-right: 35px !important;
}
.beta_m8{
	margin-right: 40px !important;
}

/* Adjusting margin bottom */
.omega_mb0{

	margin-bottom: 0 !important;
}
.omega_mb1{

	margin-bottom: 5px !important;
}
.omega_mb2{

	margin-bottom: 10px !important;
}
.omega_mb3{

	margin-bottom: 15px !important;
}
.omega_mb4{

	margin-bottom: 20px !important;
}
.omega_mb5{

	margin-bottom: 25px !important;
}
.omega_mb6{

	margin-bottom: 30px !important;
}

/* Adjusting margin Top */
.omega_mt0{

	margin-top: 0 !important;
}
.omega_mt1{

	margin-top: 5px !important;
}
.omega_mt2{

	margin-top: 10px  !important;
}
.omega_mt3{

	margin-top: 15px  !important;
}
.omega_mt4{

	margin-top: 20px  !important;
}
.omega_mt5{

	margin-top: 25px  !important;
}
.omega_mt6{

	margin-top: 30px  !important;
}
.omega_mt7{

	margin-top: 45px  !important;
}

/* Adjusting margin top and bottom */

.omega_m0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.omega_m1{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.omega_m2{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.omega_m3{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.omega_m4{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.omega_m5{
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.omega_m6{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

/* Adjusting entire margin */

.sigma_m0{
	margin: 0 !important;
}
.sigma_m1{
	margin: 5px !important;
}
.sigma_m2{
	margin: 10px !important;
}
.sigma_m3{
	margin: 15px !important;
}
.sigma_m4{
	margin: 20px !important;
}
.sigma_m5{
	margin: 25px !important;
}
.sigma_m6{
	margin: 30px !important;
}

/* @end */

/* @group Padding */

/* Adjusting padding left */
.alpha_0{
	padding-left: 0 !important;
}
.alpha_1{
	padding-left: 5px !important;
}
.alpha_2{
	padding-left: 10px !important;
}
.alpha_3{
	padding-left: 15px !important;
}
.alpha_4{
	padding-left: 20px !important;
}
.alpha_5{
	padding-left: 25px !important;
}
.alpha_6{
	padding-left: 30px !important;
}

/* Adjusting padding right */
.beta_0{
	padding-right: 0  !important;
}
.beta_1{
	padding-right: 5px !important;
}
.beta_2{
	padding-right: 10px !important;
}
.beta_3{
	padding-right: 15px !important;
}
.beta_4{
	padding-right: 20px !important;
}
.beta_5{
	padding-right: 25px !important;
}
.beta_6{
	padding-right: 30px !important;
}

/* Adjusting bottom padding */
.omega_b0{
	padding-bottom: 0 !important;
}
.omega_b1{
	padding-bottom: 5px !important;
}
.omega_b2{
	padding-bottom: 10px !important;
}
.omega_b3{
	padding-bottom: 15px !important;
}
.omega_b4{
	padding-bottom: 20px !important;
}

.omega_b5{
	padding-bottom: 25px !important;
}

/* Adjusting top padding */
.omega_t0{
	padding-top: 0 !important;
}
.omega_t1{
	padding-top: 5px !important;
}
.omega_t2{
	padding-top: 10px !important;
}
.omega_t3{
	padding-top: 15px !important;
}
.omega_t4{
	padding-top: 20px !important;
}
.omega_t5{
	padding-top: 25px !important;
}
.omega_t6{
	padding-top: 30px !important;
}
.omega_t7{
	padding-top: 40px !important;
}

/* Adjusting padding top and bottom */

.omega_0{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.omega_1{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.omega_2{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.omega_3{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.omega_4{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.omega_5{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.omega_6{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* Adjusting entire padding */

.sigma_0{
	padding: 0 !important;
	
}
.sigma_1{
	padding: 5px !important;
}
.sigma_2{
	padding: 10px !important;
}
.sigma_3{
	padding: 15px !important;
}
.sigma_4{
	padding: 20px !important;
}
.sigma_5{
	padding: 25px !important;
}
.sigma_6{
	padding: 30px !important;
}


/* @end */
/*
End Section Alpha, Omega, Sigma and Beta using for controlling paddings and Margins.
*/



/* @group Alignments */
.disBlock{
	display: block;
}
.disInline{
	display: inline;
}
.width100{
	width: 100% !important;
}
.width90{
	width: 90%;
}
.width80{
	width: 80%;
}
.alignRight{
	text-align: right;
}
.alignLeft{
	text-align: left;
}
.alignCenter{
	text-align: center;
}

.dirRTL{
	direction: rtl;
}
.dirLTR{
	direction: ltr;
}
/*Alignment*/
.valignTop{
	vertical-align:top;
}
.valignMiddle{
	vertical-align:middle;
}
.valignBottom{
	vertical-align:bottom;
}
.valignBaseline{
	vertical-align:baseline;
}
/* @end */
/*Box Height Fixing*/

.boxHeight1{
	height:170px;
}

.boxHeight2{
	height:180px;
}

.boxHeight3{
	height:200px;
}

/*@end*/
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}
/* Hide from IE Mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
	clear:both;
}
/* End hide from IE Mac */

/* @end */