/* ============================= CSS CODE BY MAFLORAL 2011 =========================== */
/* ============================= GETTING THE NEW TAGS TO BEHAVE ====================== */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* ============================= LEFT & RIGHT ALIGNMENT ====================== */


.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* ============================= GLOBAL PROPERTIES ====================== */

/* ============================= MAIN BACKGROUND IMAGE ====================== */
.bg_img{ position: absolute; top center no repeat; z-index:-1; }
.bg_img img{ position:fixed;}

.pattern_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../images/pattern.png) repeat top left;
	overflow:hidden;
	z-index:0;
}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* ============================= GLOBAL STRUCTURE ====================== */

/* ============================= SPINNER ====================== */
.spinner{ position:absolute; z-index:99; background: url(../images/color.jpg) top center no-repeat; width:100%; height:100%; top:0; left:0}
.spinner > div{
	position:absolute;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
	width:100%;
	height:100%;
}

.box_left{ position: absolute; z-index:2; width:358px; min-height:100%;box-shadow: 2px 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 2px 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, .3);}

/* ============================= MAIN LAYOUT ====================== */
a{ 
text-decoration: none; 
color:#ffffff outline:none
}
a:hover{ 
text-decoration: none; 
color:#ffffff;
}
h1{ 
width:337px;
height:80px;
float:left;
}
h2{ font-size:34px; padding: 16px 0 0 0; line-height:1.2em; min-height:74px; }
h2 strong{ font-weight:normal}
h2 span{ display:block; font:12px Arial, Helvetica, sans-serif; color:#666666; padding-top:2px}

h3{ font-size:21px; line-height:1.2em; padding: 3px 0 8px 0; font-weight:400}
h3 span{ font-size:17px; line-height:1.2em; display:block; color:#767676 !important; padding-top:2px;}
h3 strong{ font-weight:400; margin-right:-20px;}
h3 em{ display:block; font-style:normal; margin-top:-6px;}

h4{ font-size:25px; padding: 16px 0 0 0; line-height:1em; min-height:74px; }
h4 strong{ font-weight:normal}
h4 span{ display:block; font:12px Arial, Helvetica, sans-serif; color:#666666; padding-top:2px}

h5{ font-size:24px; padding: 16px 0 0 0; line-height:1.2em; min-height:38px; }
h5 strong{ font-weight:normal}
h5 span{ display:block; font:12px Arial, Helvetica, sans-serif; color:#666666; padding-top:2px}

h6{ font-size:30px; padding: 16px 0 0 0; line-height:74px; min-height:50px; }
h6 strong{ font-weight:normal}
h6 span{ display:block; font:12px Arial, Helvetica, sans-serif; color:#666666; padding-top:2px}

.teamtitle{ font-size:34px; color:#36bcda; padding: 12px 0 0 0; padding-left:9px; line-height:1.2em; min-height:74px; }
.teamtitle strong{ font-weight:normal}
.teamtitle span{ display:block; font:14px Arial, Helvetica, sans-serif; color:#999999; padding-top:2px}

.letter_spacing{ letter-spacing:-1px;}

p{ padding-bottom:10px; font: Arial, Helvetica, sans-serif; color:#666666; line-height:1.2em;}

/* ============================= HEADER ====================== */
header{ position:relative; z-index:3; padding-left:68px; height:830px; width:100%; overflow:hidden}

.select_color{ float:left;  width:358px; position:relative; z-index:3; font-size:0px; line-height:0em; color:#ffffff; font-weight:400; text-transform:uppercase; text-align: left;}
.select_color span{ padding-right:12px;}
.select_color ul{ height:24px;}
.select_color li{ float:left;}
.select_color a{ height:15px; display:block; width:90px;}
.select_color .color1{ background:#000000;}
.select_color .color2{ background:#ff0000; width:89px}
.select_color .color3{ background:#ff00ff;}
.select_color .color4{ background:#9900ff; width:89px;
}

/* ============================= LOGO ====================== */
#logo{ display:block; float:left; padding-top:0px; position:relative; background:url(../images/main_logo.png) 0 0 no-repeat; width:337px; height:80px; text-indent:-9999px;}
#logo img{ position:absolute; top:0px; left:0px;}
/* ============================= MENU ====================== */
#menu { float:left; padding:150px 0 0 0px; }
#menu > li { width:100%; display:table-row; position:relative;}
#menu > li > a{ float:left; position:relative; font-size:18px; color:#666666; line-height:2.5em; background:url(../images/menu_normal.png) 0 0 no-repeat; width:337px; height:50px; letter-spacing:0px; margin-top:1px; padding:0 6px; padding-bottom:0px;}
/* ============================= MENU HOVER ====================== */
#menu > li:hover > a, #menu > .active > a{ }
#menu > li > a > span{ position:absolute; top:7; left:0; line-height:2.5em; background: url(../images/menu_hover.png) 0 0 no-repeat; width:337px; height:50px; margin-top:-1px; z-index:1;}
#menu > li > a > strong{ font-weight:250; position: relative; z-index:2; cursor:pointer}

/* ============================= SUB MENU 1 ====================== */
.submenu_1{ float:left; background:url(../images/bg_menu.png) 0 0px repeat-x; width:337px; height:50px; overflow:hidden;}
.submenu_1 > li{ float:left; padding-left:10px; padding-right:10px; padding-top:5px;}
.submenu_1 > li > a{ height:50px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:2.5em; letter-spacing:0px;}
.submenu_1 >:hover{height:50px; letter-spacing:2px; border-right:1px solid #222222; border-left:1px solid #222222; background:#111111;}
.submenu_1 > .active > a{}

#menu ul{ display:none;}

/* ============================= CONTENT ====================== */
#content{ height:580px; position:relative; z-index:1; padding-left:328px; padding-top:155px;}

#content > ul > li{ width:100%; overflow:hidden;}

/* ============================= BOX ====================== */
.box{ background:#000000; box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); padding:17px; min-height:537px;}

/* ============================= BOX 2 ====================== */
.box2{ background:#000000; box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); width:1815px; padding:17px; min-height:537px;}

/* ============================= BOX 3 ====================== */
.box3{ background:#000000; box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); width:950px; padding:17px; min-height:537px;}

/* ============================= PAGE SPLASH ====================== */
#page_splash{ padding-top:35px;}
#page_splash .grid_12{ width:720px;}
#page_splash .box{ background:#000000; padding:10px; min-height:inherit; box-shadow: 0 0 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);}

/* ============================= PAGES PADDING ====================== */
#page_About h3{ padding-top:10px}
#page_Services .font1{ margin-top:-5px; padding-bottom:10px;}
#page_Services .pad_bot1{ padding-bottom:28px;}
#page_Services .pad{ padding-right:5px;}
#page_Services .pad_left2{ padding-left:18px;}

/* ============================= PAGE IMAGE GALLERY ====================== */
#image_gallery{ padding-top:15px;}
#image_gallery .grid_12{ width:1812px;}
#image_gallery .box{ padding:10px; min-height:inherit}

/* STYLES FOR THE ANYTHING SLIDER */
.slider_box{ position:relative; overflow:hidden; padding-bottom:0px; width:700px; height:516px;}

/* ============================= TITLE ====================== */
.slider_title{ float:left; padding:10px 0 0 10px; font:12px Arial, Helvetica, sans-serif; color:#787878;}

.slider_title span{ display:block; float:left; padding:0px 0 0 0px; font:12px Arial, Helvetica, sans-serif; color:#aeaeae}

.slider_title strong{ display:block; font-size:24px; font-weight:400; line-height:1.2em; padding-bottom:2px;}

/* ============================= MAIN SCROLL HORIZONTAL ====================== */
.scroll{ overflow:hidden; padding-left:40px; position:relative}

/* ============================= SCROLL 1-9 WIDTHS OF PAGES ====================== */
/* SPLASH PAGE MAIN SCROLL GALLERY */
.scroll1 { width:3000px; padding-right:20px;}
/* ABOUT US PAGE , OUR TEAMS PAGE , SERVICES/COMMERCIALS PAGE */
.scroll2 { width:1260px; padding-right:20px;}
/* SERVICES/WEDDINGS PAGE */
.scroll3 { width:1500px; padding-right:20px;}
/* SERVICES/HD MOVIES PAGE */
.scroll4 { width:1400px; padding-right:20px;}
/* CONTACT PAGE */
.scroll5 { width:1200px; padding-right:20px;}
/* PAGES/LATEST TWEETS PAGE , PAGES/TABS PAGE , SITE CREDITS PAGE */
.scroll6 { width:1140px; padding-right:20px;}
/* LATEST NEWS PAGE */
.scroll7 { width:1200px; padding-right:20px;}
/* PAGES/IMAGE GALLERY PAGE */
.scroll8 { width:2170px; padding-right:20px;}
/* IMAGE SLIDER PAGE */
.scroll9 { width:1485px; padding-right:20px;}
/* READ MORE PAGE */
.scroll10 { width:780px; padding-right:20px;}

/* ============================= C SCROLL VERTICAL ====================== */
.cscroll_1{height:165px; width:364px;}
.track_1{ background:#111111; left:412px; top:370px; width:10px; position:absolute; height:165px; padding:0}
.shuttle_1{ width:20px; height:85px; background: url(../images/scroll_drag_color1.png) 0 0 no-repeat;}

.cscroll{height:180px; width:480px;}
.track{ background:#111111; padding-left:0px; padding-top:0px; width:10px; position:absolute; height:180px; padding:0px;}
.shuttle{ width:20px; height:85px; background: url(../images/scroll_drag_color1.png) 0 0 no-repeat;}

/* ============================= LEFT & RIGHT ARROWS ====================== */
.marker_left{ background:url(../images/marker_left.png) 0 0 no-repeat; width:26px; height:105px; display:block; position:absolute; top:50%; margin-top:-130px; left:400px; z-index:9;}
.marker_right{ background:url(../images/marker_right.png) 0 0 no-repeat; width:26px; height:105px; display:block; position:absolute; top:50%; margin-top:-130px; right:20px; z-index:9}
.marker_left:hover{ background:url(../images/marker_left_active.png) 0 0 no-repeat; width:26px; height:105px; display:block; position:absolute; top:50%; margin-top:-130px; left:400px; z-index:9;}
.marker_right:hover{ background:url(../images/marker_right_active.png) 0 0 no-repeat; width:26px; height:105px; display:block; position:absolute; top:50%; margin-top:-130px; right:20px; z-index:9}

/* ============================= PADDING ====================== */
.pad{ padding:0 14px 0 23px; color:#666666;}
.pad1{ padding:0 19px 0 19px;}
.pad_bot1{ padding-bottom:23px;}

.pad2{ padding:0 19px 0 0px}
.pad_bot2{ padding-bottom:6px;}

.pad3{ padding:0 19px 0 0px;}
.pad_bot3{ padding-bottom:6px;}

.pad4{ padding:0 19px 0 0px}
.pad_bot4{ padding-bottom:6px;}

.pad_top1{ padding-top:31px;}
.pad_left1{ padding-left:25px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:58px;}

.cols{ float:left; width:174px;}
.cols1{ float:left; width:182px;}
.cols2{ float:left; width:200px;}

.under{ border-top:1px solid #222222; margin-top:5px; padding-top:13px; width:100%;}
.under2{ border-top:1px solid #222222; margin-top:15px; padding-top:13px; width:100%;}
.under3{ border-top:1px solid #222222; margin-top:8px; padding-top:20px; width:504px;}

/* ============================= BUTTON ====================== */
.button{ display:inline-block; font-size:12px; font-weight:500; line-height:1.5em; text-transform:uppercase; padding-right:20px; background-position: right 10px; background-repeat:no-repeat}
.button:hover{ text-decoration:none; background-position:right -20px; color:#bdbdbd !important;}

/* ============================= FONT 1 ====================== */
.font1{ font-size:18px; line-height:20px; text-transform:uppercase; font-weight:400; letter-spacing:-1px; padding-bottom:15px; color:#999999}
.font2{ font-size:15px; line-height:20px; text-transform:lowercase; font-weight:400; letter-spacing:-1px; padding-bottom:15px; color:#cccccc}
.font3{ font-size:12px; line-height:20px; text-transform:uppercase; font-weight:400; letter-spacing:-1px; padding-bottom:15px; color:#ffffff}
.font4{ font-size:18px; line-height:10px; text-transform:uppercase; font-weight:400; letter-spacing:-1px; padding-bottom:15px; color:#999999}
/* ============================= COLOR 1 ====================== */
.color1{ color:#cccccc}
.color2{ color:#36bcda}

/* ============================= CLOSE BUTTON ====================== */
.close{ position:absolute; z-index:99; top:0; right:0px; width:30px; height:30px; background-position:0 0;}
.close:hover{ background-position:bottom}

/* ============================= LINES ====================== */
.line1{ background:url(../images/div_line.png) 210px 0 repeat-y; margin-left:10px;}
.line2{ background:url(../images/div_line.png) 450px 0 repeat-y; margin-right:10px;}

/* ============================= TABS ====================== */
.tabs { width:100%; overflow:hidden;}
.tabs ul.nav { padding-top:3px}
.tabs ul.nav li{ margin-bottom:3px;}
.tabs ul.nav li a{ float:left; position:relative; font-size:18px; Arial, Helvetica, sans-serif; color:#ffffff; line-height:2.5em; background:url(../images/menu_normal.png) 0 0 no-repeat; width:337px; height:50px; letter-spacing:0px; margin-top:1px; padding:0 6px; padding-bottom:0px;}
* +html .tabs ul.nav li a{ padding-left:0;}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a { position:relative; font-size:18px; Arial, Helvetica, sans-serif; color:#000000; line-height:2.5em; top:7; left:0; line-height:2.5em; background: url(../images/menu_hover.png) 0 0 no-repeat; width:337px; height:50px; margin-top:1px; z-index:1;}
.tabs .tab-content { padding-top:3px; right:-40px;}

.dropcap{ padding:3px 0 10px 62px; }

/* ============================= NEWS SLIDER/FADED SLIDER ====================== */
#faded{position:relative; width:509px; height:166px; padding:39px 0 0 0; margin-left:-4px;}
.boxnav{ position:absolute; overflow:hidden; top:0; left:0;}
.faded{background:url(../images/news_box.png) 0 0 repeat; width:509px; height:171px; position: relative;}
	.faded li{}
		.fadeddate{ float:left; color:#999999; width:133px; padding:0px 0 0 40px;}
			.fadeddate strong{ color:#36bcda; font-size:70px; Arial, Helvetica, sans-serif; line-height:1.2em; display:block; letter-spacing:-3px; margin-left:-1px;}
			.fadeddate em{ color:#cccccc; font-size:31px; Arial, Helvetica, sans-serif; line-height:1.2em; display:block; margin-top:-28px; letter-spacing:5px; margin-left:0px;}
			.fadeddate span{ color:#666666; font-size:18px; Arial, Helvetica, sans-serif; line-height:1.2em; display:block; text-transform:uppercase; letter-spacing:-1px; margin-top:-30px; margin-left:-2px;}
		.fadedtext{ overflow:hidden; padding:10px 10px 0 4px; font-size:14px; Arial, Helvetica, sans-serif; color:#666666; line-height:1.2em;}
			.fadedtext p{padding-top:5px; padding-bottom:10px;}
/* DATE DISPLAY */			
.navfaded{ position:absolute; top:5px; left:42px; overflow:hidden;}
	.navfaded li{ float:left; margin-right:52px; font-size:11px; line-height:14px; }
	.navfaded .last{ margin-right:0; padding:0;}
		.navfaded li a{ text-decoration:none; font-size:13px; line-height:1.2em; letter-spacing:-1px; text-transform:uppercase;}
			.navfaded li:hover{ border-bottom:1px solid #575454;}
/* NAVIGATION ARROWS */			
.prevfaded, .nextfaded{ display:block;position:absolute; top:3px; width:25px; height:25px;}
	.prevfaded{background:url(../images/button_prev_color1.png) 0 0 no-repeat; left:0;}
	.nextfaded{background:url(../images/button_next_color1.png) 0 0 no-repeat; right:0;}
	.prevfaded:hover{background:url(../images/button_prev_hover_color1.png) 0 0 no-repeat; left:0; background-position:0 0px;}
	.nextfaded:hover{background:url(../images/button_next_hover_color1.png) 0 0 no-repeat; right:0; background-position:0 0px;}
	
/* ============================= SCROLL IMAGE GALLERY ====================== */
.gallery1{ width:1812px; position: relative; left:-20px;}
.gallery1 li{ float:left; padding: 0px 0 0 0; width:453px;}
.gallery1 a{ position:relative; padding: 0px 0 0 0; display:block}
.gallery1 span{ position:absolute; padding: 0px 0 0 0; top:10px; left:0; width:100%; height:100%; display:block; background:url(../images/gallery_border_color1.png) 0 0 no-repeat;}

/* Lightbox image */
.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
.pp_description{ display:none; height:0; padding:0; margin:0; font-size:0; line-height:0}

.pp_inline{ position:relative;}
div.dark_square .pp_close{ position:absolute; z-index:99; bottom:0px; right:20px; width:72px; height:25px; background:url(../images/close.png) 0 0 no-repeat}
.pp_hoverContainer{ display:none !important}

/* LIGHTBOX IMAGE */
.lightbox-image {position:relative; overflow:hidden;	display:block; background:#000000}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block; position:absolute; left:0; top:10; width:100%; height:100%; background:none; z-index:1;}
.pp_details{ padding-bottom:0; margin-bottom:-15px !important;}
.lightbox{ display: none;}

/* ============================= LIST 1 ====================== */
.list1 { margin-top:-6px;}
.list1 li{ line-height:30px;}
.list1 li a{ padding-left:20px; background-position:0 5px; background-repeat:no-repeat}
.list1 li a:hover{ text-decoration:none; background-position:0 -25px; color:#bdbdbd !important}

/* ============================= ADDRESS & INFO ====================== */
.address{ width:260px;}
.info{ width:260px;}

/* ============================= FOOTER ====================== */
footer { position:relative; padding:17px 0 20px 10px; width:350px; float:right; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffffff;}
footer a{ color:#36bcda !important}
footer a:hover{font:12px Arial, Helvetica, sans-serif; color:#36bcda;}

/* ============================= SOCIAL ICONS MAIN PAGE ====================== */
.social_icons_main{
	float:left;
	position:relative;
	width:270px;
	left:40px;
	right:80px;
	padding-top:15px;
}

/* ============================= SOCIAL ICONS MAIN PAGE IMAGE ====================== */
.social_icons_main img{
	padding:0 0 0 0.5em;
	float:left;
}

/* ============================= SOCIAL ICONS ====================== */
.social_icons{
	float:left;
	position:relative;
	width:270px;
	left:-8px;
	padding-bottom:0px;
}

/* ============================= SOCIAL ICONS IMAGE ====================== */
.social_icons img{
	padding:0 0 0 0.5em;
	float:left;
}

/* ============================= CONTACT FORM ============================= */
#contact_form { padding-top:0;}
#contact-form {}
#contact-form .button { margin-left:25px; float: right; margin-right:5px;}
#contact-form input {  width:365px; background:transparent url(../images/pattern.png) repeat top left; border-top:0px solid #333333; border-left:0px solid #333333; padding:4px 8px;  float:left; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; height:16px; margin:0}
#contact-form textarea { overflow: auto; width:365px; background:transparent url(../images/pattern.png) repeat top left; border-top:0px solid #333333; border-left:0px solid #333333; padding:4px 8px;  float:left; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff; height:270px;  margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block; position:relative; width:100%; overflow:hidden; min-height:40px;}
#contact-form .textarea-box { width:100%; display:inline-block; position:relative; min-height:289px; overflow:hidden; padding-bottom:6px;}
#contact-form label {padding:0; display: none;	font-size:10px;	position: relative; font-size:11px; left:10px; top:1px; margin-bottom:0px}
#contact-form .error {color:#ff0000;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px; background:#222222; border:1px solid #333333;
}
#contact-form .bg{ float:left; background:#222222; opacity:.75; filter: alpha(opacity=75); border:1px solid #333333;
}

/* ============================= TWITTER READER ============================= */
#twitter {
	margin-bottom: 2em;}
#twitter h2 {
		margin: 0 0 5px 0;  padding:.5em 1em; font-size: 1.5em; color: #ffffff; background-color: #999999; letter-spacing:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
    /* PRELOADER */
#preloader {
		margin: 0; padding: 1em 1em 1em 3em; text-indent:10px; background: transparent url(../images/twitter_loader.gif) 1em center no-repeat;
		/* generate your own loader gif: http://www.ajaxload.info */
		}
/* TWITTER UPDATE LIST */
ul#twitter_update_list {width:625px; margin: 0; padding: 0 0 0.5em 0; list-style-type: none;}
/* TWITTER UPDATE LIST LI */
ul#twitter_update_list li {margin: 0; padding: 0.8em 0 1em 1em !important; background:#333333; opacity:.5; filter: alpha(opacity=50); margin-bottom:7px;}
/* TWITTER HOVER BACKGROUND */
ul#twitter_update_list li:hover {background-color:#666666; color:#FFFFFF;}
/* TWITTER UPDATE LIST LI HOVER A // LINK // */
ul#twitter_update_list li:hover a {color:#36BCDA;}
/* TWITTER UPDATE LIST LI A // DATE // */
ul#twitter_update_list li a {/* timestamp link */color: #FFFFFF;}
/* TWITTER UPDATE LIST LI SPAN */
ul#twitter_update_list li span {display: block; color:#ffffff;}
/* TWITTER UPDATE LIST LI SPAN A */
ul#twitter_update_list li span a {/* links in tweet */text-decoration:underline; color: #999999;}
/* TWITTER UPDATE LIST LI FIRST TWEET */	
ul#twitter_update_list li.firstTweet {
				}
/* TWITTER UPDATE LIST LI LAST TWEET */	
ul#twitter_update_list li.lastTweet {border-bottom: none;}
/* TWITTER PROFILE LINK */
a#profileLink {width:593px; display: block; padding: 0.3em 1em; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; opacity:.5; filter: alpha(opacity=50); background-color: #333333;}

/* ============================= TOOLTIPS ====================== */
#aToolTip{border:1px solid #222222; background:#000000; box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black; color:#fff; margin:0; padding:2px 8px; font:12px Arial, Helvetica, sans-serif; line-height:1.75em; position:absolute; display:none; z-index:50000}
#aToolTip .aToolTipContent{position:relative; margin:0; padding:0}
a#aToolTipCloseBtn{display:block; height:20px; width:20px; overflow:hidden; background:url(../images/close.gif) no-repeat; text-indent:-9999px; outline:none; position:absolute; top:-15px; right:-20px}

/* ============================= MUSIC J PLAYER ============================= */
#player {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 47px;
	z-index: 50;
	background: #010101 url(images/player_bg.png) repeat-x scroll top center;
	border-top:1px solid #36bcda;
	box-shadow: 0px 0px 10px black;
	-moz-box-shadow: 0px 0px 10px black;
	-webkit-box-shadow: 0px 0px 10px black;
}
    /* PLAYER UL */	
	#player ul { list-style: none outside none; padding: 50; }

		#player li {
			height: 47px;
			float:left;
			border-right: 1px solid #111111;
			line-height: 47px;
			color: #666666;
			overflow: hidden;
		}
		
        /* LI INFO */			
		li#info {
			width: 343px;
		    padding-left:15px;
			padding-top:15px;
			border-right: 1px solid #111111;
			font:12px Arial, Helvetica, sans-serif; color:#ffffff;
			color: #ffffff;
		}
		/* INFO TITLE */	
			li#info .title { font:12px Arial, Helvetica, sans-serif; color:#666666;}
			/* INFO ALBUM */	
			li#info .album { font:12px Arial, Helvetica, sans-serif; color:#666666; }
			
		/* AUDIO PLAYER BUTTONS */						
		li#previous			{ right:20%; width: 48px; cursor: pointer; background: transparent url(../images/playerButtons.png) no-repeat scroll 0px 0px; text-indent: -4444px; }
		li#jplayer_play		{ width: 48px; cursor: pointer; background: transparent url(../images/playerButtons.png) no-repeat scroll -48px 0px; text-indent: -4444px; }
		li#jplayer_pause	{ width: 48px; cursor: pointer; background: transparent url(../images/playerButtons.png) no-repeat scroll -96px top; text-indent: -4444px; }
		li#next				{ width: 48px; cursor: pointer; background: transparent url(../images/playerButtons.png) no-repeat scroll -144px top; text-indent: -4444px; }
		li#previous:hover		{ background: transparent url(../images/playerButtons.png) no-repeat scroll 0px -47px; }
		li#jplayer_play:hover	{ background: transparent url(../images/playerButtons.png) no-repeat scroll -48px -47px; }
		li#jplayer_pause:hover	{ background: transparent url(../images/playerButtons.png) no-repeat scroll -96px -47px; }
		li#next:hover			{ background: transparent url(../images/playerButtons.png) no-repeat scroll -144px -47px; }
		
		/* LI TIME */	
		li#time { width: 198px; }
		
		    /* LI TIME SPAN */	
			li#time span { float: left; padding-left: 5px; padding-top:16px; font:12px Arial, Helvetica, sans-serif; color:#666666;}
			/* LI TIME DIV */	
			li#time div { float: left; }
			/* LI TIME PROGRESS CONTAINER */	
			li#time #progressContainer {
				width: 106px;
				height: 10px;				
				margin-top: 19px;
				margin-left: 5px;
			}
			    /* PLAYER LOAD BAR */	
				li#time #jplayer_load_bar { height: 10px; background-color: #222222; }
				/* PLAYER PLAY BAR */	
				li#time #jplayer_play_bar { height: 10px; background-color: #36bcda; }
				
		/* LI VOLUME */		
		li#volume { width: 98px; background: transparent url(../images/speakerIcon.png) no-repeat scroll 5px center; }
		
			/* VOLUME BAR */	
			li#volume #jplayer_volume_bar { 
				height: 10px; width: 68px; margin-top: 19px; margin-left: 20px;
				background: transparent url(../images/volumeBack.png) repeat-x scroll top left; 
			}
			/* VOLUME BAR VALUE */	
			li#volume #jplayer_volume_bar_value { height: 10px; background: #333333 url(../images/volume.png) repeat-x scroll top left; }
			
/* TITLE OF SONG POPUP */	
#message1 {
	position: fixed;
	width: 275px;
	bottom: 48px;
	left: 458px;
	padding: 10px;
	z-index: 48;
	font:16px Arial, Helvetica, sans-serif; color:#666666;
	background-color: #ffffff; box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black;
	border: 1px solid #36bcda;
	border-bottom-width: 0px;
	opacity: .8;
}

/* ============================= GALLERIFIC GALLERY SLIDER ============================= */
.gallery-box {position:relative; width:939px; left:-20px; margin:5 auto; padding:3px 3px 3px 3px; background-color: #333333;
box-shadow:0px 0px 3px rgba(81,76,74,0.3);
-moz-box-shadow:0px 1px 3px rgba(43,39,37,0.5);
-webkit-box-shadow:0px 1px 3px rgba(43,39,37,0.5);}
 div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	background: none;
	display: none;
	width: 939px;
	height: 461px;
	margin:  0 0px 0 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}
 div.content img {
	position: relative;
	z-index: 2;
}
 div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
 div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
 div.controls {
}
 div.controls a {
	padding: 0px;
}
 div.ss-controls {
	float: left;
	display:none;
}
 div.nav-controls {
	position:absolute;
	left:0px;
	width:0px;
	bottom:0px;
	z-index: 1;
}
 div.nav-controls a.prev {
	background:none;
	width:0px;
	height:0px;
	text-indent:-5000px;
	position:absolute;
	bottom:2px;
	left:0;
	z-index:11;
	display:none
}
 div.nav-controls a.prev:hover {
	background:none;
}
 div.nav-controls a.next {
	background:none;
	width:0px;
	height:0px;
	text-indent:-5000px;
	position:absolute;
	bottom:2px;
	right:0;
	z-index:11;
	display:none;
}
 div.nav-controls a.next:hover {
	background:none;
}
 div.slideshow-container {
	position: relative;
	height: 461px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index:1;
	
}
 div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:none;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 10px; /* This should be set to be at least the height of the largest image in the slideshow */
}
 div.slideshow {
}
 div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 939px;
	height: 461px;
}
 div.slideshow a.advance-link {
	display: block;
	width: 939px;
	height: 461px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
}
 div.slideshow a.advance-link img {
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
 div.slideshow img {
}
 div.download {
	float: right;
}
 div.caption-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 400px;
	height: 200px;
	background:000000#;
	display:block;

}
 span.image-caption {
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: 0;
	left: 0;
	background:#000000;
	z-index:10;
}

div.caption{
	width: 0px;
	height: 0px;
	font:16px Arial, Helvetica, sans-serif; color:#666666;
	background:#333333;
	display:block;
}

 div.image-title {font:16px Arial, Helvetica, sans-serif; color:#666666;
}

 div.image-desc {font:16px Arial, Helvetica, sans-serif; color:#666666;
}
 div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
 div#thumbs {
	position:absolute;
	top:17px;
	right:17px;
	width: 171px;
	float: right;
	overflow: hidden;
	padding: 0px 0px 0 0;
	z-index:5;
}
 ul.thumbs {
	width: 171px !important;
	float: right;
	margin-left:0;
	padding: 0;
}
 ul.thumbs li {
	height: 100px;
	width: 171px;
	position:relative;
	margin-bottom:11px;
	overflow: hidden;
	padding: 0 0 0px 0;
	vertical-align:top;
	z-index:7;
}
 ul.thumbs li img {
	border: none;
}
 a.thumb:focus {
	outline: none;
}
 div.pagination {
	clear: both;
	text-align:center;
	position:relative;
	z-index:10;
}
div.top.pagination {
	display:none;
}
 div.navigation div.bottom {
}
 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding:0 4px;
	font-weight:bold;
	color:#fff;
}
 div.pagination a:hover {
	text-decoration: none;
	color:#ffeaa8;
}
 div.pagination span.current {
	color:#ffeaa8;
}
 div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/* -- gallery end --*/

/* THE END */