@import url(navi.css);
@import url(forms.css);
@import url(tables.css);


body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	background-color:#FFFFFF;
	}

img{
	display:inherit;
	margin:0;
	border:none;
}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{
	outline:none;
	text-decoration:none;
	color:#FF0000;
	background-color:#FFFFFF;
}

.fl_left{
	float:left;
	margin-bottom: 200px;
}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}




.img-with-text {
	text-align: center;
	width: 150px;
}

.img-with-text img {
	display: block;
}


.img-with-text2 {
	text-align: center;
	width: 150px;
}

.img-with-text2 img {
	display: block;
}


/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	color:#AD925D;
	border-bottom: 2px solid #E3E3E3;
	;
	}

.col0, .col0 a{
	color:#FFFFFF;
	background-color:#333333;
}
.col1{
	color:#666666;
	background-color:#000000;
	border-bottom:1px solid #AD925D;
	border-top:1px solid #AD925D;
}
.col2{color:#FFFFFF; background-color:#191919; padding:20px 0;}
.col2 a{color:#FFFFFF; background-color:#191919;}
.col3{margin:1px 0; border-top:1px solid #363636; border-bottom:1px solid #363636;}
.col4{color:#FFFFFF; background-color:#000000;}
.col4 a{color:#FFFF00; background-color:#000000;}
.col5, .col5 a{color:#999999; background-color:#1B1B1B;}
.col4, .col5{font-family: Verdana, Geneva, sans-serif;}
.col4 h2, .col5 h2{font-family: Georgia, "Times New Roman", Times, serif;}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topline, #topbar, #breadcrumb, .container, #hpage_cats, #adblock, #socialise, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}




/* ----------------------------------------------TopBar-------------------------------------*/

#topline{
	padding:5px 0;
	}

#topline ul{
	float:left;
	margin:6px 0 0 0;
	padding:0;
	list-style:none;
	}

#topline li{
	display:inline;
	margin:0 8px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #999999;
	}

#topline li.last{
	margin-right:0;
	padding-right:0;
	border:none;
	}

#topline #search{
	display:block;
	float:right;
	margin:5px;
	padding:0;
	overflow:hidden;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	padding:0px 0 0px;
	z-index:1000;
	}

#header h1, #header p, #header ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#header #logo{
	display:block;
	float:left;
	margin-top:0px;
	overflow:hidden;
	}

#header #logo h1 a{
	font-size:46px;
	color:#999999;
	background-color:#000000;
	}

#header h1 strong{
	font-weight:normal;
	color:#FFFF00;
	background-color:#000000;
	}

#header #logo p{
	text-align:right;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}

#breadcrumb ul li.current a{text-decoration:underline; color:#FFFF00; background-color:#191919;}

/* ----------------------------------------------Content-------------------------------------*/

.container{
	padding:20px 0;
	min-height: 625px;
	}

.content{
	display:block;
	float:left;
	width:630px;
	}
	
	.contentwide{
	display:block;
	float:left;
	width:930px;
	}


/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#660000; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#660000; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

.column{
	display:block;
	float:right;
	width:320px;
	}

.column .holder{
	display:block;
	width:260px;
	margin-bottom:20px;
	padding-left:10px;
	}

/* Sponsors Block */

.column .sponsors{
	display:block;
	width:320px;
	margin-bottom:20px;
	min-height: 600px;
	}

.column .sponsors h2{
	margin:0 0 15px 10px;
	padding:0 0 8px 0;
	border-bottom:2px solid #E3E3E3;
	}

.column .sponsors .b_250{
	display:block;
	width:320px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}

.column .sponsors .b_125 ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.column .sponsors .b_125 ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.column .sponsors .b_125 li{
	float:left;
	margin:0 0 10px 0px;
	}
	
	
	
	.columnwide{
	display:block;
	width:960px;
	}

.columnwide .holder{
	display:block;
	width:960px;
	margin-bottom:20px;
	padding-left:10px;
	}

/* Sponsors Block */

.columnwide .sponsorswide{
	display:block;
	width:960px;
	margin-bottom:20px;
	height: 350px;
	}

.columnwide .sponsorswide h2{
	margin:0 0 15px 10px;
	padding:0 0 8px 0;
	border-bottom:2px solid #E3E3E3;
	}

.columnwide .sponsorswide .b_250{
	display:block;
	width:300px;
	margin:0 0 10px 10px;
	padding:0px;
	}

