@import url("layout.css");
@import url("typography.css");

html{min-height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0; padding:0;}
body{background:#f2f5f5 url(../images/bg.jpg) 99% bottom no-repeat; text-align:center;}

ul li{list-style:none;}
a img{border:0}
.clear{clear:both;}
.assist-text{position:absolute; left:-5000px; top:-1000px}
.print {display: none;}
.leftpic{float:left; margin:0 10px 0 0}
.rightpic{float:right; margin:0 0 0 10px}
.midpic{display:block; margin:auto}

abbr{cursor:help}

/*============================ MAIN NAV =========================*/

#main_nav li{float:left; width:130px; margin-right:20px}
#main_nav li a{border-bottom:1px dotted #353a33; padding:3px 0; float:left; display:block; width:130px}
#main_nav li#NavLink1,#main_nav li#NavLink2,#main_nav li#NavLink79{border-top:1px dotted #353a33;}

/*============================ MAIN =========================*/

#main{background:#fff;border:10px solid #e0e7e8; overflow:hidden}

#inner_container{overflow:hidden; background:url(../images/inner_bg.gif) left bottom no-repeat; padding-bottom:30px;margin-top:20px}

#home #main_content {background:#fff url(../images/main_bg.gif) left top no-repeat }

#banner{height:163px}
	#home #banner{background:url(../images/lighthouse.jpg) left top no-repeat; height:218px; padding:35px 20px 0 310px}
	#what_we_do #banner{background:url(../images/banner_dc.jpg) left top no-repeat;}
	#how_we_do_it #banner{background:url(../images/banner_network.jpg) left top no-repeat;}
	#company #banner, #values #banner{background:url(../images/banner_shell.jpg) left top no-repeat;}
	#contact_us #banner{background:url(../images/banner_fibre.jpg) left top no-repeat;}
	#people #banner{background:url(../images/banner_stones.jpg) left top no-repeat;}
	#default #banner{background:url(../images/banner_sky.jpg) left top no-repeat;}
    #case_studies #banner{background:url(../images/banner_sky.jpg) left top no-repeat;}

/*============================ CONTENT =========================*/

#main_content ul, #main_content ol, #main_content table{margin-bottom:1.5em}
#main_content ul li{padding-left:15px;background:url(../images/blt.gif) left 9px no-repeat;}
#main_content ol li{margin-left:15px}

/* Data Tables*/
table.data-table{width:100%; border:1px solid #ccc; border-bottom:0}
table.data-table tr.header-row th{background:#333; color:#fff}
table.data-table td, table.data-table th{border-bottom:1px solid #ccc; padding:3px}
table.data-table tr.odd td, table.data-table tr.odd th{background:#eee}

/* General Forms */
.general_form{}
.general_form fieldset{border:0;padding:10px}
.general_form legend{font-size:1.2em; font-weight:bold;margin:0 0 20px 0}
#main_content .general_form p{overflow:hidden; margin:0 0 10px 0;}
.general_form label{float:left;width:7em; text-align:right}
.general_form input, .general_form select{float:left; margin-left:20px}
.general_form em.help_text{float:left; width:200px; margin-left:20px; color:#666;font-size:0.9em}
#main_content .general_form strong.error_msg{margin:3px 0 0 9.5em; color:#990000; clear:both;float:left; font-size:0.9em}
.general_form button{background:#f5f5f5;border:3px double #bbb;border-top:3px double #ccc;border-left:3px double #ccc; padding:3px 7px 3px 7px;margin:10px 0 0 7.8em; cursor:pointer; overflow:visible; text-align:left }
.general_form button:hover{background:#dff4ff ; border:3px double #c2e1ef;color:#336699;}




/*============================ SITE INFO =========================*/

#site_info{overflow:hidden; padding:10px}

#site_info li{float:left; margin-right:15px}



.mappic {display:block; margin-bottom:25px; border:5px solid #e0e7e8;width:350px;float:right}

/*============================ Case Studies =======================*/
#case_studies #main_content{
margin:0; overflow:hidden; padding:15px 25px 0px 25px; margin-bottom:15px;
}
#case_studies #main_content .post .date {
font-size: 0.6em;
}
#case_studies #main_content p{
font-size: 1.2em;
}

/*============================ Register Form =======================*/

fieldset{
    border: none;
}
legend{
	display: none;
}

label{
display:inline-block;
width:80px;
color: #5B7375;
}

form button{
	background: none;
	border: 0 none;
	cursor: pointer;
	color: #5B7375;
}

form{
	margin: 10px 0;
}

fieldset.input-fieldset{
	margin: 10px;
} 

input.text-input, select.wple{
	border: 1px solid #DAE4E5;
	margin-bottom: 2px;
}

#wlpeReset label{
	width: 100px;
}

#wlpeRegisterFieldset label{
	width: 120px;
}

#wlpeUserRegisterInput label{
    width: 180px;
}

#wlpeUserRegisterInput select{
width: 198px;
}
#wlpeUserRegisterInput .text-input{
width: 195px;
}

#wlpeUserRegisterComment{
width: 375px;
border: 1px solid #DAE4E5;
}