/*	villacalpe-screen.css	Style sheet for Web pages
	Begun 02/11/09
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	background:		url( media/vc-gradient.gif ) repeat-x fixed;
	padding-bottom:	24px;
	font-family:	'Trebuchet MS', Helvetica, sans-serif;
	font-size:		0.8em
}

.central	{
	text-align:	center
}

.column	{
	float:			left;
	margin-right:	10px
}

.conductor	{
	float:	left
}

.complement	{
	float:	right;
}

.final	{
	margin-bottom:	20px
}

.new-row	{
	clear:	both
}

.p450	{
	height:	450px
}

/*	divisions	*/

div#banner, div#banner1	{
	padding:	10px 0 10px 10px
}

div.body-copy	{
	padding:	10px 0 10px 10px
}

div.bookend	{
	height:		20px;
	padding:	5px 10px 0
}

.bookend h5	{
	margin-left:	715px
}

div#expo	{
	margin:	10px 0 0 10px
}

div.info, div.info2	{
	width:	225px
}

.info p, .info2 p	{
	padding:	0 2px 10px
}

div.intro, div.intro2	{
	width:			230px;
	padding-bottom:	17px
}

.intro ul, .intro2 ul, .main-copy ul	{
	margin-left:	15px
}

.intro2 ul	{
	list-style-type:	circle
}

div#main	{
	width:	960px;
	border:	1px solid black;
	margin:	auto
}

div.main-copy	{
	width:	465px
}

.main-copy p, .main-copy ul	{
	padding-bottom:	5px
}

div#navbar	{
	width:		100%;
	margin-top:	5px;
	float:		left
}

#navbar hr	{
	margin-left:	245px
}

#navbar ul	{
	list-style:	none
}

#navbar li	{
	display:	inline
}

#navbar li a, #navbar li#here	{
	float:			left;
	background:		url( media/tab-left.gif ) no-repeat left top;
	padding-left:	4px
}

#navbar li a span, #navbar li#here span	{
	float:		left;
	display:	block;
	background:	url( media/tab-right.gif ) no-repeat right top;
	padding:	5px 16px 4px 10px
}

#navbar li a:hover	{
	text-decoration:	none
}

#navbar li a:hover, #navbar li#here	{
	background-position:	0% -42px
}

#navbar li a:hover span, #navbar li#here span	{
	background-position:	100% -42px
}

div#riposte	{
	margin-top:	-92px
}

/*	images	*/

img	{
	border:	0
}

img.pic	{
	padding:	1px;
	border:		1px solid
}

div#banner img, div#banner1 img	{
	padding-right:	10px
}

div.advice img	{
	border:	1px solid #7e7fb1
}

div.intro img	{
	border:	1px solid #37414c
}

div.intro2 img	{
	border:	1px solid white
}

div.live-in img	{
	border:	1px solid #679866
}

div.rental img	{
	border:	1px solid #a98037
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

h1, h5	{
	font-size:	90%
}

h2	{
	font-size:	192%
}

h2.supporter	{
	padding-top:	40px
}

div.main-copy h2	{
	font-size:	150%
}

h3	{
	font-size:		120%
}

p.sub	{
	margin-top:	25px
}

/*	colours	*/

a:link	{
	background-color:	inherit;
	color:				blue
}

a:visited	{
	background-color:	inherit;
	color:				#639
}

a:hover	{
	background-color:	inherit;
	color:				blue
}

a:active	{
	background-color:	inherit;
	color:				red
}

div#navbar a, #navbar li	{
	background-color:	inherit;
	color:				white
}

body	{
	background-color:	white
}

div#banner, div#banner1	{
	background-color:	black;
	color:				white
}

div#main	{
	background-color:	white;
/*	background:			url( media/960grid.png ) no-repeat;	*/
	color:				#37414c	/* a dark blue from canopy */
}

div.advice	{
	background-color:	#b6b7ff	/* a pale blue */
}

.advice h3	{
	background-color:	#7e7fb1;	/* a related darker blue */
	color:				white
}

div.live-in	{
	background-color:	#dcffdb	/* a pale green */
}

.live-in h3	{
	background-color:	#679866;	/* a related darker green */
	color:				white
}

div.rental	{
	background-color:	#ffe4b5	/*  a pale brown-orange */
}

.rental h3	{
	background-color:	#a98037;	/* a darker brown-orange */
	color:				white
}

div.intro h3	{
	background-color:	#37414c;
	color:				white
}

span.number	{
	background-color:	inherit;
	color:				#dcffdb
}

span.price	{
	background-color:	inherit;
	color:				#ffe4b5
}

/*	EOF	*/