@import url(reset.css);
@import url(text.css);
@import url(960.css);
@import url(prettyPhoto.css);

body{font-size:62.5%; background:url(../images/body-bg.gif) repeat;}
#page{position:relative; width:870px;  margin: 0 auto;}
#content-container{background:url(../images/page-bg.png) repeat-y;position:relative; padding:20px 30px 10px 70px; width:770px;}

#header{background:url(../img/); position:relative; height:100px;  padding-top:20px;}
	img#logo{width:px; height:px; position:absolute; top:30px; left:20px;}
	img#telephone{width:180px; height:27px; position:absolute; top:30px; right:20px;}
	img#strapline{width:312px; height:48px; position:absolute; top:70px; right:20px;}

	#navigation{height:45px; position:relative; padding-left:32px; }
		ul#menu{ list-style-type:none; width:817px; border-bottom:4px solid #4E2F91;}
			ul#menu li{float:left; margin-left:0; margin-bottom:0;}
			ul#menu li a{ text-indent:-9999px;display:block; width:115px; height:41px; margin-right:2px;}
			ul#menu li a.last{margin-right:0;}
			ul#menu li a#home{ background:url(../images/nav/home-button.gif) no-repeat;}
			ul#menu li a#prices{ background:url(../images/nav/prices-button.gif) no-repeat;}
			ul#menu li a#about{ background:url(../images/nav/about-button.gif) no-repeat;}
			ul#menu li a#services{ background:url(../images/nav/services-button.gif) no-repeat;}
			ul#menu li a#offers{ background:url(../images/nav/offers-button.gif) no-repeat;}
			ul#menu li a#downloads{ background:url(../images/nav/downloads-button.gif) no-repeat;}
			ul#menu li a#contact{ background:url(../images/nav/contact-button.gif) no-repeat;}

#left{}

#main{width:570px; float:left; margin-right:15px;}
#home-features {margin-bottom:10px;}
#home-features img{margin-right:10px;}
#home-features img.last{margin-right:0;}
#sidebar{width:175px; float:left;}



#newsletter{background:url(../images/newsletter-bg.gif) no-repeat; width:136px; height:214px; position:relative; padding:20px;}
#newsletter p{margin-bottom:5px; width:140px;}
#newsletter h2{text-indent:-9999px; background:url(../images/signup-heading.gif) no-repeat; height:22px; position:relative; display:block; margin-bottom:5px;}


#footer{background:url(../images/footer-bg.png) no-repeat; padding:0 40px 10px 70px; height:43px; position:relative;}
#footer p{position:relative;top:30px;}




/* Contact Form Styles*/
		form.contact label{width:50%;float:left; font-size:1.2em;}
		form.contact div{margin-bottom:5px;}
		form.contact input{ border:1px solid #606060; float:left; padding:5px; height:15px; width:220px; margin-bottom:5px;}
		form.contact textarea{width:220px; float:left; border:1px solid #606060; padding:5px;}
		form.contact input#submit{ width:100px; height:40px; padding:10px; clear:both; margin-bottom:20px;}
		span.blue{color:#6392C0; font-weight:700;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px;}


.input {
  margin: 5px 0;
  background: white;
  float: left;
  clear: both;
}
.input span {
  position: absolute;
  padding: 5px;
  margin-left: 3px;
  color: #999;
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  border-width: 1px;
  padding: 6px;
  background: transparent;
  font: inherit;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}

.datatable{text-align:left;}
.datatable th{padding:10px; color:#000; background:#ccc;border:1px solid #CCC;}
.datatable td{padding:10px; border:1px solid #CCC;}

/*useful classes*/

.floatl{float:left; }
.floatr{float:right; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.package{border-bottom:2px dashed #CCC; padding:10px 0; margin-bottom:10px;}
.package img{float:right; background:#FFF; padding:2px; border:1px solid #CCC; margin:0 0 10px 10px; clear:left;}

#crumbs{background:#f9f9f9; border:1px solid #CCC; padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:560px; margin-bottom:10px;}