

#top-wrap{
  width:100%;
  float:left;

}

#body-wrap{
  width:100%;
  float:left;  
  background:#dbe8cf;
}

#topbody-wrap{
  width:100%;
  float:left;  
  background:#dbe8cf;
}

/* Layout styles */
#header-wrap{
  width:100%;
  float:left;
  background:#dbe8cf url(images/header-wrap.gif) repeat-x top;
}
.header-inner{
  width:970px;
  float: none;
  margin:0 auto;
}
#header{
  width:970px;
  height:96px;
  float: left;
  position:relative;
}

h1{
  display: block;
  float:left;
  margin:23px 0 0 26px;
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
display: block;
position:absolute;
top: 230px;
left: 25px;
text-align: center;
text-indent:0px;
margin-top: 20px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.call{
  float: right;
  width:auto;
}

/* stylin navigation content */
ul.nav{
  min-width: 450px;
  height: 96px;
  float:right;
  display:block;
}
ul.nav li{
  float: left;
  width:auto;
  background: url(images/nav-bg.png) repeat-x;
}
ul.nav li.nopad{
	padding-right:0px;
}
ul.nav li a{
  float:left;
  font-size: 14px;
  font-weight: bold;
  color:#6d7c53;
  padding:0 22px;
  line-height:96px;
}

ul.nav li a:hover, ul.nav li a.active{
  float:left;
  color:#fff;
  background: url(images/nav-hover.gif) repeat-x bottom center;
}

/* stylin banenr content */
.banner{
  width:970px;
  height:389px;
  float:left; 
  background: url(images/banner_bg.png) no-repeat;
}
.bannerContent{
  width:429px;
  display:block;
  float:left;
  margin:56px 0 0 60px;
}
.bannerContent h2{
  font-size:24px;
  color: #000;
  font-weight:normal;
  padding-bottom:22px;
}
.bannerContent p{
  width: 100%;
  float:left;
  font-size:12px;
  color:#454545;
  line-height:21px;
  padding-bottom: 10px;
}
.bannerContent a.m-info{
	width:176px;
	height:37px;
	float:left;
	background: url(images/m-info.png) no-repeat;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	line-height:29px;
	padding-left:6px;
	text-align:center;
}
.banner img
{
    float: right;
    margin: 44px 135px 0 0;
}


/* stylin main body content */
#content-wrap{
  clear:both;
  width:970px;
  float:none;
  margin:0 auto;
  margin-top:14px;
  background:#dbe8cf
}
.leftPan{
	width:655px;
	float:left;
}
ul.services{
	width:655px;
	float:left;
	display:block;
}
ul.services li{
	width:286px;
	float:left;
	display:block;
	padding-bottom:56px;
}
ul.services li img{
	margin:4px 0 0 0;
}
	
ul.services li div{
	width:213px;
	display:block;
	float:right;
}
ul.services li div h3{
	width:auto;
	flaot:left;
	font-size:21px;
	font-weight:bold;
	color:#000;
	padding:2px 0 21px 0;
}
ul.services li div p{
	width:auto;
	float:left;
	font-size:12px;
	color:#454545;
	line-height:21px;
	padding-bottom:29px;
}
ul.services li div a.more{
	min-width:82px;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#368304;
	line-height:21px;
}

/* margin between container */
ul.services li.box3 div,ul.services li.box1 div{
	width:210px;
	float:right;
}
	
ul.services li.box1,ul.services li.box3{
	margin:0 47px 0 0;
}
ul.services li.box1,ul.services li.box2{
	padding-bottom:68px;
}

/* stylin right side column */
.rightPan{
	width:288px;
	display:block;
	float:right;
}
.rightPan h3{
	font-size:21px;
	color:#000;
	padding:0 0 0px 0;
}
.rightPan ul.lists li{
	padding:21px 0px;
	border-bottom:1px solid #cecbbc;
}
.rightPan ul.lists li.nobor{
	border:none;
}
.rightPan ul.lists li p{
	font-size:12px;
	color:#454545;
	line-height:21px;
	padding-bottom:8px;
}
.rightPan ul.lists li p a{
	font-size:12px;
	color:#368304;
	font-weight:bold;
}
.rightPan ul.lists li span{
	font-size:11px;
	color:#454545;
	font-style:italic;
	font-weight:bold;
}

/* stylin main botom content */
.bottom-wrap{
	width:100%;
	float:left;
	background:#eff5e9;
	padding-top:15px;
	padding-bottom:5px;
}
.inner-wrap{
	width:970px;
	float:none;
	margin:0 auto;
}
.botomLeft{
	width:655px;
	float:left;
	margin-right:27px;
	background:url(images/content-border.png) no-repeat top right;
}
.botomLeft h3{
	font-size:18px;
	color:#000;
	font-weight:bold;
	padding-bottom:25px;
}
.inner-wrap .botomLeft img.about{
	float:left;
	margin:0 32px 0 0;
}
.inner-wrap .botomLeft p.para{
	width:415px;
	float:left;
	font-size:12px;
	color:#454545;
	line-height:21px;
	padding-bottom:28px;
}
.inner-wrap .botomLeft a.anchor{
	width:90px;
	display:block;
	float:left;
	font-size:12px;
	color:#368304;
	font-weight:bold;
	margin:0 0 0 200px;
}

