@import url(sIFR-screen.css);

/**** Standard.css for CDC ****/

* {
	padding: 0;
	margin: 0;
}
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #4a555a;
	font-size: 62.5%;
}
.clear {
	clear: both;
}
h2 {
	font-size: 1.4em;
	line-height: 1.6;
}
h3 {
	color: #359acd;
	font-size: 1.3em;
	line-height: 1.6;
}
h4 {
	font-size: 1.2em;
	font-weight:bold;
	padding-bottom: 1.2em;
}

p, li {
	line-height: 1.7;
	padding-bottom: 1.2em;
	font-size: 1em;
}
ul, ol {
	padding-left: 15px;
	margin-left: 15px;
	margin-bottom: 0.9em;
}
li {
	padding-bottom: 0.8em;
}
a {
	color: #6EBB1F;
}

a img{border:none}


/**** Container ****/
#container { 
	width: 1004px; 
	background: url(images/bg_body.gif) repeat 0 0;
	margin: 0 auto;
	text-align: left;
}
#wrapper {
	background: url(images/body_bottom.gif) no-repeat center bottom;
	padding: 0 22px 66px 22px;
}


/**** Header ****/
#logo {
	width: 229px;
	height: 175px;
	background:url(images/canberra_data_centres.gif) no-repeat 0 0;
	float: left;
	
}
#logo h1{margin:0; padding:0;}
#logo a {
	display: block;
	height: 175px;
	width:229px;
	font-size:1px; 
	color:#FFFFFF; 
	text-decoration:none
}
#banner {
	width: 729px;
	height: 175px;
	background: url(images/header.jpg) no-repeat 0 0;
	margin-left: 231px;
}
#banner span {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}





/**** main Nav ****/
#mainNav { 
	margin-top: 2px;
	height: 31px;
	background: url(images/bg_menu.gif) no-repeat 0 0;
}
#mainNav ul {
	list-style-type: none;
	padding: 0 0 0 231px;
	margin: 0;
}
#mainNav li {
	float: left;
	margin-right: 2px;
	position: relative;
	padding: 0;
	line-height: 1em;
	
}
#mainNav a {
	background-color:#4a555a;
	color: #fff;
	display: block;
	font-weight:bolder;
	font-size:1.15em;
	height: 21px;
	padding:9px 15px 1px;
	/* min-width:90px; */
	text-decoration: none;
}
#mainNav li ul a {font-weight:normal; width:120px}
#mainNav a:hover {
	background: transparent url(images/bg_menu_animate.gif) top center repeat-x;

}
#mainNav a.selected {
	background-color:#9ac01d;
	
}

#mainNav ul ul {
	position: absolute;
	top: 31px;
	left: 0px;
	z-index: 2;
	display: none;
	background: #fff;
	width: auto;
	padding-left: 0;
	height: 1%;
}

/* turns the sub menu on */

#mainNav li ul{display:none}

#mainNav li:hover ul,
#mainNav li.over ul {
	display: block;
}

/* turns the parent rollover on */

#mainNav li ul li {
	border-top: 2px solid #fff;
	float: none;
	display: block;
	height: auto; 
	line-height:1.1em

}
#mainNav ul ul li a {
	padding: 7px 0 7px 7px;
	height: auto;
	
}

#mainNav li.last a{background: #4a555a url(images/bg_menu_off.gif) no-repeat right bottom;}
#mainNav li.last a:hover{background: #999 url(images/bg_menu_animate_end.gif) no-repeat right bottom;}
#mainNav li.last a.selected{background: #9ac01d url(images/bg_menu_selected.gif) no-repeat right bottom;}
#mainNav li.last ul a, #mainNav li.last a.selected ul a{background-image: none;}

