/* CSS Document */

/* body eliminates all unwanted padding and margins from browsers*/	

* {margin:0px;}

body {

	margin:0px; 

	padding:0px; 

	background-color:#000000;

	color:#2B2C34;	

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

}

p {margin-top:10px; margin-bottom:10px; margin-right:10px;}

/* Other top level styles*/	

img, div, form {

	border:0px;

	margin:0px;}

	

h1,h3,h4,h5,h6 {

	color:#232E89;

	background-color:#FFFFFF;

	margin-top:15px;

	margin-left:15px;

	margin-bottom:5px;}

	

p {

	margin-left:15px;}



hr {color:#9B8E8C;

	background-color:#FFFFFF;

	width:500px;

	margin-left:15px;}

	

/* wrapper is fixed width- image (on firefox) is working only with footer clear */	

#wrapper {

	width:800px;

	margin:auto;

	margin-top:20px;

	position:relative;

	background-color:#FFFFFF;

}

/* Styles for header */

#header {

	width:800px;

	height:73px;

	background-image:url(images/viva_properties_logo_01.gif);

	background-repeat:no-repeat;}

	

#header p{

	width:125px;

	margin:0px;

	padding:0px;

	position:relative;

	top:40px;

	left:665px;

	

	color:#232E89;

	font-weight:bold;

	background-color:#FFFFFF;

	font-size:12px;}

/* Styles for main graphic area */



#maingraphic{

	width:800px;

	height:264px;}



/* Styles for left content area */	

#leftcontent{

	float:left;

	clear:left;

	margin-left:7px;

	width:566px;}

#leftcontent p{

	margin-right:20px;}

	

#leftcontent a:link, a:visited, a:active {

	color:#2B2C34;

	text-decoration:underline;}

#leftcontent a:hover{

	color:#9B8E8C;

	text-decoration:underline;}

/* Used to style photographs on about us pages. */	

p img {float:right;

		padding-left:10px;

		padding-bottom:10px;}

/* Used to style the boston/somerville.. */		





#somerville{

	float:left;

}

#boston{

	float:left;}



/* Styles for right content area */

#rightcontent{

	float:right;

	margin:0px;

	padding:0px;

	clear:right;

	width:227px;

	background-image:url(images/viva_properties_12.gif);

	background-repeat:repeat-y;

	}

#rightcontent ul{

	list-style:none;}

#rightcontent li img{

	padding-right:3px;

	padding-bottom:3px;}

#rightcontent h3{

	margin-top:0px;}

	

	

	

/* Styles for footer navigation area */

#footer{

	height:29px;

	clear:both;

	width:800px;

	background-image:url(images/viva_properties_09.gif);

	background-repeat:repeat-x;

	padding-top:5px;

	margin-top:10px;

	overflow:hidden;

	text-align:center;}

	

#footer ul {

	font-size:10px;

	font-weight:normal;

	margin-left:3px;

	padding-top:2px;

	padding-left:2px;

	text-align:center;}



	

#footer ul li{

	display:inline;

	padding-right:5px;

	padding-left:5px;

	border-right: solid 1px #232E89;

	}	



#footer ul li a {

	color:#232E89;

	background-color:#FFFFFF;

	text-decoration:none;

	}

	

#footer ul li a:link, #header ul li a:visited  {

	color:#232E89;

	background-color:#FFFFFF;

	text-decoration:none;}

	

#footer ul li a:hover {

	color:#232E89;

	background-color:#FFFFFF;

	text-decoration:underline;}

	

p.copyright {

     margin-top:2px;

	 margin-bottom:2px;

	color:#9B8E8C;

	background-color:#FFFFFF;

	text-align:center;

	font-size:10px;}

p.copyright a:link, p.copyright a:visited, p.copyright a:hover,p.copyright a:active{

	text-decoration:none;}

p.copyright a:link, p.copyright a:visited, p.copyright a:hover,p.copyright a:active{

	color:#9B8E8C;

	background-color:#FFFFFF;}	

p.copyright a:hover{

	color:#232E89;}	

/* End of footer styling. *	

	



	

/* Begin main navigation dropmenu */

/*   http://www.seoconsultants.com/css/menus/tutorial/ */

#menu {

width: 600px;

float: left;

position:absolute;

top:38px;

left:150px;

}



/*width of each link box */

#menu ul {

list-style: none;

margin: 0;

padding: 0;

width:9em;

float: left;

}

#menu a, #menu h2 {

font-family:Arial, Helvetica, sans-serif;

color:#232E89;

display: block;

border-right: 1px solid #232E89;

margin: 0;

padding: 2px 3px;

}

/* hits top level h2 without links */

#menu h2 {

font-size:12px;

font-weight:bold;

text-align:center;

color:#232E89;

background-color:#FFFFFF;

text-transform: uppercase;

}

#menu h2 a{

	border:0px;

	/* This is needed IF a link is put in the top level. */

	margin:0px;

	padding:0px;}

/* background on everything that is a link */

#menu a {

color:#232E89;

font-size:12px;

background-color:#FFFFFF;

text-decoration: none;

border:solid #232E89 1px;

}

/* background on everything that is a link to hover */

#menu a:hover {

color:#B43C41;

background-color:#EDE9D7;



}



#menu li {position: relative;}



#menu ul ul {

position: absolute;

z-index: 500;

}



#menu ul ul ul {

top: 0;

left: 100%;

}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}





/* For IE Problem */

#menu ul li {

float: left; /* cure IE5.x "whitespace in lists" problem */

width: 100%;

}

#menu ul li a {

height: 1%; /* make links honour display: block; properly */

} 



#menu a, #menu h2 {

font-size:12px;

font-family:Verdana, Arial, Helvetica, sans-serif;

/* if required use em's for IE as it won't resize pixels */

} 

</style>

<![endif]-->