body {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; background: url(img/blue_top.jpg) top repeat-x #fff; margin:0; padding:0}

  	#main_center {width:930px; margin-left:auto; margin-right:auto;  }

	#content {float:left; width:940px; margin:20px 0 0 0 ; }

	.theme {float:left; width:430px; padding:7px; margin:10px; display: inline; border:1px solid #e9e9e9;}
	.theme_proslate {float:left; width:430px; height:380px;  background:url(img/ss_proslate.jpg) no-repeat left top;}
	.theme_proclouds {float:left; width:430px; height:380px;  background:url(img/ss_proclouds.jpg) no-repeat left top; }
	.theme_provision {float:left; width:430px; height:380px;  background:url(img/ss_provision.jpg) no-repeat left top;}
	.theme_placeholder {float:left; width:430px; height:380px;  background:url(img/comingsoon.gif) no-repeat left top}

	#header {float:left;  width:940px; margin:20px 0 0 0; background: url(img/colour_bar.gif) bottom center no-repeat}
	#headertitle {float:left; clear:left; margin:0 0 0 30px; display: inline}
	#headertitle h1{ margin:0; padding:0; font-size:12px}
	#title { float:left; width:240px; height: 37px; background:url(img/title.gif) no-repeat; margin:0 0 20px 25px; display: inline }
	#title a { width:240px; height: 37px; display:block;}

	#contact-link { float:right; width:100px; height:38px; font-size:11px; margin:0 20px 0 0; display: inline;  }
	#contact-link a {display:block; width:100px; height:38px; background:url(img/contact-ico.gif) no-repeat right bottom; color:grey; text-decoration:none}
	#contact-link a:hover { background:url(img/contact-ico.gif) no-repeat right top; color:black}

	#title-desc {width:800px; float:left; font-size:11px; padding:0 0 10px 30px; }

	.attributes { float:left; font-size:11px; width: 430px; margin-top:7px; background:#efefef; border:}
	.attributes h1 {font-weight:bold; padding:0; margin:0; font-size:14px; font-family: Arial, Verdana, sans-serif; display: inline; color:#0070aa}
	.attributes ul { padding:14px 10px 0 10px; float:left; width:400px; margin: 0 }
	.attributes li {margin:0 0 0 0; padding:0; float:left;  list-style:none}

	.attributes li.preview { float:right;   margin-left:5px; margin-bottom:5px; display: inline;}
	.attributes li.preview a { color:#000;  border: 1px solid #d0d0d0; display:block;  padding:3px 7px 3px 7px; background:#efefef; text-decoration:none  }
	.attributes li.preview a:hover { display:block;  border:1px solid #c9dec2;   background:#ddffd1; }

	.attributes li.download { float:right;    margin-left:5px; margin-bottom:5px;  display: inline;}
	.attributes li.download a { color:#000; display:block; border: 1px solid #d0d0d0;  padding:3px 7px 3px 7px; background:#efefef; text-decoration:none  }
	.attributes li.download a:hover { display:block; border:1px solid #afd3dc;   background:#dcf8ff; }

	#contact {width:960px; float:left; height:60px; margin:40px 0 0 0; background:url(img/contact.gif) no-repeat left}
	.desc {float:left; width:410px; margin: 0 0 0 10px ; padding:5px 0 5px 0; display: inline;  border-top: 1px solid #c4c4c4; font-size:11px; color:black}
	.desc a {color:#298eaf}