@charset "utf-8";

/*
	On The Move
	Author : Joey Avino
	Copyright : Amedia Creative
	Link : www.amediacreative.com
	Email : info@amediacreative.com
	Phone : 310/651/8733
	Fax : 310/388/1210
*/

/* LAYOUT */

html, body {

	height: 100%;
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: black;
	width: 100%;
	background: #bebebe url('../../images/main/bg.png') repeat-x top left;
	
}

div#preview {

   position: absolute;
   top: 0px;
   left: 0px;
   opacity: 0;
   -moz-opacity: 0;
   filter: alpha(opacity: 0);
   z-index: 0;

}

img {

	border: 0px;

}

div {

	position: relative;
	z-index: 0;
	
}

#nonFooter {

	min-height: 100%;
	top: 0px;
	background: inherit;
	
}

* html div#nonFooter {

	height: 100%;
	margin: 0px;
	padding: 0px;
	
}

#content {

	padding-bottom: 75px;
	width: 850px;
	margin: auto;
	z-index: 2;

}

#center {

	z-index: 2;
	width: 900px;
	height: 450px;
	margin: auto;
	background: url('../../images/main/centerpiece.png') no-repeat -25px 0px;

}

#main {

	z-index: 2;
	width: 850px;
	top: -50px;

}

/* Motivate Page */
#swoosh1 {

	position: absolute;
	z-index: 1;
	margin-top: -350px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 0px;
	background: url('../../images/main/swoosh1.png') no-repeat top left;

}

/* Captivate Page */
#swoosh2 {

	position: absolute;
	z-index: 1;
	margin-top: -350px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 0px;
	background: url('../../images/main/swoosh2.png') no-repeat top left;

}

/* Fascinate Page */
#swoosh3 {

	position: absolute;
	z-index: 1;
	margin-top: -350px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 0px;
	background: url('../../images/main/swoosh3.png') no-repeat top left;

}

/* Synergy Page */
#swoosh4 {

	position: absolute;
	z-index: 1;
	margin-top: -350px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 0px;
	background: url('../../images/main/swoosh4.png') no-repeat top left;

}

/* Celebrate Page */
#swoosh5 {

	position: absolute;
	z-index: 1;
	margin-top: -450px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	height: 0px;
	background: url('../../images/main/swoosh5.png') no-repeat top left;

}



.left { float: left; }
.right { float: right; }
.clear { clear: both; }


#footer {

	z-index: 2;
	width: 900px;
	height: 50px;
	margin: -65px auto 0 auto;
	padding: 0px;
	clear: both;

}

#footer ul {

	padding: 0px;
	width: 372px;
	margin: 0 auto;

}

#footer li {

	display: inline;
	float: left;
	margin: 0px 10px;

}

#footer a {

	display: block;
	width: 42px;
	height: 41px;

}

#footer .text {

	display: block;
	width: 45px;
	margin-left: -1px;
	overflow: hidden;

}

*:first-child+html #footer .text {

	display: block;
	width: 46px;

}

/* ----- Footer. -------------- */
	#global_footer {  	width: 100%; height: 20px; margin: -5px 0px 0px 0px; color:#4f4f4f; 
						text-transform:uppercase; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif;	}
		#global_footer .footer_right { text-align: right; padding: 0px 35px 5px 0px; }
/* --------------------------------*/


.center_wrapper {

	z-index: 2;
	margin-top: -500px;
	margin-left: 20px;

}

a.aicon { float: left; }

a.aicon span {

	display: block;
	width: 41px;
	height: 41px;
	cursor: pointer;

}

a.aicon span.text {

	height: auto;
	width: auto;
	text-align: center;

}

a.aicon span.home {	background: url('../../images/main/home.png') no-repeat center center; }
a.aicon:hover span.home { background: url('../../images/main/home_on.png') no-repeat center center; }

a.aicon span.about { background: url('../../images/main/about.png') no-repeat center center; }
a.aicon:hover span.about { background: url('../../images/main/about_on.png') no-repeat center center; }

