/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
			Custom styles.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black			#000000
- white			#ffffff
- blue			#ffcc00
- light grey	#cccccc
- dark grey		#666666
***************************************/
	/*
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/

/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background-color:#000000;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:30px;
	height:30px;
	border:none;
	text-indent:-999px;
	background-image: url(../images/elements/backtotop.jpg);
	background-repeat: no-repeat;
}
#toTopHover {
	cursor:pointer;
	width:30px;
	height:30px;
	display:block;
	overflow:hidden;
}
#toTop:active, #toTop:focus {
	outline:none;
}

ul.small-navigation li.current, ul.small-navigation li.current a, ul.small-navigation li.current a:visited{color:#ffcc00 !important;}

/**************************************/
/*              HEADER                */
/**************************************/
#header {
	color:#FFFFFF;
	display:block;
	width: 960px;
	margin: 0 auto;
	padding-top:50px;
	padding-bottom:30px;
	min-height:200px;
}
#header-top {
	padding-bottom:10px;
	overflow:hidden;
	clear: both;
}

#logo {
	padding-top:25px;
	max-width:320px;
	float:left;
}

#threeboxes {
	padding-top:0px;
	max-width:700px;
	float:left;
}

#launchnav {
	padding-top:0px;
	max-width:200px;
	float:right;
}

#top-box {
	max-width:950px;
	float:left;
}

ul.social-icons {
	padding-top:0px;
	height:160px;
	padding-right:40px;
	list-style:none;
	background-image: url(../images/opacity/black-50.png);
	background-repeat: repeat;
	float:left;
}
ul.social-icons li{
	float:left;
	width:110px;
	height:156px;
	display:block;
	padding:10px;
}
ul.social-icons li a{
	display:block;
	width:110px;
	height:156px;
}
ul.social-icons li a:hover{}

