﻿/***** MASTER.CSS *********************/
/***** FAMILY CONSTELLATION PROJECT ***/
/**************************************/


/***** COLOURS ************************/
/*
/*  RED		#FF4C4C
/*  GRAY	#535353
/*	LGRAY	#E4E0DA
/*
/**************************************/


body{font:0.6em Verdana, Arial, Helvetica, sans-serif;}

#container{
width:700px;
margin:auto;
}

/***** HEADER *****/
#header{
height:130px;
width:700px;
}

	#header img{
	float:left;
	position:relative;
	}
	
/***** HEADER END *****/

/***** MENU *****/
#menu{
height:40px;
}

	#menu li{
	display:block;
	float:left;
	margin:13px 13px 0 0;
	}
	
	#menu ul li a,
	#menu ul li a:visited{
	color:#535353;
	padding:0 19px 0 0;
	background:transparent url(../img/buinactive.gif) no-repeat bottom right;
	text-decoration:none;
	}
	
	#menu ul li a:focus,
	#menu ul li a:hover,
	#menu ul li a:active,
	#menu ul li a#on{
	background:transparent url(../img/buactive.gif) no-repeat bottom right;
	}
	
/***** MENU END *****/

/***** CONTENT *****/
#content{width:550px;}

	.title{
	width:550px;
	height:50px;
	}
	
	.text,
	.listing,
	.contact{
	width:500px;
	margin-top:2.5em;
	float:left;
	}
	
	.listing div{margin-bottom:2.5em;}
	
#footer{
height:50px;
width:auto;
}
	
/***** CONTENT END *****/

/********** GLOBALS **********/
a{color:#ff4c4c;}
a:visited{text-decoration:none;}
a:focus,
a:hover,
a:active{text-decoration:underline;}

a.email{color:#535353;}
a.email:visited{text-decoration:none;}
a.email:focus,
a.email:hover,
a.email:active{
color:#ff4c4c;
text-decoration:underline;
}

.listing h1{float:left;}

h1, h2{font-size:1.1em;}

h1, h3{font-weight:bold;}

h2{font-weight:normal;}

h3{
font-size:1em;
margin-bottom:0.5em;
}

h3,
span,
.contact h1{line-height:1.5em;}

/********** GLOBALS END **********/
