/* CSS Document */
table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
	border-width: 0;
	margin: 0;
	padding: 0;
}

html{ 
    height: 100%;
}

body {
	background-image: url(../images/bg_pg_blue.gif);	
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;/*Arial,Geneva,sans-serif;*/
	font-size: 12px;
	color:#333;
	height: 100%;
	text-align:center;
	margin: 0;
	padding: 0;
}

a{
color: #930;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

#page_container{
    width: 782px;
	margin:0 auto;
	background:#fff url(../images/header_bg.gif) 0 0 no-repeat;
	padding-top:0px;
}

.utilbar{
list-style-type: none;
margin:0px 12px 0px 0;
color: #fff;
float:right;
}

.utilbar li{
display: inline;
}

.utilbar li a{
text-decoration: none;
font-size:9px;
color: #fff;
padding:0px 4px;
}

.utilbar li a:hover{
text-decoration: underline;
color:#83c9dd;
}
.utilbar li a.current, body.sitemap .utilbar li a.sitemap, body.contact .utilbar li a.contact {
text-decoration: none;
color:#83c9dd;
}


/*BEGIN HEADER STYLING */
.header img{
float:left;
margin-left:14px;
margin-top:20px;
}
.header img.backgrad {
margint: 0;
padding: 0;
}
.header .backgrad {
float:right;
width:536px;
height:72px;
margin-right: 7px;
margin-top:5px;
margin-bottom: 9px;
}
/*END HEADER STYLING */

/*BEGIN MAIN NAVIGATION */
.navholder{
background: url(../images/nav_bg.gif) 0 0 repeat-x;
height:37px;
margin:0px 0px 0px 14px;
width:754px;
}

.navholder ul{
list-style-type: none;
color: #fff;
padding:12px 0px 0px 0px;
margin:0 auto;
}

.navholder li{
display:inline;
}

.navholder li a{
color: #fff;
text-decoration: none;
padding:0px 20px;
font-size:13px;
font-weight:bold;
}

.navholder li a:hover{
color: #0065ef;
}
body.home .navholder li a.home, body.about .navholder li a.about, body.services .navholder li a.services, body.products .navholder li a.products, body.success .navholder li a.success, body.contact .navholder li a.contact{
color: #0065ef;
}

/*BEGIN DROP DOWN STYLING */
	table.subnav { background-color: #cc6701;}
	table.subnav td { white-space: nowrap; border-top: 1px solid #de7307;  }
	table.subnav td a { display: block; padding: 3px 10px 3px 8px; color: #fff; text-decoration: none; font-size: 11px;}
	table.subnav td a:hover {background-color: #773603; color: #fff; text-decoration: none; font-size: 11px;}
/*END DROP DOWN STYLING */

#practicesnav{
position:absolute;
top:133px;
margin-left: 248px;
z-index:1000;
visibility:hidden;
text-align:left;
}

/*END MAIN NAVIGATION */

.banner{
margin:0px 0 0px 11px;
border-bottom:4px solid #fff;
border-top:4px solid #fff;
}

#container{
background:#fff url(../images/container_topshadow.gif) 14px 0 no-repeat;
width:754px;
float:left;
padding:0px 14px 0 14px;
}

#columns{
background: url(../images/columndividers.gif) 0 0 repeat-y;
width:754px;
float:left;
}

/*BEGIN LEFT COLUMN */
#left{
float:left;
width:193px;
text-align:left;
font-size:11px;
}

.sidebox{
clear:both;
border:1px solid #25619d;
margin-bottom:8px;
}

.sidebox_right {
margin-bottom:8px;
}

.center {
text-align: center;
}
#left h2, #quick_contact h3 {
background: #c0d1db url(../images/gradient_header.gif) 0 0 no-repeat;
font-family: Arial,Geneva,sans-serif;
padding: 9px 0px 10px 0px;
margin-bottom: 10px;
color: #fff;
font-size: 11px;
text-align:center;
}

