body {font-family: Arial, Helvetica, sans-serif;
margin:17px 0 20px 0; 
text-align: center; 
color:#666666; 
font-size: 11px; 
background:#ffffff; 
line-height:16px;  
 }
H2 {font-family: Arial, Helvetica, sans-serif;
color:#666666; 
font-size: 28px; 
margin-top:0px;
margin-bottom:3px;
margin-left:19px;   
 }
H3 {font-family: Arial, Helvetica, sans-serif;
color:#666666; 
font-size: 14px; 
margin-top:0px;   
margin-bottom:7px; 
font-weight: normal; 
 }
.outer {
width: 900px;
margin-left:5%;
margin-top:0px;
margin:0 auto;
text-align:left;
}
td {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;}
a  {color:#666666; text-decoration:none;}
a:active  {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;  }
a:hover {color:#317ece; text-decoration:none;}


#footerbar {height:6px; margin-top:14px; background:url(stripes.gif) repeat; line-height:6px; font-size:6px; margin-bottom:8px;width:100%;}
.copyright {color:#999999;}


#index1 {width:234px; float:left; background:url(../images/index/dot1.gif) repeat-y right; padding-right:18px;}
#index1 .text {float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#282828;}
#index1 .more {float:right; background:url(../images/index/arr2.gif) no-repeat right; font-size:10px; color:#888; padding-right:12px; margin-top:0px;}
#index1 .ht {height:24px;}
#index1 .more a {color:#3B506D; }
#index2 {width:216px; float:left; background:url(../images/index/dot1.gif) repeat-y right; padding-right:18px;padding-left:18px;}
#index2 .text {float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#282828;}
#index2 .more {float:right; background:url(../images/index/arr2.gif) no-repeat right; font-size:10px; color:#888; padding-right:12px; margin-top:0px;}
#index2 .ht {height:24px;}
#index2 .more a {color:#3B506D; }
#why_galiant ul {margin:0; padding:0; list-style-type:none;}
#why_galiant li {background: url(../images/index/arr3.gif) no-repeat 0 2px; padding-left:20px; margin-bottom:5px;}
#why_galiant li.mar {margin-bottom:0;} 

#index3 {width:233px; float:left; padding-left:18px;}
#index3 .text {float:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#282828;}
#index3 .more {float:right; background:url(../images/index/arr2.gif) no-repeat right; font-size:10px; color:#888; padding-right:12px; margin-top:0px;}
#index3 .ht {height:22px;}
#index3 a {color:#d46f25;}
#index3 .more a {color:#3B506D; }


#dropmenudiv{
position:absolute;
border:1px solid #ededed;
border-bottom-width: 0;
font:normal 12px Arial;
font-variant:small-caps;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ededed;
padding: 1px 0;
text-decoration: none;
font-weight: normail;
color:#555555
}

#dropmenudiv a:hover{
background-color: #ebebeb;
color:#000000;
}

.who{
padding:2px;
margin-right:5px;
/*border:1px solid #cbcbcb;*/
}

.web{
padding:2px;
margin-right:5px;
border:1px solid #cbcbcb;
}

.hoverbox
{
	cursor: default;
	list-style: none;
    position:absolute;
    left:200px;
    margin-left:-35px;
margin-top:4px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: 300px;
	z-index: 1;
}

.hoverbox img
{
	background: #eeeeee;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #eeeeee;
	width: 450px;
	height: 650px;
}