.columnwide .sponsorswide .b_125 ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.columnwide .sponsorswide .b_125 ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.columnwide .sponsorswide .b_125 li{
	float:right;
	margin:0 0 10px 10px;
	}
	
	
	

/* ----------------------------------------------Homepage Specific-------------------------------------*/

#topstory{
	display:block;
	width:100%;
	margin-bottom:25px;
	}

#topstory h2, #latestnews h2, #service h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #E3E3E3;
	}

#topstory ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#topstory li{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	}

#topstory li.last{
	margin-right:0;
	}

#topstory img{
	margin:0;
	padding:4px;
	border:1px solid #C7C5C8;
	}

#topstory .readmore{
	font-weight:bold;
	text-align:right;
	}

#latestnews{
	display:block;
	width:630px;
	margin-bottom:10px;
	}

#latestnews .latestnews h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#latestnews ul, #latestnews li{
	display:block;
	width:100%;
	margin:0;
	list-style:none;
	height: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

#latestnews li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}

#latestnews div.imgholder{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:0;
	padding:4px;
	border:1px solid #666666;
	margin-right: 8px;
	margin-bottom: 5px;
	}

#latestnews div.latestnews{
	display:block;
	float:right;
	width:450px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	height: auto;
	}

#latestnews p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	margin-bottom: 10px;
	}
	
	
	
	
	
	
	#latestnewswide{
	display:block;
	width:630px;
	margin-bottom:35px;
	}

#latestnewswide .latestnews h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#latestnewswide ul, #latestnews li{
	display:block;
	width:100%;
	margin:0;
	list-style:none;
	height: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

#latestnewswide li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}

#latestnewswide div.imgholder{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:0;
	padding:4px;
	border:1px solid #666666;
	}

#latestnewswide div.latestnews{
	display:block;
	float:right;
	width:450px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}

#latestnewswide p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	}
	
	
	
	
	
	
	
	#artistbox{
	display:block;
	width:930px;
	margin-bottom:35px;
	}

#artistbox .artistbox h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#artistbox ul, #artistbox li{
	display:block;
	width:100%;
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	height: 175px;
	}

#artistbox li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}

#artistbox div.imgholder{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:0;
	padding:4px;
	border:1px solid #666666;
	}

#artistbox div.artistbox{
	display:block;
	float:right;
	width:750px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}

#artistbox p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	}
	
	
	
	
	
	
	
		#artistboxwide{
	display:block;
	width:930px;
	margin-bottom:35px;
	}

#artistboxwide .artistboxwide h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#artistboxwide ul, #artistboxwide li{
	display:block;
	width:100%;
	margin:0;
	padding:10px 0 10px 0;
	list-style:none;
	height: 175px;
	}

#artistboxwide li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}

#artistboxwide div.imgholder{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:0;
	padding:4px;
	border:1px solid #666666;
	}

#artistboxwide div.artistboxwide{
	display:block;
	float:right;
	width:750px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}

#artistboxwide p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	}
	
	
	
	
	
	
	
	
	
	#service{
	display:block;
	width:630px;
	margin-bottom:35px;
	}

#service .latestnews h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#service ul, #latestnews li{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#service li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}



#service div.latestnews{
	display:block;
	float:right;
	width:450px;
	margin:0;
	padding:0;
	}

#service p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	}
	
	
	
	
	
	
	
		#artists{
	display:block;
	width:930px;
	margin-bottom:35px;
	margin-top: 10px;
	}

#artists .latestnews h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#artists ul, #latestnews li{
	display:block;
	width:100%;
	margin:0;
	list-style:none;
	}

#artists li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}



#artists div.latestnews{
	display:block;
	float:right;
	width:450px;
	margin:0;
	padding:0;
	}

#artists p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	}
	
	
	
	
	
	
	
	
	#musicbox{
	display:block;
	width:630px;
	margin-bottom:35px;
	}

#musicbox .musicbox h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
	}

#musicbox ul, #musicbox li{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#musicbox li{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #666666;
	}



#musicbox div.musicbox{
	display:block;
	float:right;
	width:450px;
	margin:0;
	padding:0;
	}

#musicbox p.readmore{
	display:block;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
	}
	
	
	
	/* Fade p class="fade" to use*/

