/*-- CSS Coding By Anthony Calzadilla for Wragg and Casas Public Relations --*/

body {
		margin: 0;
		padding: 0;
		font-family: Arial, sans-serif;
		font-size: small;
		text-align: center;
		line-height: 1.25em;
		color: #333;
	/**--	background: #fff url(../img/background_slicer.gif) repeat; --**/
		background:#000 url(../img/dot-gradient-back.gif) repeat-y 50% 0;
		}


/* layout */

#wrap
{
	position: relative;
	margin: 0 auto;
	margin-top: 4px;
	padding: 0;
	border-right: 1px solid #999; 
	border-left: 1px solid #999; 
	background: #fff;
	font-size: 95%;
	text-align: left;
  	width: 785px;
	}

/* mast */

#mast {
	position: relative;
	margin: 0 0 1px 0;
	padding: 0;
	border-top: 1px solid #b6b5b6;
	border-bottom: 10px solid #b6b5b6; 
	float: left;
	width: 100%;
	background: #fff url(../img/header-bg.gif) repeat-x bottom left;
	}
	
	
/* logo */
	
#logo {
	margin: 0;
	padding: 0;
	float: left;
	}	
	
	
#logo img {
	margin: 0;
	padding: 0;
	border: none;	
	}
	
	
#header {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 65px;
	}
	
#header span {
	display: none;
	}	

/* navigation */

#nav-floater {
	width: 535px;
	float: right;
	padding: 0;
	margin: 0;
	}
	

#nav {
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 95%;
	line-height: 1.25em;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
 	background: url(../img/nav-li-bg.gif) no-repeat top right; 
	}
	
  #nav li.nun {
	background: url(../img/nav-none-bg.gif) no-repeat top right;
	}

#nav a {
	float: left;
	padding: 7px 5px 7px 4px;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: none;
	color: #333;
	}
	
#nav a:hover {
	color: #000;
	background: #e6e6e6;
	}
	
#home .home, #profile .profile, #public .public, #support .support, 
#experience .experience, #news .news, #contact .contact, #experience .experience,
#news .news, #contact .contact {
	color: #000;
	font-weight: bold;
	background: #e6e6e6 url(../img/nav-on-bg.gif) repeat-x bottom left;
	}
	
#headshot img {
	float: left;
	padding: 0;
	margin: 10px 10px 0 20px;
	
}
	
.underz {
	font-size: 90%;
	font-style: italic;
	color: #3e516f;
	padding: 0;
	margin: 0 0 0 5px;
	}



	
	
	
/* message row */
#title {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
/* Firm profile */
#profile-box {
	width: 98%;
	float: left;
	margin: 5px 0 0 5px;
	padding: 0;
	padding: 5px 0 0 0;
	}

#profile-box h1 {
	border-left: 10px solid #666;
	border-bottom: 1px solid #666;
	margin: 5px 320px 0 10px;
	padding: 0 0 2px 5px;
	font-size: 150%;
	}
	
h1#pr-reputation {
	margin: 5px 300px 0 10px;
	
}
	

	
#profile-box p {
	margin: 0 5px 0 10px;
	padding: 10px;
	}
	

/* content */
#content {
	
	margin: 0;
	padding: 0;
	float: left;
	width: 70%;
	font-size: 98%;
	color: #333;
	text-align: justify;
	}
		
#content h2 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	line-height: 1.25em;
	}	
	
#content .gutter { 
 	margin: 0;
 	padding: 0;
 	} 	

.n-list {
	margin: 10px;
	padding: 0;
	list-style: none;
	}

.n-list li {
	margin: 0 0 6px 0;
	padding: 0;
	color: #333;
	}

.n-list a {
	margin: 0;
	padding: 0;
	}
	
.n-list a:hover {
	margin: 0;
	padding: 0;
	color: #185a99;
	}

.n-list em {
	color: #666;
	}


/* list boxes */
#what-we-do {
	margin: 0;
	padding: 0;
	}

#listbox-01 {
/*	border: 1px dotted green; */
	margin: 0;
	padding: 0;
	width: 49%;
	float: left;
	}

#listbox-01 ul{
	margin: 0 8px 4px 8px;
	padding: 4px;
	list-style: none;
	}

#listbox-01 li{
	margin: 0 0 4px 0;
	padding: 0 0 4px 0; /*-<<<<<<-*/
	border-bottom: 1px dotted #8194a9;
	}
	
#listbox-01 a {
	margin: 0;
	padding: 0;
	color: #666;
	text-decoration: none;
	}
	
#listbox-01 a:hover {
	margin: 0;
	padding: 0;
	background: #333;
	}

#listbox-02 {
	/*	border: 1px dotted green; */
	margin: 0;
	padding: 0;
	width: 49%;
	float: left;
	}