a.aicon span.gallery { background: url('../../images/main/gallery.png') no-repeat center center; }
a.aicon:hover span.gallery { background: url('../../images/main/gallery_on.png') no-repeat center center; }

a.aicon span.clients { background: url('../../images/main/clients.png') no-repeat center center; }
a.aicon:hover span.clients { background: url('../../images/main/clients_on.png') no-repeat center center; }

a.aicon span.contact { background: url('../../images/main/contact.png') no-repeat center center; }
a.aicon:hover span.contact { background: url('../../images/main/contact_on.png') no-repeat center center; }

a.aicon span.forms { background: url('../../images/main/forms.png') no-repeat center center; }
a.aicon:hover span.forms { background: url('../../images/main/forms_on.png') no-repeat center center; }

.overlay {

	height: 325px;
	position: absolute;
	z-index: 4;

}

.title { top: 757px; z-index: 5;}

#down { width: 20px; }

.overlay, #otmGallery {

	top: 810px;
	z-index: 4;

}

.overlay div.text {

	color: #FFFFFF;
	margin: 15px 0px 30px 30px;

}

#menu {

	background-color: #800000;
	width: 850px;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding-top: 4px;
	border-top: 1px solid red;
	border-bottom: 1px solid red;

}

#menu a {

	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 15px 3px 15px;

}

#menu a:hover {

	background-color: #FFFFFF;
	color: #800000;

}

#menu .selected {

	background-color: #FFFFFF;
	color: #800000;

}

h2 {

	color: #800000;
	display: block;
	height: 28px;
	width: 150px;
	margin: 0px;

}

.text div.quoteText {

	color: red;
	font-size: 14px;
	font-weight: bold;
	padding-right:8px;
}

.red { color: red; }

.green { color: #00CC00; }

.text div.quoteAuthor {

	color: white;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	padding-right:8px;
}

.text div.mainText {

	color: white;
	font-size: 12px;
	font-weight: bold;
	padding-right: 8px;

}

#synergy_menu div, #synergy_menu div a, #synergy_menu span, .returnlink, .returnlink a, .returnlink span {

	position: absolute;
	width: 150px;
	height: 28px;
	display: block;
	cursor: pointer;

}

#main_menu { z-index: 5; margin-left: -20px; }
*:first-child+html #link_menu { margin-left: -275px; }

#synergy_menu .peg, .returnlink .peg {

	width: 65px;
	height: 35px;
	background: url('../../images/menu/peg_off.png') no-repeat center center;
	z-index: 1;

}

div.synergy {

	top: 180px;
	left: 420px;

}

#synergy_menu span, .returnlink span { margin: 5px 0px 0px 70px; }
#synergy_menu span.peg, .returnlink span.peg { margin: 0px; }

#synergy_menu a span.synergy, #page_synergy h2 {		background: url('../../images/menu/synergy.png') no-repeat center; }

#page_synergy h2.s360 {

	position: absolute;
	margin-top: -120px;
	width: 250px;
	height: 180px;
	background: url('../../images/main/synergy24.png') no-repeat top left;

}

#page_synergy #menu.syntop { top: 27px; }

#synergy_menu span.peg_two, .returnlink span.peg_two {

	background: url('../../images/menu/peg_on.png') no-repeat center center;
	right: 43px;
	bottom: -8px;
	height: 35px;

}

#main_menu { top: 15px; z-index: 2; left: 20px; }
#main_menu div { float: left; }

#main_menu a {

	display: block;
	height: 28px;
	width: 120px;

}

#main_menu div.peg {

	width: 45px;
	height: 35px;
	margin: 0px 20px;
	float: left;
	margin-top: -3px;
	background: url('../../images/menu2/peg_small.png') no-repeat center center;

}

#main_menu div.p1 {		left: 140px; }
#main_menu div.p2 {		left: 300px; }
#main_menu div.p3 {		left: 460px; }

*:first-child+html #main_menu div.p1 { left: 120px; }
*:first-child+html #main_menu div.p2 { left: 280px; }
*:first-child+html #main_menu div.p3 { left: 440px; }

