@charset "utf-8";
/* CSS Document */

/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}

body {height:100%; background:#fff url(images/mantis-bottom.gif) no-repeat; background-attachment:fixed; background-position:center bottom; font-family:Arial, Helvetica, sans-serif;}

#container {position:relative; width:960px; margin:10% auto;}

#content {}

#nav {}

#logo {width:400px; text-align:center; float:left; font-size:.80em; text-align:left; position:relative;}

#logo div.sidebar {padding-left:45px; padding-top:20px; text-align:right;}

#logo div.sidebar h2 {font-size:1em; font-weight:bold; margin:0; margin-bottom:5px; text-transform:uppercase;}

#logo a {color:#cb282b;}

#announce {position:absolute; top:0px; right:0px;}
#announce a {text-decoration:none;}

#main {width:520px; padding-top:35px; float:right; margin-bottom:108px;}

#main p.top {margin-top:0px;}
#main p.intro {margin-top:0px; font-size:.85em; line-height:1.35em; display:none;}

div.redintro {color:#cb282b; text-align:center; padding-bottom:15px;}

#cityscape {width:100%; background:url(images/cityscape-bottom.png) repeat-x; height:108px; position:fixed; bottom:0; z-index:100;}

#signed {margin:40px 0;}
#signed img {border:1px solid #ccc; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.25);}
.offertext {width:63%; float:right; font-size:.9em;}
.offertext h2 {font-weight:bold; font-size:18px; margin:0px; color:#cb282b;}

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width: 995px) {

body {background:none;}
#container {max-width:90%; margin:10% auto;}
#announce {position:absolute; top:0px; left:220px;}
	.sidebar {max-width:355px;}
	#signed {margin-top:30px;}
	#signed img {display:none;}
	.offertext {float:none; width:100%;}
	
	#logo {width:100%; float:none; min-width:320px;}
	#main {width:100%; float:none; min-width:320px;}
	#cityscape {display:none;}
}