.fade {
   opacity: 0.7;
   transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
   }
 
   .fade:hover {
	opacity: 1;
      }
	
	
	
	
	
	.rotate {
  animation: rotation 2s infinite linear;
}

	
	@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}





/* To use view put inside iv class="view view-first (or second or third etc...)" NEED TO DEFINE IMAGE SIZE */

.view {
	width: 150px;
	height: 150px;
	float: left;
	border: 3px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
	background-attachment: inherit;
}
.view .mask, .view .content {
    width: 150px;
    height: 150px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}







.view170 {
	width: 150px;
	height: 150px;
	float: left;
	border: 3px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
	background-attachment: inherit;
}
.view170 .mask, .view .content {
    width: 150px;
    height: 150px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.view170 img {
    display: block;
    position: relative
}
.view170 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.view170 p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view170 a.info {
    display: inline-block;
    text-decoration: none;
    padding: 3px 8px;
	font-size: 12px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view170 a.info:hover {
    box-shadow: 0 0 5px #000
}


/* view-first effect */

.view-first img {
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(219,127,8, 0.7);
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first:hover img {
    transform: scale(1.1);
}
.view-first:hover .mask {
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}


/* view-second effect */


.view-second img { 
    transition: all 0.2s ease-in;
}
.view-second .mask {
    background-color: rgba(115,146,184, 0.7);
    width: 300px;
    padding: 60px;
    height: 300px;
    opacity: 0;
    transform: translate(265px, 145px) rotate(45deg);
    transition: all 0.2s ease-in-out;
}
.view-second h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: translate(200px, -200px);
    transition: all 0.2s ease-in-out;
}
.view-second p {
    transform: translate(-200px, 200px);
    transition: all 0.2s ease-in-out;
}
.view-second a.info {
    transform: translate(0px, 100px);
    transition: all 0.2s 0.1s ease-in-out;
} 

.view-second:hover .mask {
    opacity:1;
    transform: translate(-80px, -125px) rotate(45deg);
}                            
.view-second:hover h2 {
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}
.view-second:hover p {
    transform: translate(0px,0px);
    transition-delay: 0.4s;
}
.view-second:hover a.info {
    transform: translate(0px,0px);
    transition-delay: 0.5s;
}



/* view-third effect */


.view-third img {  
    transition: all 0.2s ease-in;
}
.view-third .mask {
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    transform: translate(460px, -100px) rotate(180deg);
    transition: all 0.2s 0.4s ease-in-out;
}
.view-third h2{
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out;
}
.view-third p {
    transform: translateX(300px) rotate(90deg);
    transition: all 0.2s ease-in-out;
}
.view-third a.info {
    transform: translateY(-200px);
    transition: all 0.2s ease-in-out;
} 

.view-third:hover .mask {
    opacity:1;
    transition-delay: 0s;                           
    transform: translate(0px, 0px);
}
.view-third:hover h2 {
    transform: translateY(0px);
    transition-delay: 0.5s;
}
.view-third:hover p {
    transform: translateX(0px) rotate(0deg);
    transition-delay: 0.4s;
}
.view-third:hover a.info {
    transform: translateY(0px);
    transition-delay: 0.3s;
}



/* view-fourth effect */


.view-fourth img {
    transition: all 0.4s ease-in-out 0.2s;
    opacity: 1;
}
.view-fourth .mask {
    background-color: rgba(0,0,0,0.8);
    opacity: 0;
    transform: scale(0) rotate(-180deg);
    transition: all 0.4s ease-in;
    border-radius: 0px;
}
.view-fourth h2{
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transition: all 0.5s ease-in-out;
}
.view-fourth p {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.view-fourth a.info {
    opacity: 0;
    transition: all 0.5s ease-in-out;
} 

.view-fourth:hover .mask {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition-delay: 0.2s;
}                                
.view-fourth:hover img    {
    transform: scale(0);
    opacity: 0;
    transition-delay: 0s;
}                      
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info{
    opacity: 1;
    transition-delay: 0.5s;
}



.view-tenth img {
    transform: scaleY(1);
    transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
    background-color: rgba(255, 231, 179, 0.3);
    transition: all 0.5s linear;
    opacity: 0;
}  
.view-tenth h2{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}
.view-tenth p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}
.view-tenth a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}
.view-tenth:hover img {
    transform: scale(10);
    opacity: 0;
}
.view-tenth:hover .mask {
    opacity: 1;
}                                                                           
.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info{
    transform: scale(1);
    opacity: 1;
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:3px solid #fff; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

	
	
	
	
	
	
	
	
	
	/* 
MINIMALISTIC SLIDESHOW VIEWER.
*/
	
	
	
	
	
	
	
	.msg_slideshow{
	width:600px;
	height:400px;
	padding:10px;
	position:relative;
	overflow:hidden;
	background:#101010 url(../icons/loading.gif) no-repeat center center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.msg_slideshow a{
	outline:none;
}
.msg_slideshow a img{
	border:none;
}
.msg_wrapper{
	width:600px;
	height:400px;
	position:relative;
	margin:0;
	padding:0;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.msg_wrapper img{
	display: inline-block!important;
	vertical-align:middle;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
}
.msg_controls{
	position:absolute;
	bottom:15px;
	right:-110px;
	width:104px;
	height:26px;
	z-index: 20;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#000;
	opacity:0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.msg_controls a{
	float:left;
	background-color:#000;
	width:20px;
	height:20px;
	margin:3px 3px;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	background-repeat:no-repeat;
	background-position: center center;
}
.msg_controls a:hover{
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_controls a.msg_grid{
	background-image:url(../icons/grid.png);
}
.msg_controls a.msg_prev{
	background-image:url(../icons/prev.png);
}
.msg_controls a.msg_next{
	background-image:url(../icons/next.png);
}
.msg_controls a.msg_pause{
	background-image:url(../icons/pause.png);
}
.msg_controls a.msg_play{
	background-image:url(../icons/play.png);
}
.msg_thumbs{
	background:#000;
	position:absolute;
	width:250px;
	height:166px;
	top:-230px;
	left:50%;
	padding:30px;
	margin:0 0 0 -155px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	overflow:hidden;
}
.msg_thumb_wrapper{
	position:absolute;
	width:250px;
	height:166px;
	top:30px;
	left:30px;
	z-index:30;
}
.msg_thumb_wrapper a{
	display:block;
	width:75px;
	height:75px;
	float:left;
	margin:4px;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.msg_thumbs a.msg_thumb_next,
.msg_thumbs a.msg_thumb_prev{
	width:18px;
	height:20px;
	background-repeat:no-repeat;
	background-position: center center;
	position:absolute;
	top:50%;
	margin-top:-10px;
	opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.msg_thumbs a.msg_thumb_next:hover,
.msg_thumbs a.msg_thumb_prev:hover{
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_thumbs a.msg_thumb_next{
	background-image:url(../icons/next_thumb.png);
	right:5px;
}
.msg_thumbs a.msg_thumb_prev{
	background-image:url(../icons/prev_thumb.png);
	left:5px;
}
.msg_thumbs a.msg_thumb_close{
	position:absolute;
	bottom:0px;
	width:50px;
	left:50%;
	margin:0 0 0 -25px;
	background:#202020 url(../icons/up.png) no-repeat center center;
	height:16px;
	opacity:0.7;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.msg_thumbs a.msg_thumb_close:hover{
	opacity:1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}
.msg_loading{
	position:absolute;
	background:transparent url(../icons/loading.gif) no-repeat center center;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	z-index:25;
	display:none;
}
	
	
	
	


/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:20px 0;
	}

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#footer h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	font-size:18px;
	color:#CCCCCC;
	background-color:#000000;
	border-bottom:1px dotted #CCCCCC;
	}

#footer .box{
	display:block;
	float:right;
	width:250px;
	margin:0 0 0 25px;
	padding:0;
	}

#footer .box1{
	display:block;
	float:left;
	width:400px;
	line-height:1.6em;
	}

#footer .box1 .imgl{border:1px solid #CCCCCC; padding:5px; color:#FFFFFF; background-color:#000000;}

#footer .contactdetails li{
	margin:0 0 8px 0;
	}

#footer .flickrbox, #footer .flickrbox .wrap{display:block; width:260px;}
#footer .flickrbox .wrap .fix{clear:both;}
#footer .flickrbox .wrap .flickr_badge_image{display:block; float:left; margin:0 10px 10px 0; width:80px; height:80px;}
#footer .flickrbox .wrap #flickr_badge_image3, #footer .flickrbox .wrap #flickr_badge_image6{margin-right:0;}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:10px 0;
	}

#copyright p{
	margin:0;
	padding:0;
	}
	
	
	
	.rotate {
  animation: rotation 2s infinite linear;
}