/* ================================================
     Griffiths Associates Basic Tags 
   ================================================ */

body{
padding:0px; margin:0 auto; 
position:relative; 
background: url(images/header-bg3.jpg) 0 0 repeat-x #EFEFEF; /* */
color:#666; 
font-size: 75%;
font-family: Arial, Helvetica, sans-serif; 
font-weight:normal;
}

div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* TOP PANEL */
#topPan{
width:700px; 
height:240px; 
position:relative; 
margin:0 auto; padding:0;
}

#topPan h1
{
display:block;
position:absolute;
top:8px;
left:10px;
width:278px; height:195px; 
background:url(images/header-img3.jpg) 0 0 no-repeat #FEEBB0; 
color:#fff; 
text-indent:-2000px;
}

#topPan span.tagline {
font-family : "Trebuchet MS", "Century Gothic", verdana, lucida, arial, helvetica, sans-serif; 
font-weight : bold; 
float : right; 
font-style : italic; 
font-size : 1.6em; 
text-align : right; 
color : #4d4d4d; 
padding-right : 1em; 
padding-top : 1em; 
}

#topPan img
{width:372px; height:91px; 
position:absolute; 
top:112px; 
right:0px; 
margin:0px; 
padding:0px;
}

#topPan ul
{width:376px; height:32px; 
display:block; position:absolute; 
top:203px; right:0px; margin:0px; 
padding:0px; 
color:#fff;
}

#topPan ul li
{float:left; display:block; 
width:75px; height:32px; 
background:url(images/menu-divider.gif) right top no-repeat;
}

#topPan ul li span
{display:block; width:73px; 
height:32px; 
background:url(images/menu-hover2.gif) 50% 0 no-repeat; 
font:1.2em/2.6em "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal; text-align:center; text-decoration:none;
}

#topPan ul li a
{display:block; width:73px; 
height:32px; 
background:url(images/menu-bg2.gif) 0 0 repeat-x; 
color:#fff; 
font:1.2em/2.6em  "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal; 
text-align:center; 
text-decoration:none;
}

#topPan ul li a:hover
{display:block; width:73px; 
background:url(images/menu-hover2.gif) 50% 0 no-repeat;
text-decoration:none; /*position:fixed;*/ 
margin:0; padding:0px;
color:yellow;
}

#topPan ul li.contact
{display:block; width:75px; 
height:32px; 
background:url(images/menu-bg2.gif) 0 0 repeat-x; 
color:#fff; 
font:font:1.2em/2.6em "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal; text-align:center; 
text-decoration:none;
}

#topPan ul li.contact:hover
{display:block; width:75px; 
background:url(images/menu-hover2.gif) 50% 0 no-repeat;
text-decoration:none; /*position:fixed;*/ 
margin:0; padding:0px;
}

/* /TOP PANEL ends */

/* BODY PANEL start */
#bodyPan {
width:700px; 
position:relative; 
margin:0 auto; }

/* Left Panel */

#leftPan{
width:247px; 
height:727px; 
display:block; 
float:left; 
margin:0; 
padding:27px 45px 0 44px;
}

#leftPan h2{
width:177px; 
height:83px; 
float:left; 
display:block; 
background:url(images/image1.jpg) 0 0 no-repeat #EFEFEF; 
font:2.4em/3.0em "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:bold; 
color:#4D4D4D; 
padding:0 0 0 55px;
margin:0;
 }

#leftPan h2 span{
background:#EFEFEF; color:#967001; 
font:1.3em/1.3em Arial, Helvetica, sans-serif; 
font-weight:bold; 
padding:0; 
margin:10px 0 0;
}

#leftPan h3{ 
width:247px; 
display:block; 
float:left; 
background:none; 
font-size:1.7em; 
font-weight:bold; 
padding:0; margin:0;}

#leftPan p{
display:block; 
padding:0 0 24px 0;
font:1em/1.4em Arial, Helvetica, sans-serif; 
color:#000000;
}

#leftPan p.highlight{
display:block; 
padding:0 0 24px 0;
font-weight:bold; 
}


#leftPan ul{
width:241px; 
height:271px; 
display:block; 
float:left; 
margin:0; 
padding:0;
}

#leftPan ul li.middle{
width:22px; 
height:152px; 
background:none; 
float:left; 
display:block; 
padding:0; 
margin:0;
}

#leftPan ul li{
width:109px; 
height:122px; 
display:block; 
float:left; 
background: url(images/dot-line.gif) repeat-x 0 100%; 
padding:0 0 10px 0; 
margin:20px 0 0 0;
}

#leftPan ul li img{
width:109px; 
height:105px; 
display:block; 
padding:0; 
margin:0;
}

#leftPan ul li a{ 
width:70px; 
height:20px; 
display:block; 
background:url(images/arrow.gif) no-repeat 100% 50% #EFEFEF; 
color:#BF4D02; font:12px/20px Georgia, "Times New Roman", Times, serif; 
text-decoration:none; 
text-align:center; 
margin:0 0 0 12px; 
padding:0;
}

