





::-moz-selection 	{ background-color: #91D8f7; color: #fff; }

::selection 		{ background-color: #91D8f7; color: #fff; }



a					{ outline: 0; color: #000; text-decoration: none; }

a:hover 			{ text-decoration: underline; }

p a:hover 			{ color: #27B3CF; }

a:active 			{ outline: none; position: relative; top: 2px; }



.clearfix 			{ clear: both; }



/*------------------------------------*\

  MAIN

\*------------------------------------*/



body { 

	background: #f2f2f2; color: #222; 

	font-family: 'Calibri', sans-serif; 

	font-size: 16px; 

	-webkit-transition-property: font-size;

	-moz-transition-property: font-size;

	transition-property: font-size;

	-webkit-transition-duration: 0.5s, 0.5s;

	-moz-transition-duration: 0.5s, 0.5s;

	transition-duration: 0.5s, 0.5s; 

	-webkit-transition-timing function: linear, ease-in;

	-moz-transition-timing function: linear, ease-in; 

	transition-timing function: linear, ease-in; 

}



#wrapper {

	max-width:2880px; 

	width:100%; 

	background:#f2f2f2; 

	padding:0px 0;

	border:0px solid #600;

	left: 0;

    min-height: 100%;

    overflow-x: hidden;

    overflow-y: hidden;

    position: absolute;

    top: 0;

	background-color:#f2f2f2;

	}

	

header {

	padding:3px; 

	width:95%; 

	margin:auto;

	}

	

img	{float:left; margin:3px;}





ul 		{ list-style: none;}

ul li 	{ margin: 0px; }	







/**===============H1, H2, H3, H4, H5, H6, START===================**/



h1 { 

	font-size: 90px; font-family: 'Oswald', sans-serif; 

	line-height: 75px; padding: 10px; 

	-webkit-transition-property: font-size;

	-moz-transition-property: font-size;

	transition-property: font-size;

	-webkit-transition-duration: 0.5s, 0.5s;

	-moz-transition-duration: 0.5s, 0.5s;

	transition-duration: 0.5s, 0.5s; 

	-webkit-transition-timing function: linear, ease-in;

	-moz-transition-timing function: linear, ease-in; 

	transition-timing function: linear, ease-in;  

}



h1 a:hover{ text-decoration:none; color:#27B3CF; }



h2 	{

	-webkit-transition-property: font-size;

	-moz-transition-property: font-size;

	transition-property: font-size;

	-webkit-transition-duration: 0.5s, 0.5s;

	-moz-transition-duration: 0.5s, 0.5s;

	transition-duration: 0.5s, 0.5s; 

	-webkit-transition-timing function: linear, ease-in;

	-moz-transition-timing function: linear, ease-in; 

	transition-timing function: linear, ease-in;

}



h3 {

	font-family:'Oswald', sans-serif; 

	font-size: 24px; 

	text-transform:uppercase; 

	}

	

h4 	{

	font-family:'Oswald', sans-serif; 

	font-size: 24px; 

	padding:3px; 

	margin: 5px 0 0 0; 

	}

	

h4 a { text-decoration: underline; }



h6 	{ font-family: 'Oswald', sans-serif; font-size: 20px; text-transform:uppercase; color:#262626; }



/**===============H1, H2, H3, H4, H5, H6, END===================**/





/**=====================NAVIGATION START========================**/

nav { 

	background: #ffffff; 

	padding:0; margin:10px 0; 

	float:right; 

	text-transform:uppercase;

	border:0px solid red;

	width:auto;

	text-aligh:right;

}

nav a {

	color:#5e5e5e; 

	display:block; 

	float:left; 

	padding:2px; 

	font-weight:normal; 

	}

nav a:visited 		{ color:#2e2777; }

nav a:hover			{ text-decoration:none; color:#2e2777;}

nav a:active		{ position:relative; top:0; }



/**=====================NAVIGATION END========================**/







/**=====================SITE LOGO START=======================**/

.logo{

		float:left; 

		border:0px solid red;

		padding:0px 10px 10px 10px;

	}

	

.searchinput {

	margin-left:0px;

	padding:5px;

	height:25px;

	font-family:"Oswald";

	font-size:14px;

	color:#575757;

	border:1px solid #e2e2e2;

	border-radius:6px;

	-moz-border-radius:6px;

	-khtml-border-radius:6px;

	-webkit-border-radius:6px;

	width:160px;

}



/**=====================SITE LOGO END========================**/





/**===================CONTENT (TEXT) START=====================**/

.content-text{

	font-family:Oswald; 

	font-size:16px;

	padding:0px 15px;

	-webkit-transition-property: font-size;

	-moz-transition-property: font-size;

	transition-property: font-size;

	-webkit-transition-duration: 0.5s, 0.5s;

	-moz-transition-duration: 0.5s, 0.5s;

	transition-duration: 0.5s, 0.5s; 

	-webkit-transition-timing function: linear, ease-in;

	-moz-transition-timing function: linear, ease-in; 

	transition-timing function: linear, ease-in; 

}



.content-text a{

	color:#2e2777;

}



.content-text img{

	border:1px #f2f2f2 solid;

	margin:0px 15px;

	-webkit-box-shadow: 0 8px 6px -6px black;

	   -moz-box-shadow: 0 8px 6px -6px black;

	        box-shadow: 0 8px 6px -6px black;

	

}



.content-text h3 {color:#ec007c; line-height:24px; }



.content-text h2 {

	font-family:'Oswald', sans-serif; 

	font-size:34px; 

	text-transform:uppercase; 

	line-height:35px; 

	color:#2e2777; 

	font-weight:800; 

	}



/**===================CONTENT (TEXT) END=====================**/







/**===================MIDDLE PART OF 80% START=====================**/



#main-content{

	width:80%;

	margin-bottom: 0;

    margin-left: auto;

    margin-right: auto;

    margin-top: 0;

	border:0px solid #900;

	overflow-x: hidden;

    overflow-y: hidden;

    }



.wellcome-note {

	padding:40px;

    margin-bottom: 0;

    margin-left:auto;

    margin-right:auto;

    margin-top:0;

    text-align:center;

	background-color:#9CF;

}

.wellcome-note p {

	font-family:oswald;

	text-align:center;

	font-size:24px;

    color:#484848;

    line-height:30px;

    margin-left:0;

    margin-right:0;

	font-weight:100;

}



#featured { padding:0px; margin:auto auto 30px auto; line-height:100%;}



.one-third {

	font-family:Calibri; font-size:14px; font-weight:100; line-height:22px; 

    border:0px solid #545454;

    float:left;

    margin-right:1.1%;

	margin-left:0.9%;

    width:31%;

	border-radius:5px;

	margin-bottom:30px;		

		-webkit-transition-property: width;

		-moz-transition-property: width;

		transition-property: width;

		-webkit-transition-duration: 0.5s, 0.5s;

		-moz-transition-duration: 0.5s, 0.5s;

		transition-duration: 0.5s, 0.5s; 

		-webkit-transition-timing function: linear, ease-in;

		-moz-transition-timing function: linear, ease-in; 

		transition-timing function: linear, ease-in;

}



.one-third p{

	padding:10px;

	text-align:center;

	font-family:Calibri; 

	font-size:18px;  

	line-height:20px; 

   }

.one-third h3{

	color: #555555;

    font-size: 22px;

    padding-bottom: 0px;

    padding-left: 0;

    padding-right: 0;

    padding-top:15px;

    text-align: center;

	font-weight:300;

	font-family:Calibri;

	text-transform:capitalize;

	}

.one-third-img1	{

	background-image:url(../img/content/liveit-quicktab.png);

	background-position:bottom;

    background-origin: padding-box;

    background-repeat: no-repeat;
	padding-top:50px;
  

    border-top-left-radius:5px;

    border-top-right-radius:5px;

    height:150px;

}

.one-third-img2	{

	background-image:url(../img/content/shareit-quicktab.png);

	background-position:bottom;

    background-origin: padding-box;

    background-repeat: no-repeat;
	padding-top:50px;
  

    border-top-left-radius:5px;

    border-top-right-radius:5px;

    height:150px;

}

.one-third-img3	{

	background-image:url(../img/content/listit-quicktab.png);
 
	background-position:bottom;

    background-origin: padding-box;

    background-repeat: no-repeat;
padding-top:50px;
  

    border-top-left-radius:5px;

    border-top-right-radius:5px;

    height:150px;

}

  

   

.title h3{

    color: #2E2777;

    font-family: 'Oranienbaum',serif;

    font-size: 24px;

	font-weight:100;

    margin-bottom: 15px;

    margin-left: 0;

    margin-right: 0;

    margin-top: 15px;

    text-align: center;

    text-transform: uppercase;

    transition-duration: 0.5s, 0.5s;

    transition-property: font-size;

}

.title h2{

    color: #0188b4;

    font-family: 'Oranienbaum',serif;

    font-size:32px;

	font-weight:100;

    margin-bottom: 15px;

    margin-left:0;

    margin-right:0;

    padding-bottom: 10px;

    text-align: center;

    text-transform: uppercase;

    transition-duration: 0.5s, 0.5s;

    transition-property: font-size;

}





/**=====================LEFT COLOUMN START====================**/



.left-col { 

	width: 48%; 

	float: left; 

	border:0px solid red; 

	padding:10px; 

	}

	

.left-col img {margin-right:3%;}

	

.left-col h3 {color:#000; line-height:24px; }



.left-col h2 { 

	font-family:'Oswald', sans-serif; 

	font-size:34px; 

	text-transform:uppercase; 

	line-height:35px; 

	color:#07698f; 

	font-weight:800; 

	}

	

.left-col p{font-family:Oswald; font-weight:100; line-height:22px; text-align:justify;}



/**=====================LEFT COLOUMN END====================**/







/**=====================SIDEBAR START=======================**/

.sidebar { 

	width: 45%; 

	float: right; margin-bottom: 10px;	

	border:0px solid red;

	-webkit-transition-property: width;

	-moz-transition-property: width;

	transition-property: width;

	-webkit-transition-duration: 0.5s, 0.5s;

	-moz-transition-duration: 0.5s, 0.5s;

	transition-duration: 0.5s, 0.5s; 

	-webkit-transition-timing function: linear, ease-in;

	-moz-transition-timing function: linear, ease-in; 

	transition-timing function: linear, ease-in;

}





.sidebar p {

    font-family:Oswald; font-weight:100; line-height:22px; text-align:justify;

}



.sidebar img{

	border:1px white solid;

	-webkit-box-shadow: 0 8px 6px -6px black;

	   -moz-box-shadow: 0 8px 6px -6px black;

	        box-shadow: 0 8px 6px -6px black;

}



.sidebar ul{

	color:#1f1f1f; 

	padding:0px 5px;

	font-family: Oswald;

	}

	

.sidebar li{list-style-type: square; padding-bottom:10px; margin-left:20px;}



/**=====================SIDEBAR START=======================**/









/**=======================ONE FOURTH START(4 COLOUMN IN ROW)=====================**/



.one-fourth {

	border:0px solid #E6E3E3;

    float:left;

    margin-right:1.1%;

	margin-left:0.9%;

    width:23%;

	border-radius:5px;

	margin-bottom:30px;		

		-webkit-transition-property: width;

		-moz-transition-property: width;

		transition-property: width;

		-webkit-transition-duration: 0.5s, 0.5s;

		-moz-transition-duration: 0.5s, 0.5s;

		transition-duration: 0.5s, 0.5s; 

		-webkit-transition-timing function: linear, ease-in;

		-moz-transition-timing function: linear, ease-in; 

		transition-timing function: linear, ease-in;

}



.one-fourth p{

	padding:0px;

	text-align:center;

	font-family:Oswald; 

	font-size:14px; 

	font-weight:300; 

	line-height:18px;

	color:#000;

	}

.one-fourth h3{

	color: #484848;

    font-size: 22px;

    padding-bottom: 10px;

    padding-left: 0;

    padding-right: 0;

    padding-top:15px;

    text-align: center;

	color:#369;

	font-weight:300;

	}

.one-fourth img {

	padding-bottom:10px;

	border-radius:5px;

}



	

/**=======================ONE FOURTH END(4 COLOUMN IN ROW)=====================**/





/**===============ONE + THIRD START(2 COLOUMN IN ROW -- IMAGE & TEXT)==============**/



.one-image-left {

    float: left;

    margin-right: 2%;

    width: 25%;

}

.third-text-right {

    float: right;

    width: 72%;

}



.third-text-right h3{

	color: #484848;

    font-size: 22px;

    padding-bottom: 10px;

    padding-left: 0;

    padding-right: 0;

    padding-top:15px;

    text-align:left;

	color:#369;

	font-weight:300;

	}

	

.third-text-right p{

	padding:0px;

	text-align:justify;

	font-family:Oswald; 

	font-size:14px; 

	font-weight:300; 

	line-height:18px;

	color:#000;

	}	



.btn {

	margin-top:20px;

    border-radius:4px;

    color: #fff;

    display: inline-block;

    font-size:14px;

    padding:6px;

    text-transform: uppercase;

	background-color:#01709e;

    transition-delay: 0s;

    transition-duration: 0.5s;

    transition-property: all;

    transition-timing-function: ease;

}

.btn:hover {

	margin-top:20px;

	border-radius:4px;

    color: #fff;

    display: inline-block;

    font-size:14px;

    padding:6px;

    text-transform: uppercase;

	background-color:#000;

    transition-delay: 0s;

    transition-duration: 0.5s;

    transition-property: all;

    transition-timing-function: ease;

}

	

/**===============ONE + THIRD END(2 COLOUMN IN ROW -- IMAGE & TEXT)==============**/















/***TABLE CSS***/

table, th, td

{

border: 1px dotted #e2e2e2;

font-weight:normal; border-collapse:collapse;

font-size:14px;

text-transform:uppercase;

color:#2e2777;

}



th, td{padding:10px; background-color:#f8f8f8;}



td.head {background-color:#2e2777; color:#FFF;}



/***TABLE CSS***/







/*****MEDIAWORKS CSS****/

.quicktabs-home{

	overflow:hidden;

	border:1px solid #b1b1b1;

	margin-bottom:5px;

	background-color:#ffffff;

	border-radius:0px 0px 5px 5px;

	-webkit-box-shadow: 0 5px 6px -6px #606060;

	-moz-box-shadow: 0 5px 6px -6px #606060;

	 box-shadow: 0 5px 6px -6px #606060;

	

}



.memberstab{

	overflow:hidden;

	border:1px solid #bababa;

	margin:10px 0px;

	background-color:#ffffff;

	border-radius:5px;

	-webkit-box-shadow: 0 5px 6px -6px #b2b2b2;

	-moz-box-shadow: 0 5px 6px -6px #b2b2b2;

	 box-shadow: 0 5px 6px -6px #b2b2b2;



}



.members{

	border:0px solid red;

	margin:auto;

	

	overflow:hidden;

	padding:5px;

}



button.css3button {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #989898;

	padding: 5px 15px;

	background: -moz-linear-gradient(

		top,

		#ffffff 0%,

		#ffffff);

	background: -webkit-gradient(

		linear, left top, left bottom,

		from(#ffffff),

		to(#ffffff));

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid #d1d1d1;

	-moz-box-shadow:

		0px 1px 2px rgba(122,122,122,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	-webkit-box-shadow:

		0px 1px 2px rgba(122,122,122,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	box-shadow:

		0px 1px 2px rgba(122,122,122,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,1);

}







.members img{float:left; padding:0px; margin:1px;}





.footertab{

	overflow:hidden;

	border:1px solid #b2b2b2;

	margin:0px;

	background-color:#ffffff;

	border-radius:5px;

	-webkit-box-shadow: 0 5px 6px -6px #b2b2b2;

	-moz-box-shadow: 0 5px 6px -6px #b2b2b2;

	 box-shadow: 0 5px 6px -6px #b2b2b2;

	padding:0px;

}



footer 				{ 

	padding: 20px 0px; 

	background:#ffffff;

	color:#5f93b4;

	font-size:12px;

	font-family:font-family: 'Calibri', sans-serif; 

	text-align:left;

	border-top:1px solid #b2b2b2;

}



footer p{

		font-size:15px;

		font-family:font-family: 'Calibri', sans-serif; 

		text-align:left;

		padding:0px 10px;

	}

footer a{

	color:#5f93b4; 

	text-decoration:none; 

	padding:0px 10px;

	text-decoration:none;

}



footer a:hover{text-decoration:none;}



/***Muntiple Selectino***/



.thefield{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/

font-family: 'Calibri', sans-serif; 

color:#696969;

padding: 0px;

float:right;

border-radius:3px;

border:1px solid #b3b3b3;

padding:4px;

margin-top:-5px;

width:200px;

margin-right:15px;

}



.footer-one-third {

	font-family:Calibri; font-size:14px; font-weight:100; line-height:22px; 

    border:0px solid #545454;

    float:left;

    margin-right:1.1%;

	margin-left:0.9%;

    width:31%;

	border-radius:0px;

	margin-bottom:0px;		

		-webkit-transition-property: width;

		-moz-transition-property: width;

		transition-property: width;

		-webkit-transition-duration: 0.5s, 0.5s;

		-moz-transition-duration: 0.5s, 0.5s;

		transition-duration: 0.5s, 0.5s; 

		-webkit-transition-timing function: linear, ease-in;

		-moz-transition-timing function: linear, ease-in; 

		transition-timing function: linear, ease-in;

}



.footer-one-third p{

	padding:10px;

	font-family:Calibri; 

	font-size:16px;  

	line-height:18px; 

	color:#7e7e7e;

   }

.footer-one-third h3{

	color: #626262;

    font-size: 22px;

    padding: 10px;

	font-weight:300;

	font-family:Calibri;

	text-transform:capitalize;

	}

	

.site-logo{ float:left; margin:auto; max-width:262px; border:0px dashed #e2e2e2;}

#top-nav {float:right; padding-right:25px; margin-top:25px; width:auto;}





#search {



}



#search input[type="text"] {

	float:right; margin:5px;

    background: url(../img/content/search-background.png) 10px 6px #326c91;

	background-repeat:no-repeat;

    border: 0 none;

    font: bold 12px Arial,Helvetica,Sans-serif;

    color: white;

    width: 150px;

    padding: 6px 15px 6px 35px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

    -webkit-transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

    transition: all 0.7s ease 0s;

    }



#search input[type="text"]:focus {

    width: 200px;

    }



/*****MEDIAWORKS CSS****/



/**************MWORKS-CSS-START-RAVI***************/



#slider-main {

	background-image:url(../img/bg_front.jpg);

	background-repeat:no-repeat;

	background-position:center;

	background-size:100%;

	overflow:hidden;

	padding:10px;

	border:0px;

	border-top-left-radius:4px;

	border-top-right-radius:4px;

	border-bottom-right-radius:0px;

	border-bottom-left-radius:0px;

	height:430px;

				

}

#account-title {

	width:280px;

	color:#FFF; 

	font-size:24px; 

	font-weight:bold; 

	float:left; 

	margin:0px 5px 20px 5px;

	text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);

	}

.accountForm{

	float:right;

	background-image:url(../img/bgform.png);

	background-repeat:repeat;

	/*background-color:#0f1d44;*/

	font-family:calibri;

	border:0px;

	border-radius:4px;

}

.accountForm fieldset{

	border:none;

	margin:10px;

	padding:0px;

}      

.accountForm label{

display:block;

color:#ffc400;

font-family:calibri;

font-size:14px;

color:#fff;

font-weight:bold;

}      

.accountForm input[type=text] {

display:block;

border:solid 1px #4d3a24;

width:280px;

padding:7px;

margin-bottom:10px;

background-color:#fff;

color:#333;

border-radius:5px;

border:1px solid #000;

}  



.accountForm input[type=password] {

display:block;

border:solid 1px #4d3a24;

width:280px;

padding:7px;

margin-bottom:10px;

background-color:#fff;

color:#333;

border-radius:5px;

border:1px solid #000;

}  

.accountForm textarea{

display:block;

border:solid 1px #4d3a24;

width:100%;

margin-bottom:10px;

}  

.accountForm input[type=submit]{

background-color:#4d3a24;

border:solid 1px #23150c;

color:#fff;

padding:5px;

}                

.accountForm-button{

margin-top:20px;

float:left;

height:30px;

display:block;

cursor:pointer;

border-radius:4px;

padding:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

color:#fff;

text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);



	background-image: -webkit-gradient(

	linear,

	left top,

	left bottom,

	color-stop(0, #0FCF0F),

	color-stop(1, #0FB90F)

);

background-image: -o-linear-gradient(bottom, #0FCF0F 0%, #0FB90F 100%);

background-image: -moz-linear-gradient(bottom, #0FCF0F 0%, #0FB90F 100%);

background-image: -webkit-linear-gradient(bottom, #0FCF0F 0%, #0FB90F 100%);

background-image: -ms-linear-gradient(bottom, #0FCF0F 0%, #0FB90F 100%);

background-image: linear-gradient(to bottom, #0FCF0F 0%, #0FB90F 100%);



}



#main-sign { width:220px; float:right; margin:10px 0px 10px 0px;}

.member{

color:#fff;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

	text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);

}

.sign-button{

	float:right;

	background-color:#000;

	color:#fff;

	font-size:12px;

	font-family:arial;

	font-weight:bold;

	text-align:center;

	padding:8px;

	margin:0px 0px 0px 10px;

	cursor:pointer;

	border-radius:6px;

}

.accountForm placeholder {color:#555555; font-size:12px;}





	



/**************MWORKS-CSS-END-RAVI***************/