/* @override http://mosaichomes.com/_css/global.css */

* {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 10px; 
	color: #666;
}

img {
	border: none; 
	vertical-align: top
}

td {
	vertical-align: top
}

html, body {
  background-color: #FFF;
  margin: 0;
  padding: 0;
  text-align: center;
	background: url(/_images/html/bg_side.jpg) repeat-y 50% 0;
	height:100%;
}

div#bg_sideshadow {
  width: 750px;
  margin: 0 auto 0 auto;
	height:100%;
}

div#main {
  text-align: left;
	margin: 0;
}

/*
 * CONTENT LAYOUT
 */

table#layout {
  margin: 30px 50px 20px 50px;
}

table#layout td {
  padding: 0;
}

table#layout td.left {
  width: 255px;
}

/*
 * CENTERING FORM
 */


table#layout td.leftForm {
  width: 180px;
}

table#layout td.right {
  
}

/*
 * CONTENT TEXT LAYOUT
 */
 
div.hr {
	background: url(../_images/html/horiz_dot.gif) repeat-x center;
	height: 1px;
	width: 100%;
	padding: 8px 0;
}

em  {
	font-weight: bold;
	color: #761F18;
	font-style: normal;
}

a {
	color: #152D4A;
}

  a:hover {
	color: #761F18;
}

td.left p {
    margin: 10px 30px 10px 0;
}



td.right h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 5px 0 15px 0;
    color: #761F18;
}

td.rightForm h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 2px -14px 16px 0px;
    color: #761F18;
    text-align: left;
}

td.right h2 {
	margin: 15px 0 -5px 0;
	font-weight: bold;
	color: #152D4A;
}

td.right h3 {
	margin: 15px 0 -5px 0;
	font-weight: bold;
}

td.right p {
   margin: 10px 0 10px 0;
   line-height: 18px;
}

.right a.launch {
	text-decoration: none;
	font-weight: bold;
}

td.right ul {
   list-style: none;
   padding: 0;
   margin: 10px 0 10px 0;
}

td.right ul li {
   margin: 10px 0 10px 0;
   padding: 0 0 0 15px;
   background: url(/_images/html/list_arrow.gif) no-repeat 0 4px;
}

p.action {
	background: url(../_images/html/action_arrow.jpg) no-repeat;
	padding: 5px 0 5px 33px;
}

p.action a {
	text-decoration: none;
	font-size: 14px;
}

p.actionSplash {
	background: url(../_images/html/action_arrow.jpg) no-repeat;
	padding: 8px 0 5px 33px;
}

p.actionSplash a {
	text-decoration: none;
	font-size: 11px;
}

/*
 * LEFT NAV
 */

div.left_menu
{
  margin: 25px 30px 10px 0;
}

div.left_menu a
{
  display: block;
  padding: 5px 0 5px 16px;
  background: url(/_images/html/arrow.gif) no-repeat;
  background-position: 6px 9px;
  text-decoration: none;
  font-weight: bold;
  margin: 0 0 0 4px;
  color: #666;
}

div.left_menu a:hover
{
	color: #152D4A;
}

div.left_menu a.active
{
  color: #761F18;
  background: url(/_images/html/arrow_down_active.gif) no-repeat;
  background-position: 6px 9px;
}

div.left_menu a.active_nosub
{
	color: #761F18;
  background: url(/_images/html/arrow_active.gif) no-repeat;
  background-position: 6px 9px;
}

div.sub_menu
{
  background: url(/_images/html/nav_shaddow_top.jpg) repeat-x;
  padding: 18px 0 0 0;
	margin:  -5px 30px 0 0;
}

div.bottom_shaddow
{
	background: url(/_images/html/nav_shaddow_btm.jpg) repeat-x;
	height: 13px;
	margin-top: 6px;
}

div.sub_menu a
{
  background: none;
  font-weight: normal;
  color: #666;
  padding: 4px 0 4px 32px;
}

div.sub_menu a:hover
{
	color: #333;
}
div.sub_menu a.active
{
	background: url(/_images/html/arrow_active.gif) no-repeat;
	background-position: 22px 8px;
}
div.sub_menu a.active:hover
{
	color: #761F18;
}

/*
 * IMG SHADDOW
 */

.wrap1, .wrap2, .wrap3 {
  display: inline-table;
  /* \*/display: block;/**/
}
	
.wrap1 {
  background: url(/_images/html/pic_shad.jpg) right bottom no-repeat;
}
.wrap2 {
  background: url(/_images/html/pic_shad_left.jpg) left bottom no-repeat;
}
.wrap3 {
  padding: 6px;
  background: url(/_images/html/pic_shad_top.jpg) right top no-repeat;
}

.wrap3 img {
	display: block;
	margin: 5px;
}

.wrapCorner {
	background: url(/_images/html/pic_shad_corner.gif) left top no-repeat;
	width: 35px;
	height: 35px;
	margin: -12px 0 0 -14px;
	position: absolute;
}

/*
 * FORM
 */
 
form.float label {
	float: left;
	display: inline; /* ie hack */
	}

form.float input {
	float: left;
	display: inline; /* ie hack */
	}

form.float textarea {
	float: left;
	display: inline; /* ie hack */
	}

form.float select {
	float: left;
	display: inline; /* ie hack */
	}

form br {
	clear: left;
	}

/*---------------------------------------------------------------------------
	SIGN UP FORM SPECIFIC STYLES
	---------------------------------------------------------------------------*/

form.signup label {
	width: 180px;
	padding-top: 6px;
	margin: 0px 6px 10px 0px;
	text-align: left
	}
	
form.signup input {
	width: 240px;
	padding: 0;
	margin: 6px -15px 10px 14px;
	}

form.signup input.check {
	width: 10px;
	padding: 0;
	margin: 4px 0 2px 0;
	}
	
form.signup textarea {
	width: 240px;
	padding: 0;
	margin: 6px -15px 4px 14px;
	}

form.signup input.box {
	margin: 6px 3px 6px 0;
	margin: 4px 4px 0 0;
	width: 20px;
	}
	
form.signup select {
	width: 210px;
	margin: 6px -15px 4px 20px;
	padding: 0;
	}

form.signup input#submit {
	width: 100px;
	margin: 12px 0 6px 340px;
	}

 
/*
 * FOOTER
 */

table#footer
{
  background: url(/_images/html/horiz_dot.gif) repeat-x;
  margin: 0 0 0 50px;
  width: 650px;
}

table#footer p
{
	color: #CCC;
	margin: 0 0 5px 0;
}

table#footer a
{
  text-decoration: none;
	color: #CCC;
}

table#footer a:hover
{
	color: #666;
}

table#footer td.footer_left
{
  text-align: left;
  padding: 10px 0 0 0;
}
table#footer td.footer_right
{
  text-align: right;
  padding: 10px 0 0 0;
}

/*
 * PROJECTS PAGE
 */

table.project h1 {
	padding: 0;
	margin-right: 10px;
}

table.project h2 {
	padding: 0;
	margin-right: 10px;
	color: #000;
}

table.project p {
	padding: 0;
	margin-right: 10px;
	color: #000;
}

table.project a.launch {
	text-decoration: none;
	font-weight: bold;
}

table.project td.project_left {
	width: 254px;
}