* { padding: 0; margin: 0; }

html, body { 
	margin:0;
	padding:0;
	height:100%; 
}

body { font-family:Arial, Helvetica, Sans-serif; 
	font-size:15px; 
	text-align:left;
	height:100%;
	color:#000000;
}

#page-container { 
	width:100%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#menu { 
	width:980px; 
	height:410px;
	margin-left: auto;
	margin-right: auto;
	min-width:980px; 
}

#menu ul
{
	list-style: none;
}

#menu li
{
	float: left;	
}

#menu span
{
	display:none;
}

#menu li a.welcome{background-image:url(../Images/Menu-Welcome-Off.jpg); background-repeat:no-repeat; height:410px;float: left;width: 190px;display: block;}
#menu li a:hover.welcome{background-image:url(../Images/Menu-Welcome-On.jpg); background-repeat:no-repeat; height: 410px;float: left;width: 190px;display: block;}

#menu li a.about_us{background-image:url(../Images/Menu-About_Us-Off.jpg);background-repeat:no-repeat;height:410px;float: left;width: 190px;display: block;}
#menu li a:hover.about_us{background-image:url(../Images/Menu-About_Us-On.jpg);background-repeat:no-repeat;height: 410px;float: left;width: 190px;display: block;}

#menu li a.services{background-image:url(../Images/Menu-Services-Off.jpg);background-repeat:no-repeat;height:410px;float: left;width: 190px;display: block;}
#menu li a:hover.services{background-image:url(../Images/Menu-Services-On.jpg);background-repeat:no-repeat;height: 410px;float: left;width: 190px;display: block;}

#menu li a.contact{background-image:url(../Images/Menu-Contact-Off.jpg);background-repeat:no-repeat;height:410px;float: left;width: 190px;display: block;}
#menu li a:hover.contact{background-image:url(../Images/Menu-Contact-On.jpg);background-repeat:no-repeat;height: 410px;float: left;width: 190px;display: block;}

#menu li a.consulting_room{background-image:url(../Images/Menu-Home-Off.jpg);background-repeat:no-repeat;height:410px;float: left;width: 190px;display: block;}
#menu li a:hover.consulting_room{background-image:url(../Images/Menu-Home-On.jpg);background-repeat:no-repeat;height: 410px;float: left;width: 190px;display: block;}


#content-container { 
	width:100%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../Images/Services-Bottle-Back.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	min-height:338px;
}

#content { 
	width:980px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	min-width:980px;
	min-height:338px;
}

#footer { 
	width:100%;
	height:180px;
	display: block;
	background-image:url(../Images/Services-Back.jpg);
	min-width:980px;
}

#footer-content { 
	width:908px;
	height:180px;
	margin-left: auto;
	margin-right: auto;
}

#footer-address {
	float:left;
	margin-top:15px;
}

#footer a{
	font-weight:bold;
	color: #000000;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#footer a:hover{
	font-weight:bold;
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}


#footer p {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

#footer p.tel {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#ffffff;
	font-weight:bold;
}

#footer span {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

#footer span.tel {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#000000;
	font-weight:bold;
}

.social-menu {
	float:left;
	margin-top:130px;
}

.sub-menu {
	float:right;
	margin-top:30px;
}

.sub-menu p{
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#acacac;
	font-size:12px;
	font-weight:bold;
}

.sub-menu a{
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#acacac;
	font-size:12px;
	font-weight:bold;
}

.sub-menu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

#page_left {
    float: left;
    width: 780px;
	text-align:left;
	display:block;
	border-right:20px;
}
#sub_menu {
    float: right;
    width: 180px;
	text-align:left;
	display:block;
}

.clear{
	clear:both;
	height:4px;
}

#sub_menu h1 {
	color: #5051a2;
	font: bold 16px Verdana, Geneva, sans-serif;
}

#sub_menu h1 span {
	color: #959595;
	font: bold 16px Verdana, Geneva, sans-serif;
}

#sub_menu hr{
   color:#ebebeb;
   width:100%;
   margin-bottom:4px; 
   margin-top:4px;
}

#sub_menu a{
	font-weight:bold;
	color: #959595;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-left:10px;
}

#sub_menu a:hover{
	font-weight:bold;
	color: #5051a2;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.left_column {
    float: left;
    width: 260px;
	text-align:center;
	display:block;
}

.central_column {
    float: left;
    width: 260px;
	text-align:center;
	display:block;
}