#leftPan ul li a:hover{
text-decoration:underline; 
display:block;
}

#leftworkPan{
width:241px; 
height:271px; 
display:block; 
float:left; 
margin:10px 0 0; 
padding:0;
} 

/* /Left Panel END */

/* Right Panel */

#rightPan{
width:359px; 
float:left; 
display:block; 
background:#FFF; 
margin:0 auto; 
padding:10px 0; 
color:#666;
}

#rightPan p{
padding:0 63px 0 52px;
font:1em/1.4em Arial, Helvetica, sans-serif; 
}

#rightPan p.paddingtop{
padding:26px 63px 0 52px; 
background:#FFF; 
margin:0 auto; 
color:#666; 
font:14px/20px Georgia, "Times New Roman", Times, serif; 
font-style:italic;
}

#rightPan p span.bigsize{ 
font-family:Georgia,"Times New Roman", Times, serif; 
font-style:italic; 
color:#BF4D02; 
font-size:20px; 
line-height:20px; 
background:#fff; 
padding:0;}

#rightPan p.name{
background:#fff; 
display:block; 
color: #0001B2; 
font:18px/18px Georgia, "Times New Roman", Times, serif; 
font-style:italic; 
font-weight:bold; 
text-align:right; 
padding:10px 63px 2px  0;
}

#rightPan p.title{
display:block; 
font:.95em Georgia, "Times New Roman", Times, serif; 
font-style:italic; 
font-weight:normal; 
text-align:right; 
padding:10px 63px 2px  0;
}

#rightPan p.dotline{
background:url(images/dot-line.gif) 0 0 repeat-x #fff; 
color:#666; 
margin:0 63px 0 52px;
}

#rightPan h2{
display:block; 
width:160px; 
height:40px; 
/*background:url(images/icon1.jpg) 0 0 no-repeat #fff; */
font:27px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:bold; 
color: #0001B2; 
padding:1px 0 0 0; 
margin:8px 0 0 52px;
}

#rightPan h2 span{
background:#fff; 
color: #0001B2; 
font:14px/14px Arial, Helvetica, sans-serif; 
font-weight:bold; 
padding:0; 
margin:10px 0 0;
}

#rightPan p.bottompadding{
padding:0 63px 2px 52px;
font:1em/1.4em Arial, Helvetica, sans-serif; 
}

#rightPan img{

padding:0; 
margin:10px 0 22px 50px;
}

/* --- form --- */

.row {
		clear: both;
		padding-top: 5px;
		}

form {
		margin-bottom: 1em;
		}
		
fieldset {
		margin: 10px 20px;
		padding: 5px;
		}		

legend {
		padding: 5px;

		background: #ffffff;
		text-transform: uppercase;
		color: #666666;
		font-size: 1em;
		}

.formLabel {
		font-size: .9em;
		line-height: 1.2em;
		text-align: right;
		margin: 0 5px 0 45px;
		width: 50px;
		float: left;
		}

.formControl {
		float: left;
		width: 50px;
		}
		
input, textarea {
		border: 1px solid #666666;
		padding: 2px;
		font: .9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}	
		
input {
		font-size: 1.2em;
		width: 190px;
		}			

textarea {
		width: 250px;
		}
		
.submitButton {
		background: #eeeeee;
		font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		padding: 4px 6px;
		width: auto;
		margin:5px 0 20px 0;
		}		
		
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
/* /Right Panel */

/* footer Panel */
#mainfooterbody{
height:114px; 
background:url(images/footer-bg.gif) 0 0 repeat-x #4D4D4D; 
color:#fff; 
padding:60px 0 0 0; 
position:relative; 
margin:0 auto; 
clear:both;
}

#footerPan{
width:650px; 
height:82px; 
position:relative; 
margin:0 auto; 
padding:0 0 0 50px;
}

#footerPan ul{
width:330px; 
display:block; 
position:absolute; 
right:0px; 
top:26px; 
padding:0; 
}

#footerPan li{
float:left; 
font:1.2em/1.5em "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:normal;
}

#footerPan ul li a{
padding:0 0 0 10px; 
color:#fff; 
text-decoration:none;}

#footerPan ul li a:hover{
text-decoration:underline;
}

#footerPan ul li a.padl{
padding:0 0 0 14px;
}


#footerPan ul.gd{
width:158px; 
color:#fff; 
display:block; 
position:absolute; 
top:74px; 
right:80px;
}

#footerPan ul.gd li a{
display:block; 
color:#fff; 
text-decoration:none;}

#footerPan ul.gd li a:hover
{text-decoration:underline;}

#footerPan p{  
display:block; 
position:absolute; 
top:60px; 
right:10px; 
margin:5px 45px 0 0;
color:#FFffff; 
font:1.0em/1.3em "Trebuchet MS",Arial, Helvetica, sans-serif;
}

#footerPanleft{
width:285px; 
height:82px; 
float:left; 
margin:0 auto; 
background:url(images/vertical-dot.gif) 100% 0 repeat-y;
}

#footerPanleft img{
width:260px; 
height:35px; 
margin:22px 0 0 0;
}