#left h2.plain{
background:#c0d1db url(../images/gradient_header_plain.gif) 0 0 no-repeat;
padding: 8px 0px 8px 0px;
margin-bottom:10px;
color: #0b64ef;
font-size:16px;
font-weight: bold;
text-align:center;
}

#left h4, #quick_contact h4{
color: #be7d13;
font-size:11px;
margin:10px 8px 5px 15px;
}

#left h4 a, #quick_contact h4 a{
color: #be7d13;
text-decoration: none;
}

#left h4 a:hover, #quick_contact h4 a:hover{
color: #930;
}

#left p, #quick_contact p{
margin: 5px 9px 7px 10px;
padding:3px 2px 3px 0px;
}

#left p.welcome {
color:#97461a;
font-size: 13px;
font-weight: bold;
text-align: center;
margin: 40px 0px 30px 0px;
padding:3px 0px 3px 0px;
}

#left p a, #quick_contact p a{
text-decoration: none;
color: #333;
}

#left p.more, #quick_contact p.more{
text-align: right;
font-size:9px;
margin:0px 10px 10px 0px;
padding:0px;
}

#left p.more a, #quick_contact p.more a{
color:#0055ed;
background:#83c9dd;
padding: 0px 2px;
}

#left p.more a:hover, #quick_contact p.more a:hover{
color:#008fd3;
background:#fff;
}

#left ul, #quick_contact ul{
margin:5px 10px 5px 10px;
list-style-type:none;
}

#left li, #quick_contact li {
padding: 2px 0px 4px 15px;
margin:3px 0;
background:url(../images/double_arrow.gif) 0px 7px no-repeat;
border-bottom:1px solid #bcced7;
font-size:10px
}

#left .sidebox li.noarrow, #quick_contact .sidebox li.noarrow {
padding: 2px 0px 4px 16px;
margin:3px 0;
background:none;
border-bottom:1px solid #bcced7;
font-size:10px
}

#left .sidebox li#noarrow, #quick_contact .sidebox li#noarrow {
padding: 2px 0px 4px 16px;
margin:3px 0;
background:none;
border-bottom:none;
font-size:10px
}

#left .sidebox li.noarrow a img, #quick_contact .sidebox li.noarrow a img, a img.bom {
border:1px solid #ced9e7;
}
#left .sidebox li.noarrow a:hover img, #quick_contact .sidebox li.noarrow a:hover img, a:hover img.bom {
border:1px solid #29568f;
}

#left .sidebox li.noarrow a.url, #quick_contact .sidebox li.noarrow a.url {
	text-align: center;
	margin: 0;
	padding-left: 10px;

}


li.noarrow img {
margin: 0px -10px 0px -23px;
background:none;
font-size:10px
}

#left li a, #quick_contact li a{
text-decoration:none;
color: #930;
}

#left li a:hover, #left p a:hover, #quick_contact li a:hover, #quick_contact p a:hover{
color:#008fd3;
}
#left li a.current, #left p a.current, #quick_contact li a.current, #quick_contact p a.current{
color:#008fd3;
}


body.consulting #left li a.consulting, body.applicationdesign #left li a.applicationdesign, body.webdesign #left li a.webdesign, body.outsourcing #left li a.outsourcing, body.virtualassistant #left li a.virtualassistant
{
color:#008fd3;
}

/*END LEFT COLUMN */

#copy{
float:left;
width: 323px;
margin: 14px 15px 10px 20px;
font-size:12px;
text-align:justify;
line-height:16px;
}

#copy table{
font-size:11px;
margin-bottom:15px;
text-align:left;
}

#copy p img, #copy table img{
margin:0px 15px 10px 0px;
}
 
#copy p.more{
color: #666;
font-size:10px;
text-align:left;
}

#copy p.more a{
text-decoration: none;
}

#copy p.more a:hover{
text-decoration:underline;
}
 
