/* CSS Document */

/* contact: John Dowler, cosmicidea.com */
/* jdowler@cosmicidea.com */
/* April 2007 */

/* CONTENT 
a.	Varnish Stripping
b.	General Layout (layers)
c.	Content formating
	i.	Main Content
	ii.	Sidebar
	iii.	Footer
d.	Tables
e.	Links
f.	Lists
g.	Navigation
h.	Images
i.	Page Specific Customization
*/

/* a.	Varnish Stripping */

/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin:0; padding:0; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

th { 
	font-weight: normal;
}

/* b.	GENERAL LAYOUT (layers) */

html
{
}
body
{
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	border:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:white;
	background-color:#2d3962;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x; 
        background-attachment: scroll;
	background-position: top center; 
}
#wrapper
{
	width:760px;
	text-align:center;
	margin:0 auto;
	padding:0;
}
#header
{
	width:760px;
	height:195px;
	margin:0;
	padding:0;
	background:url(images/header.jpg) no-repeat;
}
#contact_info 
{
	float:left;
	width:195px;
	margin:0;
	margin:15px 0 5px 0;
	text-align:center;
	font-size: 95%;
}
#main
{
	width:760px;
	height:auto;
	min-height:424px;
	text-align:left;
	padding:0 0 0 0px;
	margin:0;
	background:url(images/content.jpg) no-repeat;
}
#content
{
	float:right;
	width:520px;
	height:auto;
	margin:10px 10px 10px 0;
	text-align:left;
}

#listings #content
{
	width:430px;
}

#feature_sheet #content 
{
	width: 720px;
}

#text 
{
}

/* b Content sideboxes*/

#main #sidebox
{
	float:left;
	width:auto;
	height:auto;
	margin-top:20px;
	text-align:center;
	background:#252e65;
	padding:5px;
	border:solid 2px white;
}

#listings #sidebox
{
	float:left;
	top:180px;
	left:0px;
	width:auto;
	height:auto;
/*	position:fixed; */
	margin:66px 0 0 0;
	border:solid 2px white;
/*	padding:3px; */
}
* html #listings #sidebox {position:absolute;}

#about #sidebox {
	height:auto;
}


#bowen_map
{
width: 245px;
height: 285px;
background-image:url(images/bowen_map.jpg);
}

/* Footer */
#footer
{
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	background:url(images/footback.jpg) repeat-x;
	text-align:center;
}
#footinfo
{
	width:760px;
	height:20px;
	padding:0;
	margin:0 auto;
	font-size:12px;
}
#footinfo p
{
	padding:2px 0 0 0;
	margin:0;
}


/* c. CONTENT FORMATING */

h1
{
font-family:"Comic Sans MS", "Gill Sans", Verdana, Arial, sans-serif;
font-size: 120%;
color:#003399;
padding: 10px 0 20px 0;
text-align: center;
}

#home #content h1
{
text-align: left;
}

h2
{
font-family:"Comic Sans MS", "Gill Sans", Verdana, Arial, sans-serif;
font-size: 90%;
color:#990000;
padding: 5px 0 10px 0;
text-align: center;
}

.clear_right {
	clear: right;
}

#feature_sheet h2 {
	text-align: left;
	font-size: 120%;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



#content p {
font-size: 87%;
padding: 0 0 15px 0;
color: #FFFFFF;
}

#sidebox #sidelinks {
	padding: 10px 15px 0 0;
}

#content .citation {
	font-style:italic;
	text-align: right;
	font-size: 80%;
}

#sidebox p 
{
font-size: 80%;
color:#ccffff;
}
#sidebox ul, .listing_brief ul 
{
	float:left;
	min-width:180px;
	font-size: 90%;
	list-style: square inside;
	padding: 10px 0;
	margin:0;
	text-align:left;
}

#sidebox h2 {
	color: #e2e2e2;
}

.feature_table td
{
	width:33%;
	padding-bottom:5px;
}

.feature_table td ul {
	font-size: 90%;
	list-style: square inside;
	padding: 0px 0;
}

.listing_brief
{
float: right;
width:180px;
padding: 0 20px 0 0;
}


.email_link
{
	font-size:12px;
}

#mac_logo
{
	width:100%;
	height:52px;
	padding:0;
	margin:10px 0;
	text-align:center;
	}
	
#feature_sheet #mac_logo
{
	width:430px;
	height:52px;
	padding:0;
	margin:10px 0;
	text-align:center;
	background:url(images/mac_logo.gif) no-repeat;

}
.sold_listings
{
	clear:left;
	float:left;
	z-index:1;
	width:100px;
	color:red;
	margin-right:50px;
	font-size:20px;
}

.style1 {font-size: 87%;}


/* d. TABLES */

.feature_table
{
font-size: 87%;
padding: 0 0 15px 0;
color: #FFFFFF;
}



/* e. LINKS */
a, a:visited
{
	color: #FFCC33;
	text-decoration:none;
}
a:hover
{
	color:#f90f1a;
}


	
/* f. LISTS */



/* g. NAVIGATION */

/* g Nav position */
#nav
{
	float:right;
	margin:175px 8px 0 0;
	font-size: 70%;
}

/* g Nav link colours */
#nav a, #nav a:visited
{
	/*color:#f90f1a;*/
	color:#FFFF33;
	text-decoration:none;
}
#nav a:hover
{
	color:#CECECE;

}


/* h. IMAGES */

#sidebox img {
	border: 1px solid #FFCC33;
}

.listing_photo img
{
z-index:100;
clear:left;
float: left;
margin: 0px 30px 20px 0;
border: 2px solid #FFCC33;
}

.feature_table img
{
	border: 2px solid white;
	background:#252e65;
	padding:5px;
}

#content .image_right 
{
float: right;
margin: 0px 0 15px 10px;
border: 1px solid #FFCC33;
}


a:hover img {
border: 2px solid #ccFFff;
}

#listings .listing_photo a:hover img {
border: 2px solid #ccFFff;
}

#sidebox a:hover img {
border: 1px solid #ccFFff;
}

#content a:hover img {
border: 1px solid #ccFFff;
}
#listings #content a:hover img {
border:solid 3px#ccFFff;
}
#content span {
	visibility:none;
}

#content .feature_table a:hover img {
border: 2px solid #FFCC33;
}

/* i. PAGE-SPECIFIC CUSTOMIZATION */
.sold_float
{
	position:relative;
	z-index:2;
}
.sold_float a, .sold_float a:visited
{
	text-decoration:none;
	color:red;
}
.sold_feature
{
	position:relative;
	z-index:2;
	color:red;
	font-size:30px;
	font-weight:bold;
}
.sold_feature a, .sold_feature a:visited
{
	text-decoration:none;
	color:red;
	font-size:30px;
	font-weight:bold;
}
.sold_feature p
{
	width:100px;
	color:red;
	font-size:30px;
	font-weight:bold;
	padding:0;
	margin-top:-90px;
	margin-left:55px;
	margin-bottom:45px;
}
.about_text {
	float:left;
	margin-top:-50px;
	padding:0;
	width:auto;
}