/* Waddell Homes - Redesign of existing website*/
/* SpyderWeb Concepts - Ron Dick */
/* April 2007 */

/* Color Pallette */
/* Independence Blue: #355061 / Calabash: #C6A97D / Quaker Gray: #797D7C */
/* Source: Porter paints */

body {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 2em;
	background: #797D7C;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	line-height: 150%;
}

h1 {
	font-size: 200%;
	color: #355061;
	line-height: 200%;
}	

a {
	color: #797D7C;
}

a:hover {
	color: #C6A97D; 
	text-decoration: none;
	font-weight: bold;
}

img {
	border: 0;
}

h3 {
	color: #355061;
}

h4 {
	color: #355061;
}

h5 {
	color: #355061;
}

h6 {
	color: #355061;
}

/* Text Styles */
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #355061;
	}

.bullet { 
	list-style-type: square;
	list-style-image: url(../images/bullet.gif);
	text-decoration: none;
	line-height: 16px
	}

.text { 
	font-size: 100%;
	line-height: 150%;
	color: #000000;
	clip:   rect(   )
}

.right-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	border-left: #C6A97D solid 4px;
	border-right: #000000 solid 2px;
}
	
.nav {
	color: #355061;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
/*	border-right: #797D7C solid 4px; */
}

.menutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 150%;
	color: #000000;
	text-decoration: none;
	line-height: 16px;
	font-weight: bold;
	}
	
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.menusubtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C6A97D;
	text-decoration: none;
	font-weight: bold
	}
	
.menusubtitle-dark {
	font-size: 11px;
	color: #355061;
	text-decoration: none;
	font-weight: bold;
}	
	
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #355061;
	line-height: 150%;
	text-decoration: none;
	vertical-align: baseline;
	font-weight: bold;
}

.links:hover {
	color: #000000;
}

.flagLeft {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-top: -11px;
	margin-left: -6px;
}

.flagRight {
	background-repeat: no-repeat;
	background-position: 100% 0%;
	margin-top: -11px;
	margin-right: -6px;
}
	
/* The following style is used for linked images for <noscript> */
.links-ns {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	vertical-align: baseline;
	font-weight: bold
	}
	
.blue-double	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000CC;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	line-height: 2;
	}
	
.menutext a:hover {
	color: #000000;
	text-decoration: none;
}
	
.bulletmenu {
	list-style-type: disc; left: -20px;
	clip:   rect(   );
	position: relative;
	list-style-image: url(../images/bullet_menu.gif)}
	
.footer {
	font-size: 80%;
	color: #FFFFFF;
	line-height: 200%;
	text-decoration: none;
	vertical-align: middle;
	border-top: #797D7C solid 0px;
	border-right: #000000 solid 2px;
	background: #355061;
}

.footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover {
	color: #C6A97D;
}

.phone {
	font-size: 140%;
}

.close01 {
	font-size: 125%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #797D7C;
}

/****************************************** Table Styles **********************************/	
.header-left {
	border-bottom: #C6A97D solid 3px;
/*	border-right: #C6A97D solid 3px; */
	border-top: #000000 solid 2px;
}

.header-right {
	border-bottom: #C6A97D solid 3px;
	border-top: #000000 solid 2px;
	border-right: #000000 solid 2px;
}

.news {
	background: url(../images/News Background 1.gif);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	border: solid 4px;
	border-top-color: #355061;
	border-left-color: #355061;
	border-right-color: #C6A97D;
	border-bottom-color: #C6A97D;
}

.contact {
	border: solid 4px;
	padding: 8px;
	border-top-color: #355061;
	border-left-color: #355061;
	border-right-color: #797D7C;
	border-bottom-color: #797D7C;
}

.contact a {
	color: #000000;
	text-decoration: underline;
}

.contact a:hover {
	color: #C6A97D;
	text-decoration: none;
}

.norepeat-topleft {
	background-repeat:no-repeat;
	background-position:0% 0%;
	z-index:99;
}

.norepeat-topright {
	background-repeat:no-repeat;
	background-position:100% 0%;
	z-index:99;
}

.norepeat-bottom {
	background-repeat:no-repeat;
	background-position:50% 100%;
	z-index:99;
}

.norepeat-right {
	background-repeat:no-repeat;
	background-position:100% 100%;
	z-index:99;
}

.td-blue-back	{
/*	background-image:url(../images/table bgrnd 1.gif); */
	background-color:#797D7C;
}

.td-yellow-back	{
	background-image:url(../images/table bgrnd 3.gif);
	background-color:#C6A97D;
	margin-left: 10px;
	margin-right: 10px;
}

.td-yellow-back a {
	color: #355061;
	text-decoration: none;
}

.td-yellow-back a:hover {
	color: #C6A97D;
}

.td-fade	{
	background-image:url(../images/table bgrnd 5.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	right:auto;
}

.intro	{
	background-image:url(images/intro 2.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:180px;
	top:93px;
	height:300px;
	width:550px;
}

.cap {
	float: left;
	width: 42px;
	font-size: 62px;
	line-height: 51px;
	font-weight: normal;
	color:#355061;
	font-family: georgia, times;
}

.table {
	background-image:url(../images/background 4.gif);
	
}

/* Rounded Corners */
/* set millions of background images */
.rbroundbox { background: url(image/nt.gif) repeat; }
.rbtop div { background: url(image/tl.gif) no-repeat top left; }
.rbtop { background: url(image/tr.gif) no-repeat top right; }
.rbbot div { background: url(image/bl.gif) no-repeat bottom left; }
.rbbot { background: url(image/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

/***************************************** Image Styles ***********************************/
.img-wrapper {
	float:center;
	clear:right;
	background: url(../images/image shadow.gif) no-repeat bottom right;
}

.img-wrapper img {
	background-color:#ffffff;
	border: 0px solid #000000;
	padding:1px; /* gives us the white area - but not in IE5 + IE5.5 */
	display:block;
	margin: -5px 5px 5px -5px;
	position:relative;
}

.community-img {
	border:medium solid;
	border-color:#C6A97D;
	padding: 4px;
}

.bl {background: url(br.gif) 0 100% no-repeat #e68200; width: 20em} 
.br {background: url(br.gif) 100% 100% no-repeat} 
.tl {background: url(tr.gif) 0 0 no-repeat} 
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

.img1 {
	border: solid 4px;
	padding: 0px;
	border-top-color: #355061;
	border-left-color: #355061;
	border-right-color: #797D7C;
	border-bottom-color: #797D7C;
}

.availableHomes {
	border: solid 4px  #355061;
}

/********************************************* Line Styles *******************************/
.hr-yellow {
	height:4px;
	color: #C6A97D;
}

.hr-blue {
	height:4px;
	color: #797D7C;
}

.hr-darkblue {
	height:4px;
	color: #355061;
}

.hr-calabash {
	height: 3px;
	color: #C6A97D;
	background-color: #C6A97D;
}