body
{
background-color:black;
font-family:verdana;
color:#cccccc;
margin:0px;
padding:0px;
font-size:11px;
background-image:url(https://www.emotionevents.com.mt/images/body-bg.jpg);
background-position:top center;
background-repeat:no-repeat;
width:100%;
}

p
{
margin: 14px 0 17px 0;
}

a
{
text-decoration:none;
font-family: 'Quicksand', sans-serif;
color:#ffffff;
font-size:18px;
}

a:hover
{
text-decoration:underline;
}

a img
{
border:0px;
}

h1
{
color:white;
font-weight:normal;
margin:0px;
padding:0px;
font-family: 'Quicksand', sans-serif;
font-size:24px;
}

#miceinfointro h1
{
text-align:center;
}

#navbar {
  position: fixed;
 top:0px;
  width: 100%;
background-color:transparent;
background-image:url(https://www.emotionevents.com.mt/images/nav-bg.png);
background-repeat:repeat-x;
height:64px;
z-index:99;
}

#nav
{
width:960px;
margin:0px auto;
text-align:center;
padding:5px 0 13px 0;
}

#nav ul
{
list-style-type:none;
padding:0px;
margin:0px;
}

#nav li
{
display:inline;
margin:6px 30px 0 0px;
}

#maincontent
{
width:960px;
margin:0px auto;
margin-top:73px;
}

#emotionlogo
{
width:960px;
float:left;
}

#welcomesection
{
width:960px;
float:left;
//background-image:url(https://www.emotionevents.com.mt/images/welcome-bg.jpg);
backgroun-repeat:repeat-y;
background-color:transparent;
}

#welcomeimage
{
background-color:transparent;
width:476px;
float:left;
}

#welcomemessage
{
width:465px;
float:left;
border-width:0 0 0 1px;
border-style:solid;
border-color:#414141;
padding:0 0 0 18px;
min-height:202px;
}

#welcomemessage p:first-child
{
margin-top:0px;
}

#welcomemessage p:last-child
{
margin-bottom:0px;
}

#whereweare, #wherereflection
{
width:960px;
float:left;
}

#thegallery
{
width:960px;
float:left;
margin-top:40px;
}

.accordionheader
{
	-webkit-transform: rotate(270deg);	
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg); 
	float:left; width:312px;
	margin-left: -154px;    
	position: absolute;    
	text-align: left;    
	width: 314px;
	margin-top:287px;
color:white;
font-family: 'Quicksand', sans-serif;
font-weight:bold;
font-size:18px;
}

.test4 .handleSelected .accordionheader, .test4 .handleOver .accordionheader
{
color:black;
}

#accordion
{
width:960px;
float:left;
margin-top:-30px;
}

#logocarousel
{
width:960px;
float:left;
}

#miceinfo
{
margin-top:-135px;
color:#999999;
}

#miceinfo, #miceinfotop, #miceinfointro, #miceinfocolumns, #miceinfobottom
{
width:960px;
float:left;
}

#miceinfointro
{
background-image:url(https://www.emotionevents.com.mt/images/box-bg.png);
}

#miceinfocolumns
{
background-image:url(https://www.emotionevents.com.mt/images/box-bg-line.png);
}

#miceinfocolumn1, #miceinfocolumn2
{
width:450px;
float:left;
background-color:transparent;
}

#miceinfocolumn1
{
text-align:right;
padding-right: 18px;
padding-left:12px
}

#miceinfocolumn2
{
text-align:left;
padding-right: 12px;
padding-left:18px
}

#contentwithscrollarea
{
width:960px;
height:474px;
background-image:url(https://www.emotionevents.com.mt/images/content-scroll-bg.jpg);
}

#carouselarea
{
width:960px;
float:left;
}

.subtitle
{
font-weight:normal;
font-size:18px;
font-family: 'Quicksand', sans-serif;
color:white;
}

.whitetext
{
color:white;
}

#carouselarea h1, #contactus h1
{
text-align:center;
}

#contactus
{
width:960px;
float:left;
}

#contactcontent1
{
text-align:center;
}

#contactus .subtitle
{
text-align:center;
width:960px;
float:left;
}

#contactcolumn1, #contactcolumn2, #contactcolumn2 a
{
width:448px;
padding:0 16px 0 16px;
float:left;
color:#999999;
font-size:11px;
}

#contactcolumn2 a
{
padding:0px;
font-family:verdana !important;
}

#contactcolumn1
{
text-align:right;
}

#snicons
{
width:400px;
float:right;
padding-right:8px;
}

.snicon
{
float:right;
}

#contentwithscroll
{
width:960px;
float:left;
}

#contentwithscroll h1
{
width:960px;
height:40px;
padding-top:40px;
background-repeat:no-repeat;
background-image:url(https://www.emotionevents.com.mt/images/rating-topglow.png);
}

#carouselarea h1, #contactus h1 
{
width:960px;
height:40px;
padding-top:55px;
background-repeat:no-repeat;
background-image:url(https://www.emotionevents.com.mt/images/rating-reflection.png);
}

.content li
{
display:list-item !important;
list-style-type:square;
list-style-position: inside;
color:black;
line-height:21px;
}

.content li img
{
border:0px !important;
}

#belowgallery
{
width:960px;
float:left;
}

.snincon:hover
{
opacity:0.8;
}

#footer
{
width:960px;
float:left;
text-align:center;
background-image:url(https://www.emotionevents.com.mt/images/footer-line.png);
background-repeat:no-repeat;
padding-top:38px;
margin-top:20px;
padding-bottom:28px;
}



.test4 .handle
{
margin-right:6px !important;
cursor:pointer;
}

#whereweare
{
margin-top:-42px;
}

.tn3-image-description
{
font-weight:bold !important;
font-size:12px !important;
}

.tn3-text-bg
{
padding-top:5px !important;
padding-bottom:0px !important;
height:36px !important;
}

#contentwithscrollarea a
{
color:black !important;
font-size:11px;
font-family:verdana;
text-decoration:underline;
}

.en
{
width: 18px;
height: 18px;
background-image:url("https://www.emotionevents.com.mt/images/en.png");
background-repeat: no-repeat;
text-indent: -999999px;
float: right;
margin: 0px 10px 0 0;
}

.en:hover
{
background-image:url("https://www.emotionevents.com.mt/images/en-hover.png");
}

.en_active
{
width: 18px;
height: 18px;
background-repeat: no-repeat;
text-indent: -999999px;
float: right;
margin: 0px 10px 0 0;
background-image:url("https://www.emotionevents.com.mt/images/en-hover.png");
}

.fr
{
width: 18px;
height: 18px;
background-image:url("https://www.emotionevents.com.mt/images/fr.png");
background-repeat: no-repeat;
text-indent: -999999px;
float: right;
margin: 0px 10px 0 0;
}

.fr:hover
{
background-image:url("https://www.emotionevents.com.mt/images/fr-hover.png");
}
.fr_active
{
width: 18px;
height: 18px;
background-repeat: no-repeat;
text-indent: -999999px;
float: right;
margin: 0px 10px 0 0;
background-image:url("https://www.emotionevents.com.mt/images/fr-hover.png");
}