/**** H2 ****/
.heading span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
.heading {
	width: 400px;
	height: 22px;
}
.greenDesign {
	background: url(images/green_design.gif) no-repeat 0 0;
}
.savesCoolingPower {
	background: url(images/saves_30_50_percent.gif) no-repeat 0 0;
}
.theSite {
	background: url(images/the_site.gif) no-repeat 0 0;
}
#columnMain .flexibleInfrastructure {
	background: url(images/flexible_infrastructure.gif) no-repeat 0 0;
	padding-bottom: 1px;
	margin-bottom: 0;
}
.wasteOversizing {
	background: url(images/waste_due_oversizing.gif) no-repeat 0 0;
}
.wasteRightsizing {
	background: url(images/reduced_waste_resizing.gif) no-repeat 0 0;
}
.hotAisle {
	background: url(images/inrow_hot_aisle.gif) no-repeat 0 0;
}

.feature{
	background:#f4f4e7 url(images/bg_feature.gif) 0 0 repeat-x;
	margin:5px 0;
	border-bottom:1px solid #9c0}
p.feature{padding:20px;}

ul.feature{background:none!important;border-bottom:1px solid #09f; padding:0; list-style-type:none}
ul.feature li{background:#90d0f2 url(images/bg_CDC_bullet_b.gif) 0 0 repeat-x; border-bottom:2px solid #fff; padding:10px 20px 10px 50px; margin:0; color:#FFFFFF}
ul.feature li a:link, ul.feature li a:visited, ol.feature li a:link, ol.feature li a:visited{ color:#FFFFFF}

ol.feature{background:#f4f4e7 url(images/bg_feature.gif) 0 0 repeat-x; margin:0; padding:0 10px 0 25px; }
ol.feature li{color:#333333; padding:10px 0 }

ol.feature2{ background:none!important;border-bottom:1px solid #83B819; padding:0; list-style-type:none; margin-left:0 }
ol.feature2 li{color:#666; background:#e6f1d1 url(images/bg_CDC_bullet_g.gif) 0 0 repeat-x; border-bottom:2px solid #fff; padding:10px 20px 10px 50px; margin:0;}

ul.feature2{ padding:0; margin:0 0 0 10px}
ul.feature2 li{ border-bottom:2px solid #f4f4e7; padding:5px 20px 5px 0; margin:0; }

/**** Columns ****/
#content {
	margin-top: 17px; /* ie6.css */
	padding: 0 281px 0 231px; /* ie6.css */
	background:url(images/bg_content.gif) repeat 0 0;
	min-height: 460px;
}
.column {
  float: left;
  position: relative;
}
#columnLeft {
	width: 229px;
	right: 229px; 
	margin-left: -450px;
	position: relative;
	min-height: 460px;
}
#columnRight {
	width: 279px;
	margin-right: -281px;
}
#columnMain {
	width: 400px;
	padding: 0 24px;
	
}
/*resize text in middle column */
#columnMain p, #columnMain li, #columnMain td{font-size:1.2em}
#columnMain img {
	margin-top: 8px;
}
#columnMain h3 {
	padding-bottom: 8px;
}





/**** Left column ****/
#columnLeft img {
	margin: 0 0 10px 20px;
}
/*.topImage {
	margin-bottom: 168px;
}*/
#columnLeft .bottomImage {
	position: absolute;
	left: 0;
	bottom: -32px;
}

#columnLeft p{padding: 5px 15px 0 20px;}




/**** Right column ****/
#columnRight .wrapper {
	padding: 0 0 0 24px;
}
#columnRight h3 {
	width: 230px;
	height: 24px;
	background: url(images/title_enquires.gif) no-repeat 0 0;
}
#columnRight h3 span {
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}
#columnRight form p {
	padding: 5px 0 0 17px;
	font-size: 1.1em;
}
#columnRight img{
	margin: 0 0 10px ;}

#points{padding:0 0 20px;}
#points a{border-bottom:2px solid white; }
#points a img{margin:0!important;}