#copy h1{
margin-top:10px;
padding: 0px 5px 10px 0px;
color: #006;
font-size:12px;
text-transform:uppercase;
margin-bottom:2px;
background:url(http://www.toppractices.com/images/headermain_bg.gif) left bottom no-repeat;
text-align:left
}

#copy h2{
background:url(../images/double_arrow.gif) 0px 8px no-repeat;
padding: 4px 5px 4px 15px;
color:#069;
font-size:12px;
margin:15px 0 0 0;
text-align:left
}

#copy h2 a, #copy h3 a{
text-decoration: none;
color:#069;
}

#copy h2 a:hover, #copy h3 a:hover{
text-decoration: underline;
}

#copy hr{
background:#fff;
color:#fff;
height:2px;
margin:5px 0;
border:0;
}

p.dotted_divider{
border-bottom: 1px dotted #666;
margin-bottom:10px;
}

#copy p.top{
text-align:right;
font-size:10px;
}

#copy p.top a{
text-decoration: none;
}

#copy p.top a:hover{
text-decoration: underline;
}

#copy ul.bborder li{
border-bottom:1px dotted #666;
margin-bottom:5px;
margin-top:5px;
}

#copy p {
padding:5px 0px 5px 0px;
line-height: 18px;
}

#copy blockquote {
padding:5px 0px 5px 0px;
}

#copy ul {
margin-left: 5px;
margin-top: 5px;
list-style-type: none;
}

#copy li{
background:url(../images/double_arrow.gif) 0px 8px no-repeat;
padding: 4px 5px 4px 15px;
line-height:15px;
text-align:left
}

#copy ol li{
background:none;
padding: 10px 5px 10px 0px;
}

#copy ol{
margin-left:25px;
}

#copy p.info{
font-size:11px;
font-style:italic;
line-height:15px;
width:320px;
}

#copy #contactform{
font-size:11px;
margin-top:5px;
}

input, textarea{
border:1px solid #bcced7;
}

#exchange #copy h2{
margin: 10px 0px;
}

#copy #contactform td {
padding:2px 0px;
}

#sitemap #copy h2{
border-bottom:0px;
margin-top:20px;
margin-bottom:0px;
font-size:12px;
}

#sitemap #copy h2 a{
text-decoration:none;
}

#sitemap #copy li a{
text-decoration: none;
font-size:11px;
}

#sitemap #copy li a:hover{
text-decoration: underline;
}

#bio #copy div{
margin-bottom:25px;
}
/*END LEFT COLUMN */

/*BEGIN RIGHT COLUMN */
#quick_contact {
width:189px;
text-align:left;
color: #333;
float:right;
clear: right;
font-size:11px;
padding-bottom:5px;
margin-left: 13px;
}

.clear{
clear:both;
height:0;
}

.contact_box{
background:#ffe4d6;
color:#97461a;
padding-bottom:5px;
margin-bottom:8px;
border: 1px solid #97461a;
float: right;
}

#quick_contact .contact_box a{
color:#97461a;
}

#quick_contact .contact_box a:hover{
text-decoration: underline;
color:#97461a;
}

.contact_box h2{
text-transform:uppercase;
font-size:12px;
background: #b09675 url(../images/header_witharrow.gif) 0 0 no-repeat;
padding:10px 0px 10px 40px;
color: #000000;
}

#quick_contact .contact_box p{
margin:8px 10px 8px 10px;


}

.address_box{
border:1px solid #934204;
margin-bottom:8px;
background:#fff url(../images/phone_icon.gif) 0 50px no-repeat;
}

.address_box h2{
font-size:12px;
background:#041e57 url(../images/orange_header.gif) 0 0 repeat-x;
padding:11px 0px 10px 0px;
text-align:center;
color:#fff;
}

#quick_contact .address_box p{
padding-left:45px;
font-size:11px;
}

#quick_contact .address_box p.email{
text-align:center;
padding-left:0;
font-size:10px;
}

#quick_contact .address_box .t_symbol{
color:#09c;
font-weight:bold;
border:1px solid #09c;
padding:1px 2px;
margin:5px 0 0 0;
}

