/* CSS Document - selective interiors 2006*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6
form, fieldset, a, div, img{margin: 0;padding: 0; border: 0;}
body{
	TEXT-ALIGN: center;
	background-color: #000000;
	vertical-align: top;
	background-image: url(../images/damask-bg.gif);
	background-repeat: no-repeat;
	background-position: 50% 10px;
}

#mastheadHolder{
	width: 776px;
	/*height: 100%;*/
	position: relative;
	visibility: visible;
	padding-top: 125px;
}

#masthead{
	height: 80px;
	position: relative;
	vertical-align: bottom;
	float: none;
	border: 6px solid #79A4AC;
	background-color: #333333;
	clear: none;
	padding: 15px;
	text-align: left;
}

#panelsHolder{
	width: 776px;
	/*height: 100%;*/
	float: none;
	text-align: left;
	padding-top: 20px;
}

#contentPanel{
	width: 530px;
	height: 310px;
	float: left;
	border: 6px solid #79A4AC;
	background-color: #333333;
	text-align: left;
	vertical-align: middle;
	clear: left;
}

#ideasPanel{
	width: 764px;
	height: 1020px;
	border: 6px solid #79A4AC;
	background-color: #333333;
	text-align: left;
	vertical-align: middle;
}

#contentText{
	width: 200px;
	position: relative;
	text-align: left;
	float: left;
	padding: 10px;
	vertical-align: middle;
}


#contentImage{
	position: relative;
	text-align: left;
	float: left;
	padding: 10px;
	vertical-align: middle;
}
.ideasImageLeft{
	position: relative;
	text-align: left;
	float: left;
	padding: 20px 8px 0px 20px;
	vertical-align: middle;
}
.ideasImageCentre{
	position: relative;
	text-align: left;
	float: left;
	padding: 20px 8px 0px 8px;
	vertical-align: middle;
}
.ideasImageRight{
	position: relative;
	text-align: left;
	float: left;
	padding: 20px 16px 0px 8px;
	vertical-align: middle;
}

#promoPanel{
	text-align: left;
	width: 195px;
	height: 300px;
	border: 6px solid #79A4AC;
	background-color: #333333;
	float: right;
	padding-top: 10px;
}

.promoText{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}


.promoImage{
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

p.promoTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 95%;
}

p.promoTxt a {
	color: #CCCCCC;
	text-decoration: none;
}

p.promoTxt a:hover {	
	color: #79A4AC;
}

p.introText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
p.introText a {
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

p.introText a:hover {
	font-weight: bold;	
	color: #79A4AC;
}

html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #CCCCCC;
}

h1{
	text-transform: none;
	font-size: 110%;
	color: #CCCCCC;
	font-weight: bold;
}



#MainMenu {
	text-align: left;
	color: #79A4AC;
	position: relative;
	padding-top: 8px;
	font-weight:bold;
	font-size: 95%;
	/*vertical-align: middle;*/
}

#MainMenu a {
	color: #CCCCCC;
	font-weight:bold;
	text-decoration: none;
}

#MainMenu a:hover {	
	color: #79A4AC;
}

p.SubMenu a {
	font-size: 95%;
	color: #666666;
	font-weight:bold;
	text-decoration: none;
	list-style-type: circle;
	line-height: 20px;
}

p.SubMenu a:hover {	
	color: #FF3399;
}

#Footer {
	width: 776px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	height: 20px;
	color: #666666;
	font-size: 75%;
	text-align: left;
}
#Footer a {
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}

#Footer a:hover {	
	color: #79A4AC;
}