/**
  * style.css
  * 
  * @author Bruce Wright <bruce.wright@residentsource.com>
  * @version $Id$
  **/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li, a, 
fieldset, form, label, legend, 
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background-repeat: no-repeat;
}

/* separate block elements */  
dl, ul, ol, p, address, table, form
	{ padding-bottom: .5em; }
ol	{ list-style: decimal; }
ul  { list-style: none; }
/* Don't forget to style blockquote padding to taste */

/* Links and Images */
/* img   { display: block; } /* fixes descender gap in IE */ 
a img {
	border: none;
	cursor: pointer;
}
a, object {
	text-decoration: none;
	outline: 0; 
} /* removes Firefox’s outlining on active state */
A.stdSiteLink:link, A.stdSiteLink:active, A.stdSiteLink:visited {
	text-decoration: underline;
	color: #4564B0;
}
A.stdSiteLink:hover {
	text-decoration: none;
}

/* Table defaults */  
table { border-collapse: collapse; } /* set to separate if visible gaps between cells is desired. */
td {
	text-align: left;
	vertical-align: top;
}
 
/* .clearfix class to enclose floats painlessly.
   Put on elements that contain floated elements
   This is the "robust" form of clearfix.
   For "good" browsers:
*/
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/* IE6 requires a height: */
.clearfix { height: 1%; }

/* If you have *complete* control of the content,
   a simpler clearfix is possible for all browsers,
   but use cautiously: .clearfix {overflow: auto;}
*/

/*---------------------- End Reset ----------------------*/

/*****************************************************************/
body {
	position: relative;
	background: url('../images/img_tile.jpg') repeat-x 0 0 #fff;
	margin: 0 auto;
	padding: 0px 0px;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, Garamond, Serif;
	height: 100%;
	line-height: 16px;
}

/* Fixes for IMG tag */
img {
	-ms-interpolation-mode:bicubic;
}

div#wrapper {
	position: relative;
	float: none;
	width: 1040px;
	height: 600px;
	margin: 0px auto;
	padding: 0px;
}

div#innerWrapper {
	float: left;
	width: 1000px;
	margin: 0px;
	padding-bottom: 20px;
	background: url('../images/img_mainbkg.jpg') no-repeat;
}

div#interiorInnerWrapper {
	float: left;
	width: 1000px;
	margin: 0px;
	padding-bottom: 20px;
	background: url('../images/img_mainbkg_interior.jpg') no-repeat;
}

div#interiorContent {
	float: right;
	width: 660px;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	min-height: 864px;
	/*background: url('../images/interior-Invertbkg.jpg') repeat-x 0 0 #ffffff;*/
	background-color: #ffffff;
}

/* for Internet Explorer */
/*\*/
* html div#interiorContent {
height: 585px;
}
/**/
/*================================================*/
/* Logo with site address */
div#logo {
	position: relative;
	float: left;
	width: 335px;
	height: auto;
	margin: 0px;
	margin-top: 30px;
	padding: 0px;
	/*background: url('../images/logo.png') no-repeat 70px 30px;*/
}

div#logo img#logoImage {
	display: block;
	width: 260px;
	height: 226px;
	margin: 0px auto;
	margin: 10px auto 0px;
	padding: 0px;
	text-align: center;
	border: none;
}

div#tty img {
	float: right;
}

div#logo div#nameAddress {
	float: left;
	width: 260px;
	margin: 0px 0 0px 50px;
	padding: 0px;
}

div#logo div#nameAddress h3 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #777777;	
}

div.vcard {
	line-height: 18px;
	color: #000;
	font-weight: bold;
}
/*****************************************************************/
/* Small design in upper left corner of the interiorContent pages */

div#mark {
	float: left;
	width: 8px;
	height: 8px;
	margin: 8px 0 8px 8px;
	padding: 0px;
	background-color: #7E8132;
}

/* Social Networks*/
#socialNetworks {
	clear:both;
}