/*
 * Copyright (c) 2010 Josie Greenaway
 *
 * Developed by Dataphiles Ltd.
 */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* /RESET */

/* DEFAULTS */
@font-face {
	font-family: 'DeliciousRoman';
	src: url('./delicious/delicious-roman-webfont.eot');
	src: local('?'), url('./delicious/delicious-roman-webfont.woff') format('woff'), url('./delicious/delicious-roman-webfont.ttf') format('truetype'), url('./delicious/delicious-roman-webfont.svg#webfontFsr5YRL5') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{font-size: 24px; font-family: DeliciousRoman, Arial, sans-serif; font-weight: normal; font-style: normal; color: #555; letter-spacing: 1px; line-height: 110%;}
a{color: #e00; text-decoration: none;}
p{margin: 0 30px 30px 30px;}
h1,h2,h3,h4{font-weight: normal; color: #1e4997;}
h2{font-size: 150%; margin-bottom: 15px;}
ul{list-style-type: disc;}
/* /DEFAULTS */

div.centered {width: 900px; margin: auto;}
div.header, div.footer {height: 120px; position: relative;}
div.content{position: relative;}

div.title h1{color: #aaa; position: absolute;}
div.title h2{color: #1e4997; position: absolute;}

.homepage div.title h1{left: 0; top: 15px; font-size: 50px; padding: 20px;}
.homepage div.title h2{left: 70px; top: 70px; font-size: 36px; padding: 10px;}
.homepage div.content {text-align: center;}
.homepage div.content h3{font-size: 26px; color: #999; margin-bottom: 30px;}

.contentpage div.title {height: 100px; background: url('./jelly_beans_small.jpg') no-repeat;}
.contentpage div.title h1{left: 130px; top:15px; font-size: 40px; padding: 10px;}
.contentpage div.title h2{left: 170px; top:55px; font-size: 30px; padding: 10px;}
.contentpage div.content{margin-top: 60px;}

div.content div.section{margin-bottom: 60px; padding-left: 50px;}
div.content div.section ul{margin-left: 60px; font-size: 18px;}

div.individuals{background: url('./sectionHeadingSprite.jpg') 0px -655px no-repeat; height: 210px;}
div.smes{background: url('./sectionHeadingSprite.jpg') 0px -355px no-repeat; height: 280px;}
div.business{background: url('./sectionHeadingSprite.jpg') 0px 0px no-repeat; height: 355px;}

div.menu {font-size: 26px; position: absolute; right: 0; top: 40px;}
div.menu ul li{display: inline; margin-right: 20px;}

div.footer{font-size: 14px; position: relative; letter-spacing: 0; border-top: 1px solid #ccc;}

fieldset {margin-left: 60px;}
fieldset div{clear: both;}
fieldset label{display: block; float: left; width: 300px;}

.redText{color: #e00; background: transparent;}
.blueText{color: #1e4997; background: transparent;}
.yellowText{color: #f0dc1a; background: transparent;}
.greyText{color: #999; background: transparent;}

.left{position: absolute; left: 10px; top: 0px;}
.right{position: absolute; right: 10px; top: 0px; text-align: right;}
.center{position: absolute; text-align: center; width: 100%;}