@charset "utf-8";
/* CSS Document */

img{border:none;}
p{margin:0; padding:0; margin-bottom:15px;}
li{list-style-type:none; margin:0; padding:0;}
ul{margin:0; padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{margin:10px 0; font-size:14px; font-weight:bold;}
h2{margin:10px 0; font-size:18px; font-weight:bold;}

body
{
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	margin:0; 
	padding:0;
	background-color:gray;
	text-align: center;

}

#page
{
	position:relative;
	top:5px;
	/*	left:50%; */
	width:990px;
	height:605px;
	/*margin-left:-495px;*/
	background-image:url(images/background-1.jpg);
	background-position:top center;	
	background-repeat:no-repeat;
	border:2px solid black;	
	text-align: left;
	margin:0 auto;
}

.links1{position:absolute;left:90px;bottom:60px;cursor:pointer;}
.links2{position:absolute;left:190px;bottom:60px;cursor:pointer;}
.links3{position:absolute;left:290px;bottom:60px;cursor:pointer;}


.header1{position:absolute;top:6px;width:150px;}
.header2{position:absolute;top:6px;width:150px;}
.header3{position:absolute;top:6px;width:150px;}

.underline
{
	text-decoration:underline;
	color:white;
	cursor:pointer;
}

.pLinks
{
	position:absolute;right:40px;top:50px;font-size:18px;width:660px;height:48px;
	background:url(images/links.png) 0 0 no-repeat;
}

.orangelink
{
	color:#FEBF00;
	cursor:pointer;
}

.orangelink2
{
	color:#AFCED3;
	cursor:pointer;
}

.top_menu 
{
	position:absolute; 
	width:506px; 
	height:35px; 
	top:0px; 
	right:0px;
	margin-left:-280px;
	background:url(images/top_menu.png) 0 0 no-repeat; 
	padding-left:95px; 
	padding-top:10px; 
	z-index:200;

}
.top_menu a
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-size:12px;
}
.top_menu .item_1
{
	width:140px; 
	float:left; 
	text-align:center;
}
.top_menu .item_2
{
	width:100px; 
	float:left; 
	text-align:center;
}

#header
{
/*	width:100%; 
	height:13px; 
	background:url(images/top_background.jpg) 0 0 repeat-x; 
	float:left;*/
}

#header .info
{
	height:20px; 
	font-family:Tahoma; 
	color:#333333; 
	font-size:11px; 
	margin:0 auto; 
	text-align:left; 
	padding-top:7px;
	padding-left:10px;
}

#header .info a
{
	color:#333333;
}

#footer{width:100%; height:40px; background:url(images/bottom_background.jpg) 0 0 repeat-x; float:left; position:absolute; left:0px; bottom:0px;}
#footer .info{width:300px; float:left; font-family:Tahoma; color:#333333; font-size:11px; padding-top:15px; padding-left:10px;}
#footer .info a{color:#333333;}
#footer .menu{width:400px; float:right;}
#footer .menu a:hover{text-decoration:none;}
#footer .menu .item_2 a{width:100px; height:40px; float:left; background:url(images/bottom_menu-services.jpg) 0 0 no-repeat; display:block;}
#footer .menu .item_3 a{width:100px; height:40px; float:left; background:url(images/bottom_menu-people.jpg) 0 0 no-repeat; display:block;}
#footer .menu .item_4 a{width:100px; height:40px; float:left; background:url(images/bottom_menu-contact.jpg) 0 0 no-repeat; display:block;}
#footer .menu .item_1 a{width:100px; height:40px; float:left; background:url(images/bottom_menu-login.jpg) 0 0 no-repeat; display:block;}

.videoBox{background:url(images/video.png) 0 0 no-repeat; width:420px; height:300px; border:0px solid black; padding:10px;}
.videoBoxS{background:url(images/video_service.png) 0 0 no-repeat; width:350px; height:300px; border:0px solid black; padding:0px;}
.videoBox2{position:absolute;background:url(images/video2.png) 0 0 no-repeat; width:900px; height:320px; bottom:40px;left:45px;padding-top:20px;padding-left:7px;}
.videoBox3{background:url(images/video3.png) 0 0 no-repeat; width:520px; height:360px; border:0px solid black; padding:10px;}

