/* Brodie Agencies - CSS by NQ Webdesign www.nqwebdesign.com */

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font: 12px "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
	line-height:21px;
}
p { margin-bottom:15px; }
ul,ol {	margin:5px 0 5px 10px; }
ul { list-style:disc; }
ol { list-style:decimal;}
ul li, ol li { margin-bottom:5px; }

span#nqweb_link
{
	background:url(../images/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/

body
{
	background:url(../images/layout/body.gif) repeat-x;
}

div#layout
{
	min-width:750px;
	padding:0 15px;
	text-align:center;
}

div#layout-inner
{
	margin:0 auto;
	max-width:930px;
	text-align:left;
}

div#content
{
	float:left;
	width:72%;
}

div#sidebar
{
	float:right;
	width:26%;
	overflow:hidden;
	
	font-size:11px;
}

div#header
{
	text-align:right; 
	clear:both;
	padding:3px 0;
	background:url(../images/layout/logo.gif) no-repeat left 0;
}

#footer
{
	clear:both;
	padding:10px 15px;
	font-size:11px;
}

div#info {

color:#777;
text-align:center;
padding-bottom:5px;

}

/* START DIALOG STYLES ---> */

div.dialog { }

div.dialog .top, div.dialog .bottom, div.dialog .top .right, div.dialog .bottom .right
{
	/* ensure minimum height */
	font-size:1px;
	height:14px;
	line-height:0;
}
div.dialog .middle .right
{
	padding:10px 19px;
}

div.dialog .top { background:transparent url(../images/layout/dialog-top.gif) no-repeat 0 0; }
div.dialog .middle { background: url(../images/layout/dialog-middle.gif) repeat-y 0 0; }
div.dialog .bottom { background:transparent url(../images/layout/dialog-bottom.gif) no-repeat 0 0; }

div.dialog .top .right { background:transparent url(../images/layout/dialog-top-right.gif) no-repeat right 0; }
div.dialog .middle .right {	background:transparent url(../images/layout/dialog-middle-right.gif) right 0 repeat-y; }
div.dialog .bottom .right { background:transparent url(../images/layout/dialog-bottom-right.gif) no-repeat right 0; }

/* <--- END DIALOG STYLES  */




/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/
#navigation
{
	background:url(../images/layout/navigation-bg.gif) repeat-x;
	margin:10px 0 16px 0;
}


div#navigation-lc
{
	background:url(../images/layout/navigation-left.gif) left no-repeat;
	height:41px;

}

div#navigation-rc
{
	background:url(../images/layout/navigation-right.gif) right no-repeat;
	height:41px;
}

#navigation ul
{
	background:url(../images/layout/navigation.gif) no-repeat;
	height:41px;
	list-style:none;
	margin:0 0 0 14px;
	padding:0;
}

#navigation li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;	
}

#navigation li a
{
	background:url(../images/layout/navigation2.gif) no-repeat;
	display:block;
	height:41px;
	text-decoration:none;
}

#navigation li#home a
{
	width:62px;
}

#navigation li#livestock a
{
	width:87px;
}

#navigation li#property a
{
	width:82px;
}

#navigation li#merch a
{
	width:110px;
}

#navigation li#about a
{
	width:83px;
}

#navigation li#contact a
{
	width:75px;
}

#navigation li#links a
{
	width:58px;
}

#navigation li#home a:link, #navigation li#home a:visited
{
	background-position:0 0;
}

#navigation li#home a:hover
{
	background-position:0 -41px;
}

#navigation li#livestock a:link, #navigation li#livestock a:visited
{
	background-position:-62px 0;
}
#navigation li#livestock a:hover
{
	background-position:-62px -41px;
}

#navigation li#property a:link, #navigation li#property a:visited
{
	background-position:-149px 0;
}

#navigation li#property a:hover
{
	background-position:-149px -41px;
}

#navigation li#merch a:link, #navigation li#merch a:visited
{
	background-position:-229px 0;
}

#navigation li#merch a:hover
{
	background-position:-229px -41px;
}

#navigation li#about a:link, #navigation li#about a:visited
{
	background-position:-339px 0;
}

#navigation li#about a:hover
{
	background-position:-339px -41px;
}

#navigation li#contact a:link, #navigation li#contact a:visited
{
	background-position:-423px 0;
}

#navigation li#contact a:hover
{
	background-position:-423px -41px;
}

#navigation li#links a:link, #navigation li#links a:visited
{
	background-position:-498px 0;
}

