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

body {
	margin: 0;
	padding:0;
}
.register-button
{
    padding: 8px 22px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid #000;
    cursor: pointer;
}

p {
text-align:justify;
}

p.loc {
	text-align:right;
	margin-right:50px;
}

a{outline:none;}
.clear{clear:both;}
img{border:none;}

.wrap{
	margin:0 auto 0 auto;
	width:982px;
	}
	
.header{
	height:168px;
	}
	
.logo{
	width:400px;
	height:122px;
	float:left;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	}
	
.logo a{
	width:400px;
	height:122px;
	display:block;
	}
	
.date{
	width:330px;
	height:100px;
	padding-top:0px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    line-height:16px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	}
	
.register-now{
	float:right;
	width:220px;
	margin-top:11px;
	}
	
.register-now{
	float:right;
	width:220px;
	height:91px;
	background-image:url(../images/register-now.png);
	background-repeat:no-repeat;
	}
	
.register-now a{
	float:right;
	width:220px;
	height:91px;
	
	}
	
.menu-wrap{
	margin:0 auto 0 auto;
	height:31px;
	background-color:#000;
	}
	
.nav{
	margin:0 auto 0 auto;
	width:982px;
	}
	
.menu{
	margin:0;
	padding:0;
	}
	
.menu li{
	list-style:none;
	float:left;
	}
	
.menu li a{
	display:block;
	line-height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:0px;
	padding-right:17px;
	}
	
.menu li a:hover{
	display:block;
	line-height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#1e3d59;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:0px;
	padding-right:17px;
	}
	
.content-wrap{
	margin:0 auto 0 auto;
	width:982px;
	height:auto;
	background-color:#fff;
	margin-top:20px;
	}
	
.banner{
	background-color:#FFFFFF;
	height:235px;
	padding:20px;
	}
	
.content{
	width:942px;
	height:auto;
	padding:20px;
	background-color:#fff;
	display: flex;
	}
	
.content-left{
	width:630px;
	float:left;
	height:auto;
	padding-right:26px;
	border-right:#5c5c5c solid 1px;
	}
.content-right{
	width:253px;
	height:auto;
	float:right;
	padding-left:32px;
	}
	
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	display:block;
	color:#5c5c5c;
	text-transform:uppercase;
	}

.thankyou{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	line-height:18px;
	}
	
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	line-height:18px;
	}
	
.text a{
	color:#5c5c5c;
	text-decoration:none;
	}
	
.text span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5C5C5C;
	text-transform:uppercase;
	}
.text span a{
	color:#000;
	text-decoration:none;
	}	

.text blockquote{
	margin:0;
	padding:0;
	margin-left:20px;
	}


.text img{
	text-align: center;	
}

.footer-wrap{
	
	}

.footer{
	margin:0 auto 0 auto;
	width:942px;
	height:60px;
	background-color:#FFF;
	border-top:#aaaaaa solid 1px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top:17px;
	}
	
.footer a{
	text-decoration:none;
	color:#000;
	
	}
	
.footer span{
	float:right
	}
	
.footer-copyright{
	margin:0 auto 0 auto;
	width:942px;
	height:27px;
	line-height:27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	background-color:#000;
	color:#fff;
	}
	
.footer-flot-left{
	float:left;
	width:400px;
	text-align:left;
}
.footer-flot-right{
	float:right;
	width:300px;
	text-align:right;
}

/* ---------- Banner---------- */

#feature_wrapper {
	width: 940px;
	margin: 0 auto;
	line-height: 16px;
	padding-bottom: 20px;

}
#feature_list {
	width: 939px;
	height: 230px;
	overflow: hidden;
	position: relative;
	/*background-color: #cdd9d2;
	background-color: #404040;*/
	text-transform:none;
}
#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
#tabs {
	right: 23px;
	top:10px !important;
	z-index: 10;
	width: 220px;
	height:207px;
	margin-top:40px;
	background-color:#e85098;
}
#tabs li {
	font-size: 12px;
	font-family: Arial;
	height: 51px;
	background-image:url(../images/tab-border.gif);
	background-repeat:no-repeat;
	background-position:25px 0;
	margin-left:-25px;
}
#tabs li a {
	color: #999999;
	text-decoration: none;	
	display: block;
	padding: 0px 20px 10px 35px;
	height: 51px;
	outline: none;
}

