/* CSS Document */
body{
padding:0px;
 margin:0px;
 background:url(../img/mainbg.jpg) 0 0 repeat-x #fff;
 color:#333;
 font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, p, ul, h2, h3, h4, img{
	padding:0px;
	margin:0px;
}

td {
	vertical-align: top;
}
ul{
list-style-type:none;
}
/*----TOP PANEL----*/
#topPan{
	width:797px;
 	height:152px;
 	position:relative;
 	margin:0 auto;
 	padding:0px;
}
#topPan img{
position:absolute;
 	top:47px;
 	left:0px;
}

#topPan ul{
	width:480px;
 	height:32px;
 	position:absolute;
 	top:76px;
 	right: 0;
 	left: 340px;
}
#topPan ul li{
	float:left;
 	width:79px;
 	height:32px;
 	padding:0;
}
#topPan ul li a{
display:block;
 width:82px;
 height:32px;
 background:url(../img/menubg-normal-sm.gif) 0 0 no-repeat #0f3775;
 color:#333;
 font-size:11px;
 line-height:32px;
 text-transform:uppercase;
 text-align:center;
 text-decoration:none;
}
#topPan ul li a:hover{
background:url(../img/menubg-hover-sm.gif) 0 0 no-repeat #0f3775;
 color:#0f3775;
 text-decoration:none;
}

body#home #topPan ul li#home,
body#about #topPan ul li#about,
body#services #topPan ul li#services,
body#links #topPan ul li#links,
body#contact #topPan ul li#contact
{
display:block;
 width:79px;
 height:32px;
 background:url(../img/menubg-hover-sm.gif) 0 0 no-repeat #0f3775;
 font-weight:bold;
 line-height:32px;
 color:#0f3775;
 text-decoration:none;
 text-transform:uppercase;
 text-align:center;
 padding: 0;

}

body#home #topPan ul li#home a,
body#about #topPan ul li#about a,
body#services #topPan ul li#services a,
body#links #topPan ul li#links a,
body#contact #topPan ul li#contact a

{
	background: none;
	color:#0f3775;
}

#topPan ul.dropdown{
 height:22px;
 position:absolute;
 top:119px;
 right:0px;
}
#topPan ul.dropdown li{
	width: auto;
	padding: 0 25px 0 0;
	float:left;
 	height:22px;
 }
#topPan ul.dropdown li a{
	width: auto;
	display:block;
	background: none;
 	color:#333;
 	font-size:11px;
 	text-decoration:none;
 	text-align:center;
 	line-height:22px;
} 
#topPan ul.dropdown li a:hover{
text-decoration:none;
 color:#bbb;
}

#topPan ul.dropdown li.verticallinenone a{
display:block;
 width:79px;
background:#fff;
 color:#3E3E3E;
 font-size:11px;
 text-decoration:none;
 text-align:center;
 line-height:22px;
} 
#topPan ul.dropdown li.verticallinenone a:hover{
text-decoration:none;
 background:#fff;
 color:#7C7900;
}

/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopmainPan{
width:100%;
 background:#fff;
 color:#8D8D8D;
 border-bottom: 1px solid #ddd;
 float:left;
 padding:25px 0;
 clear:both;
}

#bodytopPan{
background: url("../img/ggi_bg_lg.gif") 40% 50% no-repeat;
width:797px;
 position:relative;
 color:#707070;
 margin:0 auto;
 padding:0px;
}

body#home #bodytopPan, body#contact #bodytopPan, body#about #bodytopPan{
background: none;
}

#bodytopPan ul li {
	padding: 2px;
	list-style: square;
	margin-left: 25px;
}
#bodytopPan ul {
	margin: 10px;
}
#bodytopPan h2{
	font-family: georgia;
	font-weight: normal;
	text-transform: uppercase;
 	color:#0f3775;
 	letter-spacing: 2px;
 	font-size:26px;
	margin: 5px 0 15px 0;
}

#bodytopPan h3{
	margin: 5px 0 15px 0;
}

#bodytopPan p{
padding:0 38px 11px 0;
line-height: 160%;
}

#bodytopPan a{
	color: #0f3775;
	font-weight: bold;
	text-decoration: none;
}
#bodytopPan a:hover{
	text-decoration: underline;
}

body#contact div#message p{
	font-style:normal;
	padding-top: 10px;
}


body#contact div#message img{
	font-style:normal;
	float: right;
}

body#contact div#message {
	height: 217px;
	background: #f2f2f2 url("../img/ggi_bg_2.gif") 40% 40% no-repeat;

}

div#message {

	padding: 10px;
	border: 1px solid #ccc;
	height: 240px;
	width: 90%;
	background: #f2f2f2 url("../img/ggi_bg_2.gif") 65% 40% no-repeat;
	
}

div#message img {
	float: left;
}

div#message p {
	font-style: italic;
	padding-top: 25px;

}

div.profile {
	width: 90%;
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px 10px 40px 10px;
	background: #f2f2f2 url("../img/ggi_bg_2.gif") 38% 40% no-repeat;

}

div.profile img {
	background: #fff;
	margin: 10px;
	float: right;
	border: 1px solid #ccc;
	padding-top: 15px;
}
div.profile h4 {

}

div.profile img#tracy {
	padding: 12px 0px 0 8px;
}
/*----/BODY TOP PANEL----*/



/*----FOOTER PANEL----*/
#footermainPan{
	height:92px;
 	background:url(../img/footerbg.gif) 0 0 repeat-x #565656;
 	color:#fff;
 	clear:both;
}
#footerPan{
	width:797px;
 	position:relative;
 	margin:0 auto;

}



#footerPan p.copyright{
 	color:#fff;
 	font:12px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
 	position:absolute;
 	top:60px;
 	left:0;
}

#footerPan ul{
 position:absolute;
 top:60px;
 right: 0;
 left: 360px;

}
#footerPan li{
float:left;
 font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
 font-weight:normal;
}
#footerPan ul li a{
	padding:0 18px;
 	color:#fff;
 	text-decoration:none;
}
#footerPan ul li a:hover{
	text-decoration:underline;
}

#footerPan ul.credits{
	width:300px;
 background:#565656;
 color:#fff;
 display:block;
 position:absolute;
 font-size:12px;
 top:95px;
 left:26px;
}
#footerPan ul.credits li a{
background:#565656;
 display:block;
 color:#fff;
 text-decoration:none;
}
#footerPan ul.credits li a:hover{
text-decoration:underline;
}