/* styling bottom right side column */
.botomRight{
	width:288px;
	float:right;
}
.botomRight h3{
	font-size:18px;
	color:#000;
	font-weight:bold;
	padding-bottom:25px;
}
.botomRight blockquote{
	font-size:12px;
	color:#454545;
	line-height:21px;
	text-indent:26px;
	padding:6px 0 30px 0;
	background:url(images/q-toe.png) no-repeat top left;
}
.botomRight p.signature{
	font-size:12px;
	color:#454545;
	font-weight:bold;
	font-style:italic;
	padding-left:18px;
}


/* stylin footer content */
#footer-wrap{
  clear:both;
  width:100%;
  float:left;
  background: #111e0c url(images/footer-wrap.gif) repeat-x;
}

#footer{
  width:970px;
  height:94px;
  float:none;
  margin:0 auto;
  padding-top:35px;
}

#footer p.copyright{
	min-width:120px;
	float:left;
	font-size:11px;
	color:#464a3f;
	line-height:21px;
}
/* stylin signature content */
p.sign{
	width:180px;
	float:right;
	margin:7px 47px 0 0;
	font-size:11px;
	color:#464a3f;
	font-style:italic;
	font-weight:bold;
}
p.sign a{
	color:#464a3f;
	font-weight:normal;
	text-decoration:underline;
}
p.sign a:hover{
	text-decoration:none;
}

/* stylin footer navigation content */
ul.footNav{
	clear:left;
	min-width:260px;
	float:left;
}
ul.footNav li{
	float:left;
	color:#464a3f;
	line-height:21px;
}
ul.footNav li a{
	float:left;
	padding:0px 4px;
	font-size:11px;
	color:#464a3f;
}
body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  background:#111e0c;
}
.pagemaster { font-size: 12px; color: #222222; padding:0; margin:0; border-top:1px solid #6bab30; border-bottom:1px solid #6bab30; }
.sitel { background: url(media/sitel.gif) repeat-y right; }
.siter { background: url(media/siter.gif) repeat-y left; }

h1, h2, h3 { color: #538d19; }
h1, h2 { margin-bottom: 20px; font-weight: normal; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }

p, td, .Normal, .normal { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color:#222222; }

p, ul, ol { margin-bottom: 20px; line-height: 1.8em; }
ul, ol { margin-left: 3em; }

a:link, a:active, a:visited { color: #75B03C; }
a:hover { text-decoration: underline; color: #111111; }

img { border: none; }
img.left { float: left; margin: 0 20px 10px 0; }
#logoimg
{
    background-image: url(images/keystonelogo3.png);
    background-position: left top;
    height: 150px;
    width: 400px;
    margin-top: -26px;

}

#logokeystone
{
    background-image: url(images/keystone-property-settlements.png);
    background-position: left top;
    height: 71px;
    width: 352px;
    margin-top: -26px;
    margin-right: 100px;
}
#whitemid { background: url(media/whitemid.gif) no-repeat; width:1024px; height:25px; margin: 0 auto; }

/* NAVIGATION */
#menu { width: 1024px; height: 30px; margin: 0 auto; background: #75b03c; }
#navcontainer { width: 100%; margin:auto; padding:0; text-align:center; }
#navholder { width:1024px; margin:auto; padding:0; text-align:center; }
#navigation { display:block; margin:0; padding:0 0 0 10px; list-style:none; }
#navigation ul { width:1024px; display:block; float:left; clear:none; list-style:none; margin:0; padding:0; }
#navigation li { display:inline; float:left; clear:none; list-style:none; }
#navigation li a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:600; color:#ffffff; display:block; font-size:12px; text-decoration:none; padding:0 10px; line-height: 30px; float:left; }
#navigation li a:hover { color:#000000; }
#navigation li a:active { color: #000000; }
.MainMenu_MenuIcon { display: none; }

/* Header */
#headpos { padding: 0 0 0 10px; }

/* Page */
#page { background: #ffffff; width: 1024px; margin: 0 auto; padding: 0; }
#mainbody
{float: left;
 width: 66.5%;
}

#content
{float: right;
 width: 49%;
}

#dnn_middlepane
{padding: 10px;
}

#sidebar
{float: left;
 width: 49%;
}

#dnn_leftpane
{padding: 10px;
}

#sidebar-2
{float: right;
 width: 32%;
}

#dnn_rightpane
{padding: 10px;
}

#mainbody2
{float: left;
}

#bottomcontent
{float: right;
 width: 27%;
}

#dnn_BottomRightPane
{padding: 10px;
}

#bottomsidebar
{float: left;
 width: 98%;
}


#dnn_BottomLeftPane
{padding: 10px;
}

#topbody
{float: right;
 width: 100%;
}

#dnn_contentpane
{padding: 10px;
}

.post { margin-bottom: 20px; padding: 0 20px; }
.hr { border-bottom: 1px solid #538d19; }

/* Sidebar */
.paneleft { width: 210px; padding: 15px 0 5px 0; }
.paneright { width: 210px; padding: 15px 0 5px 0; }

/* Footer */
#footer { clear: both; padding: 5px 0; text-align: center; border-top: 1px dotted #aaaaaa; width:780px; margin:0 auto; }
#footer p { margin: 0; text-align: center; font-size: 11px; }

.footlink { color:#AAAAAA; text-decoration:none; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }
a.footlink:link, a.footlink:visited, a.footlink:active { color:#AAAAAA; text-decoration:none; font-size:11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }
a.footlink:hover {color: #FFFFFF;text-decoration: underline; font-size: 11px;}