* html #tabs li a {
	color: #999999;
	text-decoration: none;	
	display: block;
	padding: 0px 10px 0px 35px;
	height: 51px;
	outline: none;
}

#tabs li a:hover {
	color: #fff;
	padding-left:35px;
	
}
#tabs li a.current {
	background: url(../images/tab-menu-hover.png) top left no-repeat;
	color: #393939 ;
	margin-top:0px;
	
}
* html #tabs li a.current {
	background: url(../images/tab-menu-hover.png) top left no-repeat;
	color: #393939 ;
	background-position:0px 0px !important;
	position:absolute;
	display:block;
	width:100%;
	height:51px;
	margin-top:4px;
	
}


#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
#output {
	left: 0;
	width: 633px;
	height: 255px;
	position: relative;
}
#output li {
	position: absolute;
	width: 651px;
	height: 230px;
}
.outputimg {

	border: #FFF solid 1px;
	border-right: none;
}

.featuretitle {
	margin: 0;	
	padding: 10px 0 10px 0;
	font-size: 12px;
	text-transform: none;
	color:#0d0e0d;
	display: block;
}

.featuretitle span{
	margin: 0;	
	padding: 0;
	line-height:18px;
	font-size: 12px;
	font-weight:bold;
	text-transform: none;
	font-style:italic;
	color:#000;
	display: block;
}
/* ---------- Banner---------- */

.broadcom{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5c5c5c;
	line-height:18px;
	height:30px;
	}
	
.broadcom a{
	color:#5c5c5c;
	text-decoration:none;
	}
	
.programme-time{
	margin:0;
	padding:0;
	margin-top:30px;
}

.programme-time dt{
	font-size:12px;
	line-height:16px;
	float:left;
	width:100px;
	display:block;
	height:auto;
	}
	
.programme-time dd{
	margin:0;
	padding:0;
	margin-left:100px;
	margin-bottom:22px;
	}

.prices {
	margin:0 auto 0 auto;
	width:419px;
	height:auto;
	margin-top:25px;
	padding-top:15px;
	font-weight:normal;
	}

	
.register {
	margin:0 auto 0 auto;
	width:419px;
	height:auto;
	border-top:#d7d7d7 solid 1px;
	margin-top:25px;
	padding-top:15px;
	font-weight:normal;
	}
	

/*.register input {
	width:253px;
	height:28px;
	border:#829fbb solid 2px;
	float:right;
	margin-bottom:10px;
	}
	
.register label{
	width:152px;
	padding-left:5px;
	height:28px;
	float:left;
	margin-bottom:10px;
	}
*/

.register p{
	margin:0;
	padding:0;
	}

.register label{
	width:140px;
	margin-left:10px;
	margin-bottom:7px;
	vertical-align:top;
	display:inline-block;
	font-weight:bold;
}
.register input[type=text]{
	width:253px;
	height:40px;
	margin-bottom:7px;
	border:#829fbb solid 1px;
}
.register input[type=email]{
	width:253px;
	height:40px;
	margin-bottom:7px;
	border:#829fbb solid 1px;
}
.register textarea{
	width:253px;
	height:80px;
	margin-bottom:7px;
	border:#829fbb solid 1px;
	overflow:auto;
}
.register select{
	width:255px;
	height:40px;
	margin-bottom:7px;
	border:#829fbb solid 1px;
}


.checkbox{
	margin:0;
	padding:0;
	position:absolute;
	margin-left:-15px;
	margin-top:3px;
	
}

.register-button{
	float:right;
}

.thankyou{
	width:942px;
	height:auto;
	margin:0 auto 0 auto;
	padding:5px;
	}
	
	
/*------------------------------ 
	20. Subscribe Block
-------------------------------*/