.celebrate, .fascinate, .captivate, .motivate {

	position: absolute;
	z-index: 2;
	height: 28px;
	width: 120px;

}

.celebrate {				left: 0px; }
.fascinate {				left: 245px;  }
.captivate {				left: 490px; }
.motivate {					left: 735px;  }

.celebrate_a, .fascinate_a, .captivate_a, .motivate_a {

	display: block;
	height: 180px;
	width: 180px;
	position: absolute;
	z-index: 3;

}

#link_menu .celebrate_a a, #link_menu .fascinate_a a, #link_menu .captivate_a a, #link_menu .motivate_a a {

	display: block;
	height: 180px;
	width: 180px;

}

#link_menu {

	position: absolute;
	height: 180px;
	width: 850px;
	margin-top: -124px;
	z-index: 3;
	margin-left: -20px;
	
}

.celebrate_a {				left: -14px; }
.fascinate_a {				left: 249px; margin-top: 13px; }
.captivate_a {				left: 469px; margin-top: -1px; }
.motivate_a {				left: 717px; }

.celebrate_a a:hover {		background: url('../../images/menu2/rollovers/celebrate_on.png') no-repeat bottom left; }
.fascinate_a a:hover {		background: url('../../images/menu2/rollovers/fascinate_on.png') no-repeat bottom left; }
.captivate_a a:hover {		background: url('../../images/menu2/rollovers/captivate_on.png') no-repeat bottom left; }
.motivate_a a:hover {		background: url('../../images/menu2/rollovers/motivate_on.png') no-repeat bottom left; }

.celebrate, #page_celebrate h2 {		background: url('../../images/menu2/celebrate.png') no-repeat top left; }
.fascinate, #page_fascinate h2 {		background: url('../../images/menu2/fascinate.png') no-repeat top left; }
.captivate, #page_captivate h2 {		background: url('../../images/menu2/captivate.png') no-repeat top left; }
.motivate, #page_motivate h2 {		background: url('../../images/menu2/motivate.png') no-repeat top left; }

#main .overlay .text { 

	width: 230px;
	height: 325px;
	z-index: 6;
	overflow: hidden;
	margin-top: 30px;
	background: url('../../images/main/text_bg.png') no-repeat center center;
	text-align: justify;
}

#main .overlay #corporate_e { width: 270px; }

#page_celebrate #main .overlay .text {  }	

#page_celebrate #main .overlay .text .mainText { pading-left:3px; }	

.active {

	top: 15px;
	left: 15px;
	width: 90%;
	height: 90%;
	overflow: auto;

}


a {

	color: #FF0000;
	font-weight: bold;
	text-decoration: none;

}

a:hover {

	color: #323232;

}

#music_player {

	margin-top: -35px;
	margin-left: 5px;
	font-weight: bold;

}

#returnlink { display: none; }
.returnlink { position: absolute; z-index: 5; top: 1910px; }
*:first-child+html .returnlink { top: 1920px; }
.returnlink a span.actlink  { padding-top: 6px; }

/*
.returnlink a {

	position: absolute;
	width: 150px;
	height: 30px;
	display: block;
	cursor: pointer;
	background: url('../../images/menu/peg_off.png') no-repeat top left;

}

.returnlink a:hover { background: url('../../images/menu/peg_on.png') no-repeat top left; }
*/


#contact { 


	width: 200px;
	left: 199px;
	text-align: center;
	
}

*:first-child+html #contact {  left: 200px; }

#about, #forms {

	width: 500px;
	left: 0px;

}

div#aso { 

	position: absolute;
	width: 150px;
	height: 150px;
	right: 50px;
	top: 8px;
	z-index: 1;
	font-weight: bold;

}

div#syn {

	display: none;
	width: 220px;
	height: 180px;
	background: url('../../images/main/synergy_logo.png') no-repeat center center;

}

.page { margin-top: 200px; }

.set_btm { top: 1200px; }
*:first-child+html .set_btm { top: 1250px; }