#listbox-02 ul{
	margin: 0 8px 4px 8px;
	padding: 4px;
	list-style: none;
	}

#listbox-02 li{
	margin: 0 0 4px 0;
	padding: 0 0 4px 0; /*-<<<<<<-*/
	border-bottom: 1px dotted #8194a9;
	}

#listbox-02 a {
	margin: 0;
	padding: 0;
	color: #666;
	text-decoration: none;
	}

#listbox-02 a:hover {
	margin: 0;
	padding: 0;
	background: #333;
	}
/*-- client lists --*/

#client-container {
	float: left;
/*--	border: 1px dotted green; --*/
	padding: 0;
	margin: 0 0 10px 0;
	width: 95%;
	
	}

#client1 {
/*--	border: 1px dotted red; --*/
	width: 50%;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	}

#client2 {
/*--	border: 1px dotted blue; --*/
	width: 45%;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	}

#client1 dl, #client2 dl {
	font-size: 110%;
	margin: 10px 0 0 0;
	text-align: left;
	padding: 0;
	}
	
	
#client1 dt, #client2 dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
#client1 dd, #client2 dd {
	color: #666;
	padding: 0;
	margin: 0 0 0 10px;
	}

/* intro , pinnacle, etc boxes */
#intro-box{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
 #about-box {
 	float: right;
 	margin: 0 0 2px 2px;
 	padding: 3px 0 2px 2px;
	}
	
 #about-box h2{
	font-size: 125%;
	line-height: 1.25em;
 	width: 320px;
 	margin: 0 0 .75em 0;
 	padding: 0;
 	}	
 
 #about-box p{
	line-height: 1.5em;
	width: 320px;
	font-size: 100%;
 	margin: 0;
 	padding: 0;
 	}	


#pinnacle-box {
	text-align: left;
	float: left;
	margin: 2px 0 2px 2px;
	padding: 0;
	background: #121824 url(../img/pinnacle_logo.jpg) no-repeat top left;
	}
	
#pinnacle-box p{
	font-size: 100%;
	margin: 40px 10px 7px 95px;
	padding: 0;
	width: 115px;
	color: #fff;
	}	
	
#pinnacle-box a{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	white-space: nowrap;
	padding: 0 2px;
	}
	
#pinnacle-box a:hover{
	color: #000;
	background: #fff
	}
	
	
/* locations */	
#locations {
	width: 100%;
	float: left; 
	margin: 0;
	padding: 15px 0 0 0;
	background: #fff url(../img/location_bg.gif) repeat-x top left;
	}
	
#miamilogoban
	{
	float: left;
	border: 1px solid #ccc;
	background: #fff url(../img/location_miami_o.jpg) no-repeat top left;
	margin: 0 4px 4px 4px;
	padding: 0;
	height: 202px;
	width: 179px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 177px;
	}
	
.alt { display: none; }

#m-logoban
	{
	display: block;
	height: 202px;
	padding: 0;
	border: 0;
	margin: 0;
	background: #fff url(../img/location_miami.jpg) no-repeat top left;
	}

a#m-logoban:hover { background: url(../img/location_miami_o.jpg) no-repeat; }

html>body #miamilogoban { /* be nice to Opera */
	width: 177px;
	}
	
#napleslogoban
	{
	float: right;
	border: 1px solid #ccc;
	background: #fff url(../img/location_naples_o.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	height: 202px;
	width: 179px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 177px;
		}

#n-logoban
	{
	display: block;
	height: 202px;
	padding: 0;
	border: 0;
	margin: 0;
	background: #fff url(../img/location_naples.jpg) no-repeat top left;
	}

a#n-logoban:hover { background: url(../img/location_naples_o.jpg) no-repeat; }

html>body #napleslogoban { /* be nice to Opera */
	width: 177px;
	}
	
#orlandologoban
	{
	float: left;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	background: #fff url(../img/location_orlando_o.jpg) no-repeat top left;
	height: 202px;
	width: 179px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 177px;
	}


#o-logoban
	{
	display: block;
	height: 202px;
	padding: 0;
	border: 0;
	margin: 0;
	background: #fff url(../img/location_orlando.jpg) no-repeat top left;
	}

a#o-logoban:hover { background: url(../img/location_orlando_o.jpg) no-repeat; }

html>body #orlandologoban { /* be nice to Opera */
	width: 177px;
	}	
	
#location-div {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
	}	
	
#location-p {
	padding: 0 2px;
	margin: 0;
	text-align: center;
	}


/* sidebars */
#sidebar {
	padding: 0;
	margin: 0;
	margin-bottom: 0;
	float: right;
	width: 29%;
	border-left: 1px solid #ccc;
 	}
	