.subscribe-block{
	background:#fff;
	padding:20px 0px 5px 0px;
	margin:0 0px 13px 0px;
	text-align:center;
}
.subscribe-block label{
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	font: 12px/14px "oswaldregular", Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
}
.subscribe-block label span{color:#F33CA4;margin-right: 5px;}
.subscribe-block label strong{font:24px/26px "oswaldbold", Arial, Helvetica, sans-serif;}
.subscribe-block .box{
	display:inline-block;
	vertical-align:middle;
	width:242px;
	height:34px;
	border:1px solid #272727;
}
.subscribe-block input[type="text"],
.subscribe-block input[type="email"]{
	width:108px;
	height:16px;
	background:none;
	border:0;
	margin:0;
	padding:10px 8px 8px;
	float:left;
	font:13px/16px Arial, Helvetica, sans-serif;
}
.subscribe-block input[type="submit"]{
	width:119px;
	height:36px;
	background:#1a1a1a;
	border:0;
	margin:-1px -1px -1px 0;
	padding:2px 0 0;
	cursor:pointer;
	float:left;
	font:13px/36px "oswaldregular", Arial, Helvetica, sans-serif;
	overflow:hidden;
	color:#fff;
}
.subscribe-block input[type="submit"]:hover{
	background:#d72020;
	color:#010101;
}
.subscribe-block .status{
	color:#d72020!important;
	display: block;
	clear: both;
	padding-top: 10px;
	text-align: left;
	font-size: 13px;
}

fieldset{
	width:248px;
	margin:0px 0px 0px 0px;
	padding:2px;
	border:1px solid #272727;
}	

.margintop-200{
	margin-top: 200px;
}
.margintop-550{margin-top: 550px;}
.margintop-130{margin-top: 130px;}
.menu-toggle{display: none;}
@media(max-width: 767px){
	*{
		box-sizing: border-box; 
	}		
	.content-right .text p{
		text-align: center;	
	}
	.text ul{
		padding-left: 15px;
	}
	img{
		max-width: 100%;
	}
	.wrap{
		width: 100%;
	}
	.header{
		height: auto;
	}
	.logo{
		width: 100%;
		height: auto;
		float: none;
		text-align: center;
		width: 290px;
		margin:  0 auto
	}
	.logo a{
		width: 100%;
		text-align: center;
	}
	.date{
		width: 100%;
		height: auto;
		float: none;
		text-align: center;
	}
	p.loc{
		text-align: center;
		margin: 0px 0 20px;
	}
	.register-now{
		float: none;
		width: 100%;
		text-align: center;
		background-position: center;
		margin-bottom: 30px;	
	}
	.nav{
		width: 100%;
	}
	.menu-toggle {
    color: #fff;
    font-family: arial;
    padding: 15px;
    background: #454545;
    display: block;
}
	.menu{
		padding: 15px;
		display: none;
	}
	.menu li{
		float: none;
		display: block;
		padding: 5px; 

	}
	.menu-wrap{
		height: inherit;
	}
	#feature_list{
		width: 100%;
	}
	.content{
		width: 100%;
		display: block;
	}
	.content-left{
		width: 100%;
		float: none;
		    padding: 0;
    border: 0;
    margin-top: 25px;
	}
	.content-right{
		float: none;
		width: 100%;
		text-align: center;
		padding-left: 0;
	}
	.content-wrap{
		width: 100%;
		margin-top: 0;
	}
	.footer{
		width: 100%;
		float: none;
	}
	#output li{
		width: 100%;
	}
	.banner{ display: none;}
	#feature_list{ display: none;}
	.broadcom{ display: none;}
	#feature_list ul#output{
		width: 100%;
		display: none;
	}
.footer-copyright{
	width: 100%;
}
.footer-flot-left{
	width: 100%;
	float: none;
	text-align: center;
}
.footer-flot-right{
	width: 100%;
	text-align: left;
	float: none;
	text-align: center;
}
.register label{
	width: 100%;
	display: block;
	margin-bottom: 5px;
	float: none;
	margin-left: 0;
}
.register select{
	width: 100%;
}
.register input[type=text]{
	width: 100%;
}
.register input[type=email]{
	width: 100%;
}
.register{
	width: 100%;
}
.register-button{
	float: none;
}
.register textarea{
	width: 100%;
}
.margintop-300{ display: none;}
.margintop-650{ display: none;}
.margintop-550{display: none;}
.margintop-200{display: none;}
.margintop-130{margin-top: 30px;}

}