#quick_contact .address_box b{
color:#09c;
}

#quick_contact .address_box a{
color:#930;
}

#quick_contact .fosterconsult{
width:187px;
height:145px;
margin:5px 0 8px 0;
}

#quick_contact .fosterconsult p{
position:relative;
margin-top: -55px;
color: #fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#quick_contact .fosterconsult p a{
color: #9ff;
font-weight:bold;
text-decoration: none;
}

#quick_contact .fosterconsult p a:hover{
color: #fff;
}

form p, form{
font-size:11px;
}

form p{
padding: 2px 0px 5px 0px;
}

#minicontact p, #quick_contact .report p{
border-bottom:0px;
}

table#contactform td.required, table#contactform .optional{
font-size:11px;
}

p.contactinfo b{
text-transform:uppercase;
}

#quick_contact p.contactinfo{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px 0px 0px 0px;
margin: 10px 5px 0px 0px;
text-align:center;
}

#quick_contact #minicontact{
padding:10px 0px 10px 8px;
margin-bottom:5px;
}

#quick_contact form input, #quick_contact form textarea { 
width:158px; 
margin-bottom: 5px; 
}

#quick_contact form input.submitbutton { 
font-weight:bold;
margin-bottom:10px;
font-size:11px;
color: #fff;
margin-left:35px;
width:101px;
height:21px;
border:0;
background:url(http://www.toppractices.com/images/contact_btn.gif) 0 0 no-repeat;
}

/*END RIGHT COLUMN */


/*BEGIN FOOTER NAVIGATION */
.footer_nav{
clear:both;
text-align:center;
background:#000 url(../images/nav_bg.gif)  repeat;
border-bottom:1px solid #fff;
padding: 10px 0px 10px 0px;
font-family:verdana, "trebuchet MS", helvetica, sans-serif;
}

.footer_nav li {
display:inline;
text-decoration: none;
}

.footer_nav ul{
list-style-type: none;
text-align: center;
}

.footer_nav li a{
color: #fff;
padding: 0px 17px;
font-weight:bold;
text-decoration:none;
}

.footer_nav li a:hover{
color: #0065ef;
}
.footer_nav li a.current{
color: #0065ef;
}
.copyright {
clear:both;
text-align:left;
font-size:11px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
background:#666;
padding:0px 0px 28px 5px;
}
.copyright .reserved {
	float: left;
	padding: 7px 0px 0px 5px;
	width: auto;
}
.copyright .reserved p {
	position:relative;
	top: -7px;
}
.copyright .reserved a {
	color: #FFFFFF;
	text-decoration:none;
}
.copyright .reserved a:hover {
	color: #80b7cc;
}
.copyright .reserved span {
	margin-left: 60px;
}
.copyright .footimg {
	float: right;
	background:#666666;
	padding: 5px 5px 0px 0px;
}
.copyright .footimg a{
color: #fff;
background:#666666;
margin-right: 5px;

}
.copyright .footimg a img{
color: #fff;
background:#666666;
border: 2px solid #80b7cc;
}
.copyright .footimg a:hover img{
color: #fff;
background:#666666;
border: 2px solid #0065ef;
}

.copyright .footimg a.last{
color: #fff;
background:#666666;
margin-right: 0px;
}
/* END FOOTER NAVIGATION */

span.text-zoom {
	position: relative;
	float: right;
	top: -72px;
	margin: 0 0 -40px 0;
	padding:  0;
	width: 125px;
	color:#000;	
}
.text-zoom a img {
	border: 1px solid #FFFFFF;
}
.text-zoom a:hover img {
	border: 1px solid #0065ef;
}
.text-zoom ul, .text-zoom li {	
	display: inline;
	padding: 0;
	margin: 0;
}
.ami { position: relative; top: 5px;}

a img.ami{
border: 2px solid #80b7cc;
}
a:hover img.ami{
border: 2px solid #0065ef;
}