#sidebar .gutter {
	margin: 4px 9px 25px 9px;
	padding: 0; 
	}
	


.recent-news {

	width: 207px;
	margin: 0;
	padding: 0;
	background: url(../img/recent_news.gif) no-repeat top left;
	}


/* recent news box */
.recent-news h3{
	margin: 0;
	padding: 5px 6px 3px 6px;
	font-size: 105%;
	color: #154e84;
	text-align: center;
	border-bottom: 1px dotted #999;
	}

.recent-news ul {
	margin: 0 8px 4px 8px;
	padding: 0;
	font-size: 95%;
	list-style: none;
	color: #333;
	}
	
.recent-news li {
	margin: 0 0 4px 0;
	padding: 0 0 4px 0; /*-<<<<<<-*/
	border-bottom: 1px dotted #8194a9;
	}
	
#newsletter {
	color: #333;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#newsletter h3 { border: none;}

#newsletter a{
	text-decoration: none;
	color: #333;
	padding: 0;
	margin: 0;
	}
	
#newsletter a:hover{ 
	color: #185a99;
	}

#newsletter img {
	border: none;
	padding: 0;
	margin: 3px 45px;
	}

#home .recent-news a, #news .recent-news a {
	text-decoration: none;
	color: #333;
	letter-spacing: 0;
	}

#home .recent-news a:hover, #news .recent-news a:hover {
	color: #185a99;
	letter-spacing: 0;
	}
	
#profile .recent-news a, #public .recent-news a, #support .recent-news a, #experience .recent-news a, 
#contact .recent-news a
 {
	text-decoration: none;
	color: #333;
	}
	
  	
#profile .recent-news a:hover, #public .recent-news a:hover, #support .recent-news a:hover, 
#experience .recent-news a:hover, #contact .recent-news a:hover
{
	background: none;
	color: #185a99;
	}	

 
#news .recent-news {
	margin: 0;
	padding: 0 0 510px 0;
	}


.read-more {
	padding-left: 12px;
	position: relative;
	background: url(../img/read-more-o.gif) no-repeat 0% 65%;
	} 
	

#profile-box ul {
	padding: 0 20px;
	margin: 10px 0 0 0;
	}
	
#profile-box a {
	text-decoration: none;
	color: #333;
	}	
	
#profile-box a:hover {
	color: #185a99;
	}	

ul#news-sub {
		padding: 0 50px;
		margin: 0;
		}

#news-sub li {
		padding: 0;
		margin: 0 0 10px 0;
		}

#news #profile-box a:visit {
	color: #666;
	}

	
 .back-to {
	padding-left: 12px;
	position: relative;
	background: url(../img/back-to.gif) no-repeat 0% 50%;
	}

/*-- links --*/

ul.linx  {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
	color: #333;
	}

.linx li {
	margin: 0;
	padding: 0;
	}

.linx a {
	text-decoration: none;
	color: #185a99;
	white-space: nowrap;
	letter-spacing: 0;
	}

.linx a:hover {
	color: #fff;
	background: #185a99;
	white-space: nowrap;
	letter-spacing: 0;
	}

li.no-border{
	border-bottom: 0;
	padding: 0;
	margin: 0;
	}


/*-- indent --*/
.indent {
	margin: 20px 20px 20px 20px;
	padding: 10px;
	color: #035a82;
	background: #c6ecfd;
	}
	

/* footer */
	
#footer {
	position: relative;
	clear: both;
	margin: 1px 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #666;
	border-top: 1px solid #cfcecf;
	border-bottom: 1px solid #999;
	background: #fff url(../img/footer-bg.gif) repeat-x bottom left;
	}
	
#footer-floater {
	margin: 0;
	padding: 0;
	
	}	
	
#sitemap {
/*--	border: 1px dotted orange; --*/
	
}
	
#footer ul {
	position: relative; 
	float: left; /*-----*/
	margin: 0;
	padding: 10px 5px;
	list-style: none;
	color: #666; 
	}	
	
#footer li {

	float: left; 
	margin: 0;
	padding: 0 2px 0 0;
	list-style: none;
	color: #666; 
	}	
	
#footer li a {
	float: left; 
	display: block;
	margin: 0;
	padding: 0 7px;
	text-decoration: none;
	white-space: nowrap;
	color: #666; 
	}	

#footer a:hover {
	color: #fff;
	background: #333;
	}
	
li.left-border {
	border-left: 1px solid #666;
	}
	

#footer p {
	text-align: right; 
	margin: 0;
	padding: 10px 8px;
	white-space: nowrap;
	color: #666; 
	}

#footer a:hover {
	color: #fff;
	background: #333;
	}
	
li.left-border {
	border-left: 1px solid #666;
	}