ul.social-icons li.loyalty{
	background-image: url(../images/icons/loyalty.png);
	background-repeat: no-repeat;
}
ul.social-icons li.loyalty:hover{
	background-image: url(../images/icons/loyalty_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.loyalty2{
	background-image: url(../images/icons/loyalty_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.loyalty3{
	background-image: url(../images/icons/loyalty2.png);
	background-repeat: no-repeat;
}

ul.social-icons li.loyalty3:hover{
	background-image: url(../images/icons/loyalty_hover.png);
	background-repeat: no-repeat;
}



ul.social-icons li.customers{
	background-image: url(../images/icons/customers.png);
	background-repeat: no-repeat;
}
ul.social-icons li.customers:hover{
	background-image: url(../images/icons/customers_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.customers2{
	background-image: url(../images/icons/customers_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.customers3{
	background-image: url(../images/icons/customers2.png);
	background-repeat: no-repeat;
}

ul.social-icons li.customers3:hover{
	background-image: url(../images/icons/customers_hover.png);
	background-repeat: no-repeat;
}




ul.social-icons li.orders{
	background-image: url(../images/icons/orders.png);
	background-repeat: no-repeat;
}
ul.social-icons li.orders:hover{
	background-image: url(../images/icons/orders_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.orders2{
	background-image: url(../images/icons/orders_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.orders3{
	background-image: url(../images/icons/orders2.png);
	background-repeat: no-repeat;
}

ul.social-icons li.orders3:hover{
	background-image: url(../images/icons/orders_hover.png);
	background-repeat: no-repeat;
}





ul.social-icons li.lastfm{
	background-image: url(../images/icons/lastfm.png);
	background-repeat: no-repeat;
}
ul.social-icons li.lastfm:hover{
	background-image: url(../images/icons/lastfm_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.linkedin{
	background-image: url(../images/icons/linkedin.png);
	background-repeat: no-repeat;
}
ul.social-icons li.linkedin:hover{
	background-image: url(../images/icons/linkedin_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.stumbleupon{
	background-image: url(../images/icons/stumbleupon.png);
	background-repeat: no-repeat;
}
ul.social-icons li.stumbleupon:hover{
	background-image: url(../images/icons/stumbleupon_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.tumblr{
	background-image: url(../images/icons/tumblr.png);
	background-repeat: no-repeat;
}
ul.social-icons li.tumblr:hover{
	background-image: url(../images/icons/tumblr_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.twitter{
	background-image: url(../images/icons/twitter.png);
	background-repeat: no-repeat;
}
ul.social-icons li.twitter:hover{
	background-image: url(../images/icons/twitter_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.vimeo{
	background-image: url(../images/icons/vimeo.png);
	background-repeat: no-repeat;
}
ul.social-icons li.vimeo:hover{
	background-image: url(../images/icons/vimeo_hover.png);
	background-repeat: no-repeat;
}

ul.social-icons li.youtube{
	background-image: url(../images/icons/youtube.png);
	background-repeat: no-repeat;
}
ul.social-icons li.youtube:hover{
	background-image: url(../images/icons/youtube_hover.png);
	background-repeat: no-repeat;
}

ul.navigation {
	padding-top:4px;
	float:left;
	padding-right:.85em;
	background-image: url(../images/opacity/black-50.png);
	background-repeat: repeat;
}
ul.small-navigation {
	font-family: 'ITCAvantGardeGothicStdBkCn';
	float:right;
	padding-left:0px;
	height:30px;
	line-height:25px;
	font-size:14px;
	list-style:none;
	
}
ul.small-navigation li {
	float:left;
}
ul.small-navigation li a{
	color:#999999;
}
ul.small-navigation li a:hover{
	color:#ffcc00;
}

#big-title {
	text-align:left;}
#big-title h1{
	font-family: 'ITCAvantGardeGothicStdXLtCn';
	margin:0px;
	font-size: 3.9em;
	font-weight:normal !important;
}
#big-title p{
	margin-top: 17px;
	font-size:15px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	height:57px;
	line-height: 1.0;
	float: left;
	margin-bottom:70px;
	background-image: url(../images/opacity/black-50.png);
	background-repeat: repeat;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 200px; /* left offset of submenus need to match (see below) */
}
.sf-menu li .intro {
	display:block;
	color:#999999;
	font-size:12px;
	padding-bottom:3px;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu a {
	font-family: 'ITCAvantGardeGothicStdBkCn';
	font-size:18px;
	color: #fff;
	display: block;
	position: relative;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 7px;
}
.sf-menu li a.current {
	color:#ffcc00 !important;
}

.sf-menu a:hover {
	color:#ffcc00;
	text-decoration:none;
}
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	
}
.sf-menu ul li a{
	color:#999 !important;
	font-size:13px !important;
	line-height:10px !important;
}
.sf-menu ul li a:hover{
	color:#fff !important;
}
.sf-menu li {
	background-color:transparent;
	float: left;
	position: relative;
}
.sf-menu li li {
	background-image: url(../images/opacity/black-90.png);
	background-repeat: repeat;
}
.sf-menu li li li {
	background-image: url(../images/opacity/black-90.png);
	background-repeat: repeat;
}
.sf-menu a:active {}
.sf-menu li:hover {}
.sf-menu a:focus {}
.sf-menu li.sfHover:active {
	outline: 0;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 57px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right:26px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/elements/menu.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:31px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
	top:12px !important;
	background-position:  0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/**************************************/
/*             PORTFOLIO              */
/**************************************/
/* Portfolio-1 */
.portfolio-1 {
	width: 230px;
	height: 180px;	/* CHANGE THIS ACCORDING TO HEIGHT OF YOUR IMAGES */
	overflow: hidden;
	position: relative;
	background-image: url(../images/opacity/black-30.png);
	background-repeat: repeat;
	margin-bottom: 1.6em;
	margin-top: 1.23em;
}
.portfolio-1 img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.portfolio-1 p {}
.portfolio-1 .port-desc {
	padding:0 10px 0 10px;
}
/* Portfolio-2 */
.portfolio-2 {
	width: 310px;
	height: 260px;	/* CHANGE THIS ACCORDING TO HEIGHT OF YOUR IMAGES */
	overflow: hidden;
	position: relative;
	background-image: url(../images/opacity/black-30.png);
	background-repeat: repeat;
	margin-bottom: 1.6em;
	margin-top: 1.23em;
}
.portfolio-2 img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.portfolio-2 p {}
.portfolio-2 .port-desc {
	padding:0 10px 0 10px;
}
/* Portfolio-3 */
.portfolio-3 {
	width: 470px;
	height: 420px;	/* CHANGE THIS ACCORDING TO HEIGHT OF YOUR IMAGES */
	overflow: hidden;
	position: relative;
	background-image: url(../images/opacity/black-30.png);
	background-repeat: repeat;
	margin-bottom: 1.6em;
	margin-top: 1.23em;
}
.portfolio-3 img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.portfolio-3 p {}
.portfolio-3 .port-desc {
	padding:0 10px 0 10px;
}
.boxcaption {
	float: left;
	position: absolute;
	height: 100px;
	width: 100%;
	background-image: url(../images/opacity/black-80.png);
	background-repeat: repeat;
}
.captionfull .boxcaption {
	top: 260px;
	left: 0;
}
.caption .boxcaption {
	top: 100px;
	left: 0;
}
img.cover {
	z-index:999;
}
/**************************************/
/*             BREADCRUMB             */
/**************************************/
.breadCrumb {
	color:#999;
	padding: 0;
	width:940px;
	/*margin-left:-10px !important;*/
	display: block;
	height: 21px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #202020;
}
.breadCrumb ul {
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li {
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background-image: url(../images/elements/Chevron.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.breadCrumb ul li div.chevronOverlay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span {
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a {
	padding:0px;
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
	color:#999;
}
.breadCrumb ul li a:hover {
	color:#FFFFFF;
}
.breadCrumb ul li.first a {
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background-image: url(../images/elements/IconHome.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.breadCrumb ul li.first a:hover {
	background-position: 0 -16px;
}
.breadCrumb ul li.last {
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay {
	display: none;
	width: 13px;
	height: 20px;
	background-image: url(../images/elements/ChevronOverlay.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/**************************************/
/*              TESTIMONIALS          */
/**************************************/
.testimonial {
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2DCCE3;
	border-bottom-color: #2DCCE3;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1.6em;
	margin-left: 0;
}
.testimonial .quote-title {
	font-style:normal;
}
.testimonial .quote-text {}
.testimonial .quote-author {
	margin: 1.23em 0 .615em;
	text-align:right;
	font-style:normal;
	color:#2DCCE3;
	font-family: "Liberation Sans", Helvetica, Arial, sans-serif;
}


/**************************************/
/*               UL LIST              */
/**************************************/
ul.plus {list-style-image: url(../images/elements/list/ul-plus.png);}
ul.arrow {list-style-image: url(../images/elements/list/ul-arrow.png);}
ul.star {list-style-image: url(../images/elements/list/ul-star.png);}
ul.bubble {list-style-image: url(../images/elements/list/ul-bubble.png);}
ul.cell {list-style-image: url(../images/elements/list/ul-cell.png);}
ul.chart {list-style-image: url(../images/elements/list/ul-chart.png);}
ul.restaurant {list-style-image: url(../images/elements/list/ul-restaurant.png);}
ul.airport {list-style-image: url(../images/elements/list/ul-airport.png);}
ul.monitor {list-style-image: url(../images/elements/list/ul-monitor.png);}
ul.phone {list-style-image: url(../images/elements/list/ul-phone.png);}
ul.skype {list-style-image: url(../images/elements/list/ul-skype.png);}
ul.clock {list-style-image: url(../images/elements/list/ul-clock.png);}
ul.bell {list-style-image: url(../images/elements/list/ul-bell.png);}
ul.alarm {list-style-image: url(../images/elements/list/ul-alarm.png);}
ul.idea {list-style-image: url(../images/elements/list/ul-idea.png);}
ul.gift {list-style-image: url(../images/elements/list/ul-gift.png);}
ul.tag {list-style-image: url(../images/elements/list/ul-tag.png);}
ul.cart {list-style-image: url(../images/elements/list/ul-cart.png);}
ul.attach {list-style-image: url(../images/elements/list/ul-attach.png);}
ul.delete {list-style-image: url(../images/elements/list/ul-delete.png);}
ul.edit {list-style-image: url(../images/elements/list/ul-edit.png);}
ul.cut {list-style-image: url(../images/elements/list/ul-cut.png);}
ul.pin {list-style-image: url(../images/elements/list/ul-pin.png);}
ul.zoomin {list-style-image: url(../images/elements/list/ul-zoomin.png);}
ul.zoomout {list-style-image: url(../images/elements/list/ul-zoomout.png);}
ul.tv {list-style-image: url(../images/elements/list/ul-tv.png);}
ul.fork {list-style-image: url(../images/elements/list/ul-fork.png);}
ul.recycle {list-style-image: url(../images/elements/list/ul-recycle.png);}
ul.marker {list-style-image: url(../images/elements/list/ul-marker.png);}
ul.western {list-style-image: url(../images/elements/list/ul-western.png);}
ul.triller {list-style-image: url(../images/elements/list/ul-triller.png);}
ul.sport {list-style-image: url(../images/elements/list/ul-sport.png);}
ul.music {list-style-image: url(../images/elements/list/ul-music.png);}
ul.crime {list-style-image: url(../images/elements/list/ul-crime.png);}
ul.comedy {list-style-image: url(../images/elements/list/ul-comedy.png);}
ul.action {list-style-image: url(../images/elements/list/ul-action.png);}
ul.record {list-style-image: url(../images/elements/list/ul-record.png);}
ul.microphone {list-style-image: url(../images/elements/list/ul-microphone.png);}
ul.speaker {list-style-image: url(../images/elements/list/ul-speaker.png);}
ul.guitar {list-style-image: url(../images/elements/list/ul-guitar.png);}
ul.man {list-style-image: url(../images/elements/list/ul-man.png);}
ul.barcode {list-style-image: url(../images/elements/list/ul-barcode.png);}
ul.print {list-style-image: url(../images/elements/list/ul-print.png);}
ul.movie {list-style-image: url(../images/elements/list/ul-movie.png);}
ul.info {list-style-image: url(../images/elements/list/ul-info.png);}
ul.user {list-style-image: url(../images/elements/list/ul-user.png);}
ul.service {list-style-image: url(../images/elements/list/ul-service.png);}
ul.support {list-style-image: url(../images/elements/list/ul-support.png);}
ul.facebook {list-style-image: url(../images/elements/list/ul-facebook.png);}
ul.twitter {list-style-image: url(../images/elements/list/ul-twitter.png);}
ul.google {list-style-image: url(../images/elements/list/ul-google.png);}
ul.myspace {list-style-image: url(../images/elements/list/ul-myspace.png);}
ul.public {list-style-image: url(../images/elements/list/ul-public.png);}
ul.private {list-style-image: url(../images/elements/list/ul-private.png);}
ul.save {list-style-image: url(../images/elements/list/ul-save.png);}
ul.search {list-style-image: url(../images/elements/list/ul-search.png);}
ul.thumbsup {list-style-image: url(../images/elements/list/ul-thumbsup.png);}
ul.thumbsdown {list-style-image: url(../images/elements/list/ul-thumbsdown.png);}
ul.car {list-style-image: url(../images/elements/list/ul-car.png);}
ul.truck {list-style-image: url(../images/elements/list/ul-truck.png);}
ul.scooter {list-style-image: url(../images/elements/list/ul-scooter.png);}
ul.link {list-style-image: url(../images/elements/list/ul-link.png);}
ul.calendar {list-style-image: url(../images/elements/list/ul-calendar.png);}
ul.check {list-style-image: url(../images/elements/list/ul-check.png);}
ul.download {list-style-image: url(../images/elements/list/ul-download.png);}
ul.file {list-style-image: url(../images/elements/list/ul-file.png);}
ul.folder {list-style-image: url(../images/elements/list/ul-folder.png);}
ul.globe {list-style-image: url(../images/elements/list/ul-globe.png);}
ul.upload {list-style-image: url(../images/elements/list/ul-upload.png);}
ul.home {list-style-image: url(../images/elements/list/ul-home.png);}
ul.like {list-style-image: url(../images/elements/list/ul-like.png);}
ul.lock {list-style-image: url(../images/elements/list/ul-lock.png);}
ul.unlock {list-style-image: url(../images/elements/list/ul-unlock.png);}
ul.sinchronize {list-style-image: url(../images/elements/list/ul-sinchronize.png);}
ul.mute {list-style-image: url(../images/elements/list/ul-mute.png);}
ul.volume {list-style-image: url(../images/elements/list/ul-volume.png);}
ul.clouds {list-style-image: url(../images/elements/list/ul-clouds.png);}
ul.drink {list-style-image: url(../images/elements/list/ul-drink.png);}



/**************************************/
/*               BUTTONS              */
/**************************************/

/********* Blue buttons **********/
a.button.blue-one {font-size:16px;background-color:#2dcce3; color:#000000;}
a.button.blue-two {font-size:20px;background-color:#2dcce3; color:#000000;}
a.button.blue-three {font-size:24px;background-color:#2dcce3; color:#000000;}
a.button.blue-four {font-size:28px;background-color:#2dcce3; color:#000000;}
a.button.blue-five {font-size:32px;background-color:#2dcce3; color:#000000;}
a.button.blue-six  {font-size:36px;background-color:#2dcce3; color:#000000;}

a.button.blue-one:hover, 
a.button.blue-two:hover, 
a.button.blue-three:hover, 
a.button.blue-four:hover, 
a.button.blue-five:hover, 
a.button.blue-six:hover {background-color:#fff; color:#000000;border:none;}

a.button.blue-one, a.button.blue-two, a.button.blue-three, a.button.blue-four, a.button.blue-five, a.button.blue-six
{font-style:normal; font-weight:normal;}

/********* White buttons **********/
a.button.white-one {font-size:16px;background-color:#FFF; color:#000000;}
a.button.white-two {font-size:20px;background-color:#FFF; color:#000000;}
a.button.white-three {font-size:24px;background-color:#FFF; color:#000000;}
a.button.white-four {font-size:28px;background-color:#FFF; color:#000000;}
a.button.white-five {font-size:32px;background-color:#FFF; color:#000000;}
a.button.white-six {font-size:36px;background-color:#FFF; color:#000000;}

a.button.white-one:hover,
a.button.white-two:hover,
a.button.white-three:hover,
a.button.white-four:hover,
a.button.white-five:hover,
a.button.white-six:hover {background-color:#2dcce3; border:none; color:#fff;}

a.button.white-one, a.button.white-two, a.button.white-three, a.button.white-four, a.button.white-five, a.button.white-six
{font-style:normal; font-weight:normal;}


/********* Black buttons **********/
a.button.black-one {font-size:16px;border:1px solid #333;background-color:#000; color:#999;}
a.button.black-two {font-size:20px;border:1px solid #333;background-color:#000; color:#999;}
a.button.black-three {font-size:24px;border:1px solid #333;background-color:#000; color:#999;}
a.button.black-four {font-size:28px;border:1px solid #333;background-color:#000; color:#999;}
a.button.black-five {font-size:32px;border:1px solid #333;background-color:#000; color:#999;}
a.button.black-six {font-size:36px;border:1px solid #333;background-color:#000; color:#999;}

a.button.black-one:hover,
a.button.black-two:hover,
a.button.black-three:hover,
a.button.black-four:hover,
a.button.black-five:hover,
a.button.black-six:hover {border:1px solid #fff;background-color:#000; color:#fff;}

a.button.black-one, a.button.black-two, a.button.black-three, a.button.black-four, a.button.black-five, a.button.black-six
{font-style:normal; font-weight:normal;}

/**************************************/
/*               IMAGES               */
/**************************************/
img.frame-1 {
	border:#FFFFFF 1px solid;
	padding:2px;
}
img.frame-2 {
	border:#2dcce3 1px solid;
	padding:2px;
}
img.frame-3 {
	border:#FFFFFF 4px solid;
	padding:2px;
}
img.frame-4 {
	border:#2dcce3 4px solid;
	padding:2px;
}


/**************************************/
/*               BLOG                 */
/**************************************/
.post {
	border-top:1px solid #ffcc00;
}


/**************************************/
/*          WIDGET CATEGORY           */
/**************************************/
ul#widget-category h3{
	font-weight:normal;
	padding-bottom:8px;
	border-bottom:1px solid #ffcc00;
}
ul#widget-category {
	margin:0px;
	list-style-image: url(../images/elements/list/ul-arrow.png);
	list-style-position: inside;
}
ul#widget-category li{
	margin:0px;
	border-bottom:1px solid #202020;
	padding-top: 4px;
	padding-bottom: 4px;
}
ul#widget-category li a{
	padding-left:0px;
}
ul#widget-category li a:hover{
	padding-left:20px;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.call-to-action {
	padding-bottom:0px;
	margin-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


/**************************************/
/*               EVENTS               */
/**************************************/
/********* Event Light **********/
.event-light {
	margin-bottom: 1.6em;
	margin-top: 1.0em;
	position:relative;
	height:200px;
}

/* Date box */
.event-light .date-box {
	margin-right:10px;
	float:left;
	width:105px;
	height:200px;
	background-color:#FFFFFF;
	color:#000000;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #2dcce3;
	position: relative;
}
.event-light .date-box .genr {
	top:10px;
	left:10px;
	position:absolute;
	margin:0px;
	max-width:85px;
	font-size:12px;
	color:#000000;
}
.event-light .date-box .genr.ul {
	margin-left:10px;
}
.event-light .date-box p {
	left:10px;
	bottom:10px;
	position:absolute;
	font-size:35px;
	margin:0px;
}
.event-light .date-box p .number {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdXLtCn';
	padding-bottom:10px;
}
.event-light .date-box p .month {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
/* Artist info */
.event-light .artist-info {
	height:80px;
	padding:10px;
	background-color:#FFFFFF;
	width:450px;
	display:block;
	float:right;
}
.event-light .artist-info .name {
	margin-top:0px;
	margin-bottom:5px;
	line-height:35px;
	display:block;
	font-size:35px;
	color:#000000;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-light .artist-info .name a{
	color:#000;
}
.event-light .artist-info .name a:hover{
	color:#2dcce3;
	text-decoration:underline;
}
.event-light .artist-info .location {
	line-height:15px;
	display:block;
	color:#999999;
	font-size:15px;
	text-transform:uppercase;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-light .artist-info .location a {
	color:#000000;
}
.event-light .artist-info .location a:hover {
	color:#000000;
	text-decoration:underline;
}
/* Introduction */
.event-light .introduction {
	height:100px;
	width:470px;
	display:block;
	float:right;
	background-color: #FFF;
	background-image: url(../images/elements/horizontal-blue-lines.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.event-light .introduction .readme {
	width:350px;
	height:80px;
	float:left;
	display:block;
	padding:10px;
	overflow:hidden;
}
.event-light .introduction .readme a {
	text-decoration:underline;}
.event-light .introduction .readme a:hover {
	color:#000;
	text-decoration:underline;
}
.event-light .introduction .readme p {
	color:#000000;
}
.event-light .introduction .go {
	float:right;
}
.event-light .introduction .go a{
	text-indent:-999px;
	padding:0px;
	margin:0px;
	display:block;
	width:100px;
	height:100px;
	background-image: url(../images/events/Go.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.event-light .introduction .go a:hover{
	background-image: url(../images/events/Go_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/********* Event Light Vertical **********/
.event-light-vertical {
	margin-bottom: 1.6em;
	margin-top: 1.0em;
}
/* Visual */
.event-light-vertical .visual {
	margin:0px;
	padding:0px;
	background-color:#000;
	color:#999999;
	text-align:center;
}
.event-light-vertical .visual p{
	margin:0px;
}
/* Date box */
.event-light-vertical .date-box {
	height:43px;
	padding-top:7px;
	padding-left:10px;
	background-color:#2dcce3;
	color:#fff;
	margin-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.event-light-vertical .date-box:hover {}
.event-light-vertical .date-box p {
	line-height:25px;
	margin:0px;
	font-size:25px;
}
.event-light-vertical .date-box p .number {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdXLtCn';
}
.event-light-vertical .date-box p .month {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
/* Artist info */
.event-light-vertical .artist-info {
	background-color:#FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 35px;
	padding-left: 10px;
}
.event-light-vertical .artist-info .name {
	margin-top:0px;
	margin-bottom:5px;
	line-height:35px;
	display:block;
	font-size:35px;
	color:#000;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-light-vertical .artist-info .name a{
	color:#000;
}
.event-light-vertical .artist-info .name a:hover{
	color:#2dcce3;
	text-decoration:underline;
}
.event-light-vertical .artist-info .location {
	display:block;
	color:#999999;
	font-size:15px;
	line-height:15px;
	text-transform:uppercase;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-light-vertical .artist-info .location a {
	color:#000000;
}
.event-light-vertical .artist-info .location a:hover {
	color:#000000;
	text-decoration:underline;
}
/* Introduction */
.event-light-vertical .introduction {
	background-color:#FFFFFF;
	background-image: url(../images/elements/horizontal-blue-lines.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.event-light-vertical .introduction .readme {
	display:block;
	color:#000;
	padding:10px;
}
.event-light-vertical .introduction .readme a {
	text-decoration:underline;}
.event-light-vertical .introduction .readme a:hover {
	color:#000;
	text-decoration:underline;
}
.event-light-vertical .introduction .readme p {
	color:#000000;
}
.event-light-vertical .introduction .go {
	display:block;
	background-color:#2dcce3;
}
.event-light-vertical .introduction .go a{
	text-indent:-999px;
	padding:0px;
	margin:0px;
	display:block;
	height:100px;
	background-image: url(../images/events/Go_arrow_white.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.event-light-vertical .introduction .go a:hover{
	background-color:#666666;
}

/********* Event dark **********/
.event-dark {
	margin-bottom: 1.6em;
	margin-top: 1.0em;
	position:relative;
	height:200px;
}

/* Date box */
.event-dark .date-box {
	margin-right:10px;
	float:left;
	width:105px;
	height:200px;
	color:#fff;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #2dcce3;
	position: relative;
	background-color:#333;
}
.event-dark .date-box .genr {
	top:10px;
	left:10px;
	position:absolute;
	margin:0px;
	max-width:85px;
	font-size:12px;
	color:#fff;
}
.event-dark .date-box p {
	left:10px;
	bottom:10px;
	position:absolute;
	font-size:35px;
	margin:0px;
}
.event-dark .date-box p .number {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdXLtCn';
	padding-bottom:10px;
}
.event-dark .date-box p .month {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
/* Artist info */
.event-dark .artist-info {
	height:80px;
	width:450px;
	padding:10px;
	display:block;
	float:right;
	background-color:#666;
}
.event-dark .artist-info .name {
	margin-top:0px;
	margin-bottom:5px;
	display:block;
	line-height:35px;
	font-size:35px;
	color:#fff;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-dark .artist-info .name a{
	color:#fff;
}
.event-dark .artist-info .name a:hover{
	color:#2dcce3;
	text-decoration:underline;
}
.event-dark .artist-info .location {
	display:block;
	color:#2dcce3;
	line-height:15px;
	font-size:15px;
	text-transform:uppercase;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-dark .artist-info .location a {
	color:#fff;
}
.event-dark .artist-info .location a:hover {
	color:#fff;
	text-decoration:underline;
}
/* Introduction */
.event-dark .introduction {
	height:100px;
	width:470px;
	display:block;
	float:right;
	background-color: #333333;
	background-image: url(../images/elements/horizontal-blue-lines.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.event-dark .introduction .readme {
	width:350px;
	height:80px;
	float:left;
	display:block;
	padding:10px;
	overflow:hidden;
}
.event-dark .introduction .readme a {
	text-decoration:underline;}
.event-dark .introduction .readme a:hover {
	color:#fff;
	text-decoration:underline;
}
.event-dark .introduction .readme p {
	color:#fff;
}
.event-dark .introduction .go {
	float:right;
}
.event-dark .introduction .go a{
	text-indent:-999px;
	padding:0px;
	margin:0px;
	display:block;
	width:100px;
	height:100px;
	background-image: url(../images/events/Go.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.event-dark .introduction .go a:hover{
	background-image: url(../images/events/Go__white.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/********* Event Dark Vertical **********/
.event-dark-vertical {
	margin-top: 1.0em;
	margin-bottom: 1.6em;
}
/* Visual */
.event-dark-vertical .visual {
	background-color:#000;
	color:#999999;
	text-align:center;
}
.event-dark-vertical .visual p{
	margin:0px;
}
/* Date box */
.event-dark-vertical .date-box {
	height:43px;
	padding-top:7px;
	padding-left:10px;
	background-color:#333;
	color:#fff;
	margin-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2DCCE3;
}
.event-dark-vertical .date-box:hover {}
.event-dark-vertical .date-box p {
	line-height:25px;
	margin:0px;
	font-size:25px;
}
.event-dark-vertical .date-box p .number {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdXLtCn';
}
.event-dark-vertical .date-box p .month {
	line-height:35px;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
/* Artist info */
.event-dark-vertical .artist-info {
	background-color:#666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 35px;
	padding-left: 10px;
}
.event-dark-vertical .artist-info .name {
	margin-top:0px;
	margin-bottom:5px;
	line-height:35px;
	display:block;
	font-size:35px;
	color:#fff;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-dark-vertical .artist-info .name a{
	color:#fff;
}
.event-dark-vertical .artist-info .name a:hover{
	color:#2dcce3;
	text-decoration:underline;
}
.event-dark-vertical .artist-info .location {
	display:block;
	color:#2DCCE3;
	font-size:15px;
	line-height:15px;
	text-transform:uppercase;
	font-family: 'ITCAvantGardeGothicStdBkCn';
}
.event-dark-vertical .artist-info .location a {
	color:#fff;
}
.event-dark-vertical .artist-info .location a:hover {
	color:#fff;
	text-decoration:underline;
}
/* Introduction */
.event-dark-vertical .introduction {
	background-color:#333;
	color:#FFFFFF;
	background-image: url(../images/elements/horizontal-blue-lines.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.event-dark-vertical .introduction .readme {
	display:block;
	color:#fff;
	padding:10px;
}
.event-dark-vertical .introduction .readme a {
	color:#2dcce3;
	text-decoration:underline;
}
.event-dark-vertical .introduction .readme a:hover {
	color:#fff;
	text-decoration:underline;
}
.event-dark-vertical .introduction .readme p {
	color:#fff;
}
.event-dark-vertical .introduction .go {
	display:block;
	background-color:#2dcce3;
}
.event-dark-vertical .introduction .go a{
	text-indent:-999px;
	padding:0px;
	margin:0px;
	display:block;
	height:100px;
	background-image: url(../images/events/Go_arrow_white.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.event-dark-vertical .introduction .go a:hover{
	background-color:#FFFFFF;
	background-image: url(../images/events/Go_arrow_black.png);
	background-repeat: no-repeat;
	background-position: right center;
}


/**************************************/
/*              CONTACT               */
/**************************************/
#contactform {
	margin-top:40px;
}
#contactform .send {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	float: left;   /*** Links ***/
	border:none;
	background-color:#2dcce3;
	color:#000000;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 7px;
}
#contactform .send:focus {
	border: none;
}
#contactform .send input:focus {
	border: none;
}
#contactform label {
	margin-bottom:3px;
	display:block;
	font-size: 14px;
	line-height:19px;
}
#contactform .contact {
	clear: both;
	margin: 0 0 10px 0;
}
#contactform .contact input {
	padding: 0 5px 0 5px;
	border: 1px solid #202020;
	color:#CCC;
	background-color:transparent;
	margin:0px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background-image: url(../images/opacity/black-10.png);
	background-repeat: repeat;
}
#contactform .contact input:focus {
	border:1px solid #666;
}
#contactform .contact textarea {
	background-color:transparent;
	background-image: url(../images/opacity/black-10.png);
	background-repeat: repeat;
	padding:5px;
	border: 1px solid #202020;
	color:#CCC;
	width:610px;
	min-height:200px;
}



/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
	margin-top:20px;
	border-top:1px solid #666;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:11px;
	width:959px !important;
	margin-left:-10px !important;
	background-image: url(../images/opacity/white-10.png);
	background-repeat: repeat;
}
.footer p {
}


/**************************************/
/*               COPYRIGHT            */
/**************************************/
.copyright {
	color:#666;
	padding-top:20px;
	padding-bottom:20px;
}
.copyright p{
	margin-bottom: 0.6em;
}
.copyright ul.bottom-nav {
	margin:0px;
}
.copyright ul.bottom-nav li{
	margin:0px 8px 0px 0px;
	float:left;
	list-style:none;
}
.copyright ul.bottom-nav li a{
	color:#999;
}
.copyright ul.bottom-nav li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}