.color_1{color:#FEBF00;}

.column_1{width:360px; padding:0px; position:absolute;top:5px;left:15px;}
.column_1 .logo{width:260px; margin-left:10px;}
.column_1 .info{width:250px; margin-left:40px; font-size:22px; color:#FFFFFF; text-align:justify;}


.column_2{width:420px; padding:0px; position:absolute;top:60px;right:60px;}
.column_2 .slideshow {margin-top:50px;}
.column_2 .slideshow .button_1{width:29px; height:29px; float:left; margin-top:45px;}
.column_2 .slideshow .slide_box{width:290px; float:left; margin:0 5px;}

.column_people{width:900px; padding:0px; position:absolute;bottom:90px;left:70px;}
.column_people .slideshow {margin-top:50px;}
.column_people .slideshow .button_1{width:29px; height:29px; float:left; margin-top:45px;}
.column_people .slideshow .slide_box{width:790px; float:left; margin:0 5px;}
.column_people .slideshow .box_1_middle{width:750px; height:122px; float:left; background:url(images/box-1-middle.png) 0 0 repeat-x;}

.slide_box .images{height:300px; padding-top:20px;}
.slide_box .images img{width:190px; height:280px; float:left; margin:0 2px;}

.column_4{float:left; padding:0px;position:absolute;top:100px;right:50px;}

.column_5{float:right; padding:0px;position:absolute;top:50px;right:15px;}

.testimonials_box{width:360px; position:absolute; left:50px;top:90px;border:0px solid black;}
.testimonials_box .text{height:130px; color:#000000; font-size:11px; float:left;}
.testimonials_box h3{font-size:14px; font-weight:normal; margin:10px 0;}
.testimonials_box p{margin-bottom:2px;}

.box_1_left{width:20px; height:122px; float:left; background:url(images/box-1-left.png) left no-repeat;}
.box_1_middle{width:250px; height:122px; float:left; background:url(images/box-1-middle.png) 0 0 repeat-x;}
.box_1_right{width:20px; height:122px; float:left; background:url(images/box-1-right.png) right no-repeat;}

.box_1_leftb{width:20px; height:82px; float:left; background:url(images/box-1-leftb.png) left no-repeat;}
.box_1_middleb{width:250px; height:82px; float:left; background:url(images/box-1-middleb.png) 0 0 repeat-x;}
.box_1_rightb{width:20px; height:82px; float:left; background:url(images/box-1-rightb.png) right no-repeat;}

.box_2_left{width:20px; height:280px; float:left; background:url(images/box-2-left.png) left no-repeat;}
.box_2_middle{width:320px; height:280px; float:left; background:url(images/box-2-middle.png) 0 0 repeat-x;}
.box_2_right{width:20px; height:280px; float:left; background:url(images/box-2-right.png) right no-repeat;}

.box_2_leftb{width:20px; height:280px; float:left; background:url(images/box-2-leftb.png) left no-repeat;}
.box_2_middleb{width:320px; height:280px; float:left; background:url(images/box-2-middleb.png) 0 0 repeat-x;}
.box_2_rightb{width:20px; height:280px; float:left; background:url(images/box-2-rightb.png) right no-repeat;}

.box_3_left{width:20px; height:430px; float:left; background:url(images/box-3-left.png) left no-repeat;}
.box_3_middle{width:355px; height:430px; float:left; background:url(images/box-3-middle.png) 0 0 repeat-x;}
.box_3_right{width:20px; height:430px; float:left; background:url(images/box-3-right.png) right no-repeat;}

.box_4_left{width:20px; height:500px; float:left; background:url(images/box-4-left.png) left no-repeat;}
.box_4_middle{width:350px; height:500px; float:left; background:url(images/box-4-middle.png) 0 0 repeat-x;}
.box_4_right{width:20px; height:500px; float:left; background:url(images/box-4-right.png) right no-repeat;}

.box_5_left{width:20px; height:545px; float:left; background:url(images/box-5-left.png) left no-repeat;}
.box_5_middle{width:460px; height:545px; float:left; background:url(images/box-5-middle.png) 0 0 repeat-x;}
.box_5_right{width:20px; height:545px; float:left; background:url(images/box-5-right.png) right no-repeat;}

.box_6_left{width:20px; height:440px; float:left; background:url(images/box-6-left.png) left no-repeat;}
.box_6_middle{width:460px; height:440px; float:left; background:url(images/box-6-middle.png) 0 0 repeat-x;}
.box_6_right{width:20px; height:440px; float:left; background:url(images/box-6-right.png) right no-repeat;}

.box_s_left{width:20px; height:160px; float:left; background:url(images/servicebox1.png) left no-repeat;}
.box_s_middle{width:430px; height:160px; float:left; background:url(images/servicebox2.png) 0 0 repeat-x;}
.box_s_right{width:20px; height:160px; float:left; background:url(images/servicebox3.png) right no-repeat;}

.big_box{margin-top:0px; color:#FFFFFF;}
.big_box h2{color:#FEBF00; font-size:18px; font-weight:normal;}
.big_box .left{width:450px; height:180px; float:left;}
.big_box .right{width:150px; height:180px; float:right;}
.big_box .content_left{width:215px; float:left; text-align:justify; padding-left:5px;}
.big_box .content_right{width:215px; float:right; text-align:justify;}

.big_box .slideshow {float:left;}
.big_box .slideshow .button_1{width:29px; height:29px; float:left; margin-top:45px;}
.big_box .slideshow .slide_box{width:455px; float:left; margin:0 5px;}
.big_box .slideshow .box_1_middle{width:415px; height:122px; float:left; background:url(images/box-1-middle.png) 0 0 repeat-x;}

.big_box .right .title{color:#FEBF00; font-size:11px; text-align:center;}
.big_box .right .menu {padding-left:25px; margin-top:10px;}
.big_box .right .menu li{padding:2px 0 3px 13px; background:url(images/arrow.png) left no-repeat;}
.big_box .right .menu a{color:#FFFFFF; font-size:12px;}

#middleimage img
{
	position:absolute;
	bottom:60px;
	right:62px;
	border:1px solid black;
	padding:0px;
	margin:0px;
}


/* -- EDIT CONTAINERS -- */
.tooltip
{
	position:absolute;
/*	background-color:#5F87B5;*/
	background:url(images/throb_bg.png);
	border-color:#399CDE;
	/*-moz-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;*/
	border-width:2px;
	border-style:solid;
	padding:5px 5px 5px 5px;
	z-index:10;
	width:160px;
	height:95px;
	overflow:hidden;
	color:white;
	text-align:left;
	font: 11px sans-serif;
}

.tooltip2
{
	position:absolute;
/*	background-color:#5F87B5;*/
	background:url(images/throb_bg.png);
	border-color:#399CDE;
	/*-moz-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;*/
	border-width:2px;
	border-style:solid;
	padding:5px 5px 5px 5px;
	z-index:10;
	width:140px;
	height:85px;
	overflow:hidden;
	color:white;
	text-align:left;
	font: 11px sans-serif;
}




/* -------------------------------------------------------- Nice Buttons -------------------------------------------------------- */

.noborder {text-decoration:none;}
.noborder:hover {text-decoration:none;}
.noborder img {border:0px solid transparent;}
.noborder img:link {border:0px solid transparent;}
				



.buttons a, .buttons button
{
    display:block;
    float:left;
    margin:7px 7px 7px 7px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button
{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]
{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]
{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover
{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active
{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* DISABLED */

button.disabled, .buttons a.disabled
{
    color:#C0C0C0;
	background-color:#F5F5F5;
	cursor:no-drop;
}

.buttons a.disabled:hover, button.disabled:hover
{
    background-color:#F5F5F5;
    border:1px solid #C0C0C0;
    color:#C0C0C0;
}
.buttons a.disabled:active
{
    background-color:#F5F5F5;
    border:1px solid #C0C0C0;
    color:#C0C0C0;
}


/* POSITIVE */

button.positive, .buttons a.positive
{
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover
{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active
{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative
{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover
{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active
{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}






/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color:#4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

	
	
	/*tooltip*/


abbr, acronym {
padding:0px;
margin:0px;
}
.bubbleTooltip {
	width: 200px;
	color:#fff;
	font: 11px sans-serif;
	text-decoration:none;
	line-height:16px;
	text-align:center;

}
.bubbleTooltip span.top {
	width:200px;
	height:70px;
	padding:  8px 0px 0px 0px;
	background:url(images/throb_bg.png);
	border:1px solid #399CDE;
}
.bubbleTooltip span.bottom {
	padding:0px 8px 0px 0px;
	color: #000;
	background:url(images/throb_bg.png);

}

.artwork
{
	position:absolute;
	left:80px;
	top:105px;
	color:white;
}

.artwork2
{
	position:absolute;
	left:80px;
	top:130px;
}

.artInfo
{
	/*position:absolute;
	right:80px;
	border:2px solid #399CDE;
	width:336px;
	height:60px;
	bottom:70px;
	background-color:#5F605F;*/
	color:white;
	padding-top:10px;
	visibility:hidden;
	display:none;
}