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

/*** XXX ***/
/********************************************************/
/* TABLE OF CONTENT
*	
*	@group1 : BASIC STRUCTURE
*	@group2 : HEADER
*	@group3 : FOOTER
*	@group4 : PAGES
*	@group5 : BUTTONS
*/

/* 
Author: Corey Epstein
Author URL: http://coreymichaelstudio.com/
*/

/*** BASIC STRUCTURE - @group1***/
/********************************************************/

/*** BASIC HEADER - @group2***/
/********************************************************/

/*** BASIC FOOTER - @group3***/
/********************************************************/

/*** BASIC PAGES - @group4***/
/********************************************************/

/*** Client Contact***/
.client-contact table{
	margin:0 20px;
}
.client-contact table td{
	vertical-align:top;
}
.client-contact p{
	color:#666;
	letter-spacing:2px;
	font-size:11px;
	margin-bottom:5px;
	line-height:19px;
}
/*** Events Gallery***/
#events-gallery-info, #events-gallery-img{
	color:#452663;
	font-size:11px;
	font-family:"Century Gothic", "helvetica";
}
#events-gallery-info{
	margin: 10px 320px 0 10px;
}

#events-gallery-img{
	float:right;
	display:block;
	margin:10px 0 0 20px;
	height:385px;
	width:315px;
	position:relative;
	display:table;
}
#events-gallery-img-center{
	#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;
}
#events-gallery-img h3{
	color:#452663;
	text-transform:uppercase;
}
#gallery img{
	#position: relative;  #top: -50%;
}
/*   LOADER   */
div#loader {
    margin: auto;
    position: relative;
    text-align: center;
}

.loading{
  background: url(../images/loader.gif) no-repeat center center;
  height:380px;
}



#events-gallery-tn{
	list-style:none;
	text-indent:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
#events-gallery-tn li a{
	display:block;
}
#events-gallery-tn li{
	list-style:none;
	float:left;
	margin-right:7px;
	cursor:pointer;
	position:relative;
}
#events-gallery-nav{
	margin-top:10px;
	width:338px;
}
#events-gallery-nav img, #events-galleries-nav img{
	border:0;
	outline:none;
	cursor:pointer;
}
#events-gallery-nav a, #events-galleries-nav a{
	text-decoration:none;
	color:#452663;
}
#events-gallery-nav .next-btn, #events-galleries-nav .next-btn{
	float:right;
}
#events-gallery-nav .prev-btn, #events-galleries-nav .prev-btn{
	float:left;
}
#events-galleries-nav{
	margin-top:40px;
	width:338px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	width:338px;
	overflow:hidden;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 80px;
    height: 117px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-clip-horizontal {
width: 100%;
}

.jcarousel-item {
height: 100%;
}

/*** BASIC BUTTONS - @group5***/
/********************************************************/