/**** Form ****/
form ol {
	list-style-type: none;
	width: 232px;
	margin: 0;
	padding: 0;
}
form li {
	border: 1px solid #d9d9d9;
	padding: 0 0 0 16px;
	margin-bottom: 4px;
	line-height: normal;
}
label {
	float: left;
	width: 75px;
	padding-top: 0.5em;
}
label em, .required {
color:#CC0000;
}
input {
	width: 135px;
	border: none; /* ie6.css */
	padding: 5px 0; /* ie6.css */
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	width: 155px;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: none;
}
.notes label {
	width: 59px;
}
.Selection {
	padding: 5px 0 5px 0;
	position: relative;
}
.Selection h5 {
	position: absolute;
	top: 0;
	left: 16px;
	width: 65px;
	height: 40px;
	padding-top: 0.5em;
	font-weight: normal;
	font-size: 1em;
}
.Selection input {
	width: auto;
	float: left;
	margin-right: 3px;
}
.Selection label {
	float: none;
	width: auto;
	padding: 0;
}
.SelectionWrapper {
	margin-left: 80px;
}
.Selection div {
	clear: left;
	padding-bottom: 3px;
}
.submit {
	border: none;
	padding: 0;
	text-align: right;
	margin: 0;
}
.submit input {
	width: 60px;
	cursor: pointer;
	background: #99c019;
	color: #fff;
	font-weight: bold;
}






/**** Zones ****/
ol#zones {
	list-style-type: none;
	padding: 0;
	margin: 0;
	/*border-top: 3px solid #ccc;
	border-left: 3px solid #ccc;
	border-right: 3px solid #ccc;*/
}
ol#zones li {
	/*border-bottom: 3px solid #ccc;*/
	padding:0;
	font-size:1.1em;
	margin-top:4px;
}
ol#zones li span{
	padding: 10px;
	margin-left:42px;
	display:block;
	border-left:4px solid #fff  
}
ol#zones li strong {
	font-size: 1.1em;
}

li#zone1 {
	background: #fdfdfd url(images/zone_1.gif) no-repeat left top;
}
li#zone1 span{ background: #fdfdfd url(images/zone_1_bg.gif) repeat-x top left; }

li#zone2 {
	background: #fff0b8 url(images/zone_2.gif) no-repeat left top;
}
li#zone2 span{ background: #fffae5 url(images/zone_2_bg.gif) repeat-x top left; }

li#zone3 {
	background: #fde8cf url(images/zone_3.gif) no-repeat left top;
}
li#zone3 span{ background: #fff7ef url(images/zone_3_bg.gif) repeat-x top left; }

li#zone4 {
	background: #fde5e4 url(images/zone_4.gif) no-repeat left top;
}
li#zone4 span{ background: #fef4f3 url(images/zone_4_bg.gif) repeat-x top left; }

.zone1{ }
.zone2{ color:#FEDC00; font-weight:bold}
.zone3{ color:#F19200; font-weight:bold}
.zone4{ color:#E0001A; font-weight:bold}


/**** footer ****/
#footer { /* ie6.css */
	margin-top: 21px;
	clear: both;
	background: #4a555a;
	color: #fff;
	padding: 0 25px;
	position: relative;
}
#footer p {
	padding: 0;
	line-height: 2em;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .contact {
	float: left;
}
#footer .legals {
	text-align: right;
}
#footer .sensory {
	position: absolute;
	right: 30px;
	bottom: -15px;
}
#footer .sensory a {
	color: #999;
	text-decoration: none;
}
#footer .sensory a:hover {
	text-decoration: underline;
}


/* exp int form */
#refs h4 {
    background: #EEE url(../images/icon-arrows.png) no-repeat 208px center;
    width: 206px;
    border: 1px solid #e5e5e5;
    padding: 4px 12px;
    margin-bottom: 5px;
}

#refs .select {
    border: none;
    padding: 10px 0;
}

#columnRight h3#eoi {
    background: #EEE url(../images/heading-eoi.png) no-repeat;
    width: 230px;
    height: 80px; 
    margin-bottom: 20px;   
}

#interest-form .submit input {
    margin-right: 23px;
}

#interest-form .block label {
    display: block;
    width: 100%;
}

.qFieldErrorMessage {
    color: #CC0000;
    display: block;
}

#columnRight #interest-form p {
    padding: 5px 0;
    font-size: 1.2em;
}