﻿@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0}
body{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
background-color:#000000;
margin-top:20px;}

img{border:0px;}

a:link{
text-decoration: none;
color:#691083;}
a:visited{text-decoration: none;}
a:active{text-decoration: none}
a:hover{
text-decoration: underline; 
color:#691083;}

.purple{color:#691083;}

.top_titles{
margin-top:0px;
margin-bottom:20px;
background-color:#CCCCCC;
width:910px;
height:40px;
text-align:left;
}

#imgcenter {
width:600px;
position:absolute;
left:50%;
margin-top:150px;
margin-left:-300px;
text-align:center;}
#loader{
width:126; height:22;
margin-right:13%;}

.beauty {color: #691083}

#container{
width: 950px;
margin:0 auto;
background-color:#FFFFFF;}

#header{
width:910px;
height:116px;
margin-left:20px;
margin-right:20px;}

#logo{
width:310px;
height:76px;
margin:20px;
background-image:url(images/logo.gif);
float:left;}

#slogan{
width:265px;
height:15px;
margin-top:20px;
font-size:11px;
float:right;
text-align:right;}

/* Menu */
#menu{
width:390px;
height:20mpx;
margin-top:43px;
font-size:14px;
text-align:right;
float:right;}
#menu ul {
padding:0px;
margin:0px;
list-style:none;}
#menu ul li{
display:inline;}
#menu ul li a {
padding:1px;
color:#000000;
text-decoration: none;}
#menu ul li a:hover{
color:#691083;
text-decoration: none;}
.current{
color:#691083;
font-weight:bold;}


/* End Menu*/

#general{
width:910px;
margin:0px 20px 0px 20px;
padding-bottom:20px;
clear:both;
}

#photos{
width:910px;
height:272px;
text-align:right;
clear:both;
}

/* Customized Scroll */

.scrollpanel{ width: 220px; overflow: auto; margin-right:10px; margin-left:10px; 
height: 128px;}
.scrollpanel p{ margin-top:0px;}
.jScrollPaneContainer{ position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
				  background: url(images/bar.jpg) top center repeat-y; padding: 1px; }
.jScrollPaneDrag{ position: absolute; background: url(images/ball.png) center center no-repeat;
					  cursor: pointer; overflow: hidden;}
					  
/* End Customized Scroll */

.top{
margin-top:0px;
margin-bottom:20px;
clear:both;}

#about{
float:left;
width:250px;
height:230px;
margin-top:20px;
margin-bottom:20px;
background-color:#000000;
color:#FFFFFF;}

#news{
float:left;
width:650px;
height:230px;
margin:20px 0px 20px 10px;
background-color:#CCCCCC;
color:#000000;
padding:}

.topnews{
margin:0px;
clear:both;
background:#000000;
height:61px;
color:#FFFFFF;}

.news{
float:left;
width:203px;;
margin:20px 0px 20px 10px;
background-color:#CCCCCC;
color:#000000;
padding:}



/*Footer*/

#footer{
background:#000000;
color:#FFFFFF;
height:30px;
margin:0px;
padding-top:10px;
clear:both;
font-size: 10px;
text-align:left;}
#footer a{
color:#FFFFFF;
text-decoration:none;}
#footer a:hover{
color:#666666;
text-decoration:underline;}
.footeresq{
float:left;}
.footerdir{
float:right;}


/*The Group*/

#groupback{
width:910px; height:515px;
background-image:url(images/thegroup_background.jpg);
}

#grouptext1{
width:438px; height:200px;
float:left;
mmargin-bottom:0px;
margin-left:8px;
margin-top:10px;
background-color:#CCCCCC;
padding:10px;}

#grouptext1 img{
float:left;
margin-right:10px;}

#grouptext2{
width:438px; height:234px;
float:left;
mmargin-bottom:0px;
margin-left:8px;
margin-top:23px;
background-color:#CCCCCC;
padding:10px;}


/*Contact*/

#contact{
width:435px;
background-image:url(images/phone.jpg);
background-repeat:no-repeat;
height:435px;
float:left;
margin-top:0px;
position:absolute;
text-align:right;}

#contact2{
width:455px;
font-weight:bold;
background-color:#CCCCCC;
height:435px;
float:right;
margin-top:0px;
margin-right:0px;
margin-bottom:20px;}

#contactinfo{
float:right;
margin-top:345px;
font-size:12px;
font-style:italic;}

.form{
color:#FFFFFF;
padding:20px;}
.formbutton{
color:#663399;
border:solid 1px;
border-color:#663399;
font-weight:bold;}
.formbuttonover{
background-color:#000000;
color:#663399;
border:solid 1px;
border-color:#663399;
font-weight:bold;}

#label{
background-image:url(images/email_label.png);
color:#CCCCCC;
width:133px;
height:133px;
position:absolute;
z-index:1;
margin-left:750px;
margin-top:20px;}


/* Work With Us*/

#workglobe{
width:400px;
height:435px;
float:right;
margin-top:0px;
margin-right:20px;
margin-bottom:20px;
text-align:right;}

#workglobe img{
margin-top:80px;}