#navigation li#links a:hover
{
	background-position:-498px -41px;
}


#content-navigation
{
	margin:0 0 10px 0;
	text-align:right;
	width:200px;
	float:right;
}

#content #content-navigation .nav-back 
{
	background:url(../images/buttons/back.gif) no-repeat 0 0;
	padding:2px 0 4px 23px;
	color:#887B42;
	text-decoration:none;
	
}

#content #content-navigation .nav-back:hover
{
	color:#00478F;
}



/* -- TYPOGRAPHY - HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#main h1 
{
	color:#00478F;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	margin-bottom:20px;
}

#main h2
{
	color:#00478F;
	font-size:16px;
	font-weight:normal;
	margin-bottom:15px;
}

#main h3
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

/* -- LINKS
----------------------------------------------------------------------------------------------------------*/
#main a:link, #main a:visited, #footer a:link, #footer a:visited
{
	color: #00478F;
	text-decoration:underline;
}

#footer a:link, #footer a:visited
{
	text-decoration:none;
}
#main a:hover, #footer a:hover
{
	background-color:#00478F;
	color: #FFFFFF;
	text-decoration:none;
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/
#search-box
{
	float:right;
	padding:7px 10px 0 0;
}

form input:focus, form textarea:focus, form select:focus
{
	
}

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/

.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}

.tabular-data thead tr
{
	background-color:#0568C5;
}

.tabular-data th
{
	color:#FFFFFF;
	font-weight:normal;
	padding:4px;
	font-weight:bold;
}



.tabular-data td
{
	border-bottom:1px solid #E0D0B1;
	font-size:11px;
	padding:7px 4px;
}

.tabular-data tbody tr.odd
{
	background-color:#EFE6CE;
}

.tabular-data tbody tr.even
{
	background-color:#F4EED8;
}

.tabular-data tbody tr.hover
{
	background-color:#DCEFFA;
	cursor:pointer;
}

table#property-list, table.livestock-list{ width:100%;}
table#property-list .col-image, table.livestock-list .col-img{text-align:center; width:25%;}
table#property-list .col-name, table.livestock-list .col-description{text-align:left; width:40%; }
table#property-list .col-details, table.livestock-list .col-details{text-align:left; width:35%; }

/* REMOVE LATER IF NOT NEEDED 

table#property-list .col-id {text-align:center; width:10%; }
table#property-list .col-status {text-align:center; width:18%; }
table#property-list .col-state {text-align:center; width:5%; }
table#property-list .col-price {text-align:right; width:16%;  }
*/

table#property-view, table#livestock-view{ width:65%; }
table#property-view td.col-title,  table#livestock-view td.col-title{ color:#00478F; font-weight:bold; width:35%; }
table#property-view td.col-value,  table#livestock-view td.col-value{ width:65%; }


dl.listing-details
{
	margin:0;
	display:block;
}

.listing-details dt
{
	font-weight: bold;
	float: left;
	clear: left;
	width: 60px;
	display:block;

}
.listing-details dd
{
	display:block;
	width:105px;
	padding-left:5px;
	margin-left:60px;
}

#recent-listings
{
	margin-bottom:20px;
}

.recent-listing
{
	margin-bottom:20px;
	border-bottom:1px solid #E4DCB8;
	padding-bottom:20px;
}

.recent-listing .image
{
	text-align:center;
	margin-bottom:5px;
}

.recent-listing h3
{
	
}
/* -- PHOTOS
----------------------------------------------------------------------------------------------------------*/

#photos-wrapper
{
	
}

#photos
{
	text-align:center;
	overflow:auto;
	height:320px;
	width:170px;
	padding:10px 5px;
}

#photos2
{
	text-align:center;
	margin-bottom:20px;
}

#photos2 a:hover, #photos a:hover
{
	border:none;
	background:none;
}

#photos img, #photos2 img
{
	clear:both;
	margin-bottom:6px;
}

/* -- MISC.
----------------------------------------------------------------------------------------------------------*/
.img-border
{
	background:#FFF;
	padding:5px;
	border:1px solid #E4DCB8;}

.img-float-right
{
	background:#FFF;
	padding:5px;
	border:1px solid #E4DCB8;
	float:right;
	margin:5px 0 5px 10px;
}

.img-float-left
{
	background:#FFF;
	padding:5px;
	border:1px solid #E4DCB8;	float:left;
	margin:5px 10px 5px 0;
}

#form_failure
{
	color:#990000;
}