.right_column {
    float: left;
    width: 260px;
	text-align:center;
	display:block;
}

.left_column {
    float: left;
    width: 260px;
	text-align:center;
	display:block;
}

.page_left {
    float: left;
    width: 390px;
	text-align:center;
	display:block;
}

.page_right {
    float: right;
    width: 390px;
	text-align:center;
	display:block;
}


.open_website{
	float:left;
	width:130px;
	height:20px;
	margin: 5px 0 7px 0; 
	display: block;
	overflow: hidden;
}

a.open_website{
	background: url(../Images/Open_Website.gif) 0 0 no-repeat;
}

a.open_website:hover {
	background: url(../Images/Open_Website.gif) 0 -20px no-repeat;
}
	
.website_info {
	float:left;
	width:130px;
	height:20px;
	margin: 5px 0 7px 0; 
	display: block;
	overflow: hidden;
}

a.website_info {
	background: url(../Images/Website_Info.gif) 0 0 no-repeat;
}

a.website_info:hover {
	background: url(../Images/Website_Info.gif) 0 -20px no-repeat;
}

.testimonial {
	float:left;
	width:130px;
	height:20px;
	margin: 5px 0 7px 0; 
	display: block;
	overflow: hidden;
}

a.testimonial {
	background: url(../Images/Testimonial.gif) 0 0 no-repeat;
}

a.testimonial:hover {
	background: url(../Images/Testimonial.gif) 0 -20px no-repeat;
}

	
.info_text{
	float:left;
	margin-left:8px;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #5051a2;
	margin-bottom: 2px;
}

span{
	color: #959595;
}

.clear{
	clear:both;
	height:20px;
}

.clear_small{
	clear:both;
	height:2px;
}


p {
	color: #000000;
	font:Verdana, Geneva, sans-serif;
	padding-top: 1em;
}

p.small {
	color: #000000;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
}

h1 {
	color: #5051a2;
	font: bold 22px Verdana, Geneva, sans-serif;
}

h1 span {
	color: #959595;
	font: bold 18px Verdana, Geneva, sans-serif;
}


h2 {
	color: #5051a2;
	font: bold 20px Arial, Helvetica, sans-serif;
}
h3 {
	color: #5051a2;
	font: bold 18px Arial, Helvetica, sans-serif;
}
h4 {
	color: #5051a2;
	font: bold 16px Arial, Helvetica, sans-serif;
}
h5 {
	color: #5051a2;
	font: bold 14px Arial, Helvetica, sans-serif;
}
h6 {
	color: #5051a2;
	font: bold 12px Arial, Helvetica, sans-serif;
}

a{
	font-weight:bold;
	color: #5051a2;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a:hover{
	font-weight:bold;
	color: #959595;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

ul{
	list-style: disc inside; 
	padding-top: 1em;
	padding-left: 2em;
}

ol{
	list-style: disc inside; 
	padding-top: 1em;
	padding-left: 2em;
}

blockquote
{
	padding-left: 1em;
}

hr{
   color:#5051a2;
   width:680px;
   margin-bottom:10px;
   margin-top:10px;
}

#details-container { 
	width:720px;
	height:320px;
	display: block;
}
			
#details-image {
	float:left;
	width:450px;
	height:320px;
	display: block;
	border-style:solid;
	border-width:1px;
	border-bottom-color:5051a2;
}

#details-video { 
	width:720px;
	display: block;
	text-align:center
}
			
#details-text {
	float:right;
	width:260px;
	height:320px;
	display: block;
}
			
.blue_text{
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #5051a2;
}
			
.main_text{
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#333;
}
			
.grey_text{
	color: #959595;
}

#table {
	width: 780px;
	text-align:left;	
	margin:0 auto;
}

td.standard {
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
td.alt {
	background: #ededf6;
	padding: 6px 6px 6px 12px;
	color: #666666;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.standard {
	border-top: 0;
	background-color:#5051a2;
	padding: 6px 6px 6px 12px;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

a.info{ 
	position:relative;
	z-index:24;  /*this is the key*/ 
	color:#000; 
	text-decoration:none
}

a.info:hover{
	z-index:25; 
}

a.info span{
	display: none
}

a.info:hover span{
	/*the span will display just on :hover state*/ 
	display:block; 
	position:absolute; 
	left:2em; width:30em; 
	border:1px solid #336699;
	padding: 2px 2px 2px 2px;
	background-color:#CCC; 
	color:#000000; 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}