* {margin: 0px;padding: 0px;}

.clear {clear: both;}
.break {display: block;}
.delete {display:none;}

img {border: none;}

body {
	background: #fff url(../img/bg.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

#container {
	background-color: #fff;
	width: 970px;
	margin: 0px auto;
}

#header {
	background: url(../img/container_bg_top.gif) no-repeat 0 top;
	padding-top: 15px;
}

#logo {
	padding-left: 20px;
	display: block;
	float: left;
	padding-top: 5px;
}

#logos {
	float: right;
	width: 540px;
	padding-right: 15px;
}

#new-logo-1 {
	width: 145px;
	background: url(../img/header_divider.gif) no-repeat right;
	padding-right: 15px;
	float: left;
}

#new-logo-2 {
	padding-right: 15px;
	float: left;
	width: 132px;
	background: url(../img/header_divider.gif) no-repeat right;
	padding-left: 15px;
}

#new-logo-3 {
	float: right;
	padding-right: 10px;
}

#nav {
	width: 970px;
	display: inline-block;
}

#nav li {
	display: block;
	background-image: url(../img/btn_bg.png);
	width: 193px;
	height: 30px;
	float: left;
	margin-right: 1px;
}

#nav li:hover {
	width: 193px;
	height: 30px;
	float: left;
	background: url(../img/btn_bg.png) 0 30px;
}

#nav li.highlight {
	background: url(../img/btn_bg.png) 0 30px;
}

#nav li#nav-last {
	float: right;
	margin-right: 0px;
}

#nav li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding-top: 7px;
	padding-left: 10px;
}

#block-tl {
	background: #0192bd url(../img/bg_box_1.png) no-repeat;
	height: 134px;
	color: #fff;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	width: 561px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
}

#tl-small {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
}

#block-bl {
	width: 601px;
	background: #0f485a url(../img/bg_box_2.png) no-repeat;
	margin-top: 3px;
}

#bl-col_1 {
	width: 160px;
	padding-top: 15px;
	padding-right: 20px;
	height: 236px;
	float: left;
	position: relative;
	padding-left: 10px;
}

#block-bl h2 {
	color: #ffcc33;
	text-shadow: #000 0 0 2px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
}

#block-bl #bl-click_here {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
}

#bl-col_2, #bl-col_3 {
	float: left;
	height: 241px;
	padding-top: 15px;
}

#bl-col_2 img {
	padding-left: 10px;
}

#bl-col_3 {
	padding-left: 10px;
	padding-top: 15px;
	height: 236px;
}

#desktop #bl-col_3  {
	padding-top: 19px;
}

#bl-col_2 #col_2-screen {
	padding: 0px;
}

.download {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

#intro #bl-col_1, #intro #bl-col_2, #intro #bl-col_3 {
	text-align: center;
	position: relative;
	margin-right: 10px;
}

#intro #bl-col_3 {
	_margin-right: 0px;
}

#intro #bl-col_2 {
	height: 236px;
	padding-left: 10px;
}

#intro #bl-col_2 .download {
	left: 6px;
}

#intro .divider {
	position: absolute;
	left: 194px;
	top: 10px;
}

#intro .divider#divider-intro {
	position: absolute;
	left: 182px;
}

#block-l {
	float: left;
	margin-left: 16px;
	_margin-left: 8px;
}

#block-r {
	padding-top: 10px;
	display: block;
	float: right;
	padding-right: 16px;
}

#web #block-r {
	width: 300px;
	position: relative;
}

#web #block-r img#banner-img {
	float: right;	
}

.web-side-text {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

#portrait {
	float: left;
	bottom: 0;
	position: absolute;
	left: 70px;
}

#web #block-r img#mpu-img {
	padding: 0;
	margin: 0;
}

#footer {
	background: url(../img/container_bg_bottom.gif) no-repeat 0 bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#footer ul {
	width: 970px;
}

#footer li {
	display: inline;
	padding-right: 5px;
	padding-left: 1px;
	background: url(../img/separator.gif) no-repeat right 5px;
}

#footer li#footer-last {
	border: none;
	background-image: none;
}

#footer li a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	
}

#footer li span {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}

#intro #block-tl {
	color: #fff;
	font: bold 18px/22px Arial, Helvetica, sans-serif;
	width: 561px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	height: 211px;
}


