@charset "UTF-8";

body  {
	font: 12px "Century Gothic", Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align:center;
}

img {
	border:0;
}

ul {
	list-style:none;
}

h1 {
	margin-top:0px;
}

a {
	outline:0;
}

.themalibulife #container { 
	width:1000px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	background:#FFF;
} 
 
.themalibulife #header {
	width:956px;
	margin:0 0;
} 

.themalibulife #rightBar {
	float: right; /* since this element is floated, a width must be given */
	width: 240px;
	margin:0 44px 0 0;
	padding:40px 15px 5px 0px;
	background:#FFF url(../assets/images/body_content/border_right.jpg) repeat-y 100% 0%;
}

.themalibulife #mainContent {
	width:716px;
	margin:0 0 0 1px;
	padding:40px 0 5px 0;
	background:#FFF url(../assets/images/body_content/border_left.jpg) repeat-y 0px 0px;
} 

/* Home Specific Code */
.themalibulife #mainContent #movieFrame {
	margin-left: 15px;
	margin-top: 0px;
	padding-right:15px;
	height:300px;
	background:#FFF url(../assets/images/body_content/videocontent_background.jpg);
	border-right:1px solid #999;
	overflow:auto;
}

.themalibulife #mainContent #centerContentText {
	text-align:justify;
	margin-left: 15px;
	padding:15px 15px 0 15px;
	background:#FFF;
	height:246px;
	overflow:auto;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	
} 

.themalibulife #mainContent #centerContentText table{
	margin:0 auto;
	
} 

/* Resources Content Frame */
.themalibulife #mainContent #resourcesContentText {
	text-align:justify;
	margin: 0px 0 0 15px;
	padding:7px 15px 0 15px;
	height:554px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	overflow:auto;
}

.themalibulife #mainContent #lowerContentText {
	margin-left: 15px;
	background:#FFF;
	border:1px solid #999;
	text-align:left;
	overflow:hidden;
	height:100px;
	width:683px;
}

.themalibulife #footer { 
	width:956px; 
} 

.contactPeople {
	margin:20px 0 0 130px;
}

#suggestionBox {
	margin: 50px 0 0 100px;
}

.headerContact {
	font-size:20px;
	margin:7px 0 -10px 0;
	padding-left:90px;
	color:#084F99;
}

.textContact {
	padding-left:90px;
	font-size:12px;
}

#featuredProperty_rightbar {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding: 15px 0 2px 0;
	margin: 0 0 0 0;
		
}

#featuredProperty_rightbar:hover {
	background:url(../assets/images/right_column/featuredpropertybackground.jpg) no-repeat 0% 0%;	
}

#madisonsBook {
	border-right:1px solid #999;
	border-bottom:1px solid #999;

	
}

#contactMadison {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	
}

#vendorDescripton {
	margin: 20px 0;
}

.vendorHeading {
	color:#104990;
	font-weight:bold;
}

.vendorTable {
	text-align:left;
		
}

#FlashMovieOuter {
	padding: 9px 0 0 19px;
}

.mediaIcons {
	padding: 0 10px 10px 10px;
}

a.blueNoUnderline {
	text-decoration:none;
	color:#00AEED;
	font-weight:bold;
}

/* Misc Utility Functions */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.indentParagraph {
	text-indent:0px;
}

ul li a {
	text-decoration:none;
	color:#000;
}

ul li a:hover {
	text-decoration:none;
	color:#00AFED;
}

.bold {
	font-weight:bold;
}


	

/* CSS NAVBAR DROPDOWN CODE */
#menu{position:absolute; width:auto; margin:0; padding:0; top:0; left:0; z-index:100}
#menu ul .item{display:none;border-right:1px solid #999;border-left:1px solid #999;padding:0 0 0 9px;text-align:left;}
#menu ul:hover .item{display:block;background:#FFF;width:auto}
#menu ul:hover .item a{color:#000;text-decoration:none;}
#menu ul:hover .item a:hover{color:#00AFED;}
#menu ul{width:auto;float:left;margin:0px;padding:0px;list-style:none;z-index:100}
.clear{clear:both;height:36px;}