/*--------------------------------------------------
	OPERATIONAL CONTENT / ADDED 09-02-2011
--------------------------------------------------*/

	h1{ font-size: 1.3em; font-weight: bold; margin-bottom: 0.67em; }
	h2{ font-size: 1.1em; font-weight: bold; margin-bottom: 0.67em; }
	h2 a{ color: #ffffff;  }
	p{ margin-bottom: 1em; font-size: 0.75em; }
	p a{ color: #fff; }
	
	.operational-wrapper{ padding: 10px 0 0 0; }
	#operational-content{ background: transparent url(http://weatherfor.co.uk/images/layout/bg_cloud.jpg) repeat-y 0% 0%; width: 601px; height: 480px; }
	
	#operational-nav{ width: 601px; height: 25px; background: url("../img/operational-nav-bg.jpg") no-repeat; }
	#operational-nav ul li{ float: left; list-style: none; height: 20px; padding: 5px 0 0 0; cursor: pointer; font: 10px arial, sans-serif;  }
	#operational-nav ul li a{ color: #fff; text-decoration: none; }
	#operational-nav ul li:hover,
	#operational-nav ul li.active{ background: url("../img/operational-nav-active-bg.jpg") repeat-x; }
	#operational-nav ul #features{ width: 200px; text-align: center; }
	#operational-nav ul #benefits{ width: 201px; text-align: center; }
	#operational-nav ul #demo{ width: 200px; text-align: center; }
	
	#operational-copy{ color: white; margin-right: 18px; min-height: 330px; padding: 18px 13px; }
	#operational-copy ul{ list-style: disc outside; list-style-position: outside; margin: 1em; padding: 0px 1em; font-size: 0.75em; }
	
	.sub { float: right; padding: 13px; width: 275px; border: none; font-size: 12px; background: #e5e6e7; height: 454px;  }
	
	blockquote em{ font-size: .8em; font-weight: bold; font-style: italic; }
	blockquote p{ margin-bottom: 0px; text-align: right; }
	.sub a{ text-decoration: none; font-size: 12px; }
	.sub #login {  }
	.sub #login h3 { float: none; }
	.sub #login input { }
	.clearfix{ display: block; }
	.sub .section{ color: #616264; }
	.sub .section h3{ float: left; margin-right: 13px; margin-top: 0px; }
	.sub #login h3{ float: none; margin-right: 13px; margin-top: 0px; font-size: 1.25em; font-weight: bold; margin: 0.67em 0px; display: block; }
	form{ display: block; }
	fieldset{ margin-bottom: 10px; border: 2px groove threedface; display: block; border: none; }
	label{ display: block; float: left; width: 35%; font-size: 12px; }
	input{ border: 1px solid #C7C8C9; color: #616264; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 60%; }
	.formButtons{ margin: 0px; }
	.subscription .buttonWrapper{ float: left; }
	.buttonWrapper{ float: right; padding-left: 8px; position: relative; }
	.section .buttonStart{ background: transparent url(http://weatherfor.co.uk/images/layout/buttons/lightGrey/start.gif) no-repeat 0% 0%; }
	.buttonStart{ background: transparent url(http://weatherfor.co.uk/images/layout/buttons/lightGrey/start.gif) no-repeat 0% 0%; height: 22px; left: 0px; position: absolute; top: 0px; width: 8px;}
	.buttonWrapper input{ background: transparent url(http://weatherfor.co.uk/images/layout/buttons/lightGrey/bg.gif) no-repeat 100% 0%; color: white; cursor: pointer; float: left; font-size: 12px; border: none; font-weight: bold; min-height: 22px; padding-right: 8px; width: auto; }
	 .section{ color: #616264; }
	.midSection{ border-bottom: 1px solid white; border-top: 1px solid white; margin: 13px 0px; padding: 13px 0px; }
	.midSection2{ border-bottom: 1px solid white; margin:0 0 13px 0px; padding: 0 0 13px 0px; }
	.midSection2 p{ float: left; padding: 10px 0 0 0; font-size: 1em; }
	.section .buttonWrapper a{ background: transparent url(http://weatherfor.co.uk/images/layout/buttons/lightGrey/bg.gif) no-repeat 100% 0%; }
	.buttonWrapper{ position: relative; padding: 0 0 0 8px; }
	.buttonStart{ background: transparent url("http://weatherfor.co.uk/images/layout/buttons/blue/start.gif") no-repeat 0% 0%; height: 22px;left: 0px;  position: absolute; top: 0px; width: 8px; }
	.buttonWrapper a{ color: white; float: left;  font-weight: bold; min-height: 14px; padding: 4px 8px 4px 0px; font-size: 12px; text-decoration: none; }
	.subscription .buttonWrapper a{ background: transparent url(http://weatherfor.co.uk/images/layout/buttons/blue/bg.gif) no-repeat 100% 0%; color: white; font-weight: bold; min-height: 14px; padding: 4px 8px 4px 0px; }
	.formButtons .buttonWrapper{ float: left !important; }
	
	#home_demo{ width: 610px; position: relative; left: -13px;  }
	#howDoesItWork{ background: #414042 url(http://weatherfor.co.uk/images/gradients/darkGrey.gif) repeat-x 0% 0%; min-height: 0px; padding: 0px; width: 601px; }
	
	.clearfix::after{ clear: both; content: '.'; display: block; height: 0px; visibility: hidden; }
	
	.embed{ height: auto!important; background: #0192bd url(../img/bg_box_1.png) repeat-x!important; color: #fff; font: bold 18px/22px Arial, Helvetica, sans-serif; width: 898px!important; padding-top: 15px; padding-left: 20px; padding-right: 20px; margin-top: 10px; }
	
	.embed h2{ margin: 10px 0 0 25px!important; float: left; font-size: 14px; }
	
	#banner_textarea{ display: block; position: relative; float: left; margin: 0 0 0 25px; width: 670px; height: 100px; padding: 10px; }
	#mpu_textarea{ display: block; position: relative; float: left; margin: 0 0 0 25px; width: 550px; height: 100px; padding: 10px; }
	#flash_embed{ position: relative; display: block; float: left; }
	
/*--------------------------------------------------
	END OF OPERATIONAL CONTENT
--------------------------------------------------*/