/* Reset Stuff */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,
a, abbr, acronym, address, big, sub, sup, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-family: arial, sans-serif;
	vertical-align: baseline;
	text-decoration: none;
	line-height:inherit;
}

body {
	font-size:0.875em;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	color: black;
	background: white;
}

table {
	border-collapse: collapse;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

ol, ul {
	list-style:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

hr {
	height:0;
}

button { height:auto; line-height:normal; }

/* Layout Styles */
html, body {
	background:#de910d;
} 

#wrapper {
	width:100%;
	margin:0 auto;
}

#header {
	height:150px;
	position:relative;
	background:#767676;
}

#header .inner {
	width:960px;
	margin:0 auto;
	position:relative;
	height:150px;
}

#header .inner h1 {
	background:url('../images/jottercms/logo.gif') no-repeat;
	height:0;
	padding-top:49px;
	width:277px;
	overflow:hidden;
	position:absolute;
	top:36px;
}

#header .inner #loginbox {
	position:absolute;
	top:60px;
	right:0;
	text-align: right;
}

#header .inner #loginbox input {
	font-size:16px;
}

.row {
	margin:0 0 2px 0;
}

.row.forgotten a {
	color:#fff;
	text-decoration:underline;
	font-size:12px;
}

.row.forgotten a:hover {
	text-decoration:none;
}

#navigation {
	height:28px;
	position:absolute;
	bottom:0;
	right:90px;
}

#navigation ul {
	height:28px;
	
}

#navigation ul li {
	float:left;
	height:28px;
	line-height:28px;
	display:block;
	margin-left:12px;
}

#navigation ul li a {
	padding:0 10px;
	display:block;
	font-size:16px;
	color:#fff;
	letter-spacing:0.02em;
}

#navigation ul li a:hover {
	text-decoration:underline;
}

#navigation ul li.selected {
	background:url('../images/jottercms/corners.gif') no-repeat #f1f1f1 -2px 0;
}

#navigation ul li.selected a {
	color:#001131;
	background:url('../images/jottercms/corner_right.gif') no-repeat right 0;
}

#middle {
	background:#f1f1f1;
}

#middle .inner {
	position:relative;
	margin:0 auto;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#middle .inner a:hover {
	text-decoration:underline;
}

#middle .inner .content h1, #middle .inner .content h2, #middle .inner .content h3 {
	padding:15px 0;
	font-size:1.75em;
	font-weight:bold;
}

#middle .inner .content p {
	padding:0 0 12px 0;
}

#middle .inner .content table tr td a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#middle .inner .content table tr td a:hover {
	text-decoration:underline;
}

#middle .inner .content h3 a, #middle .inner .content p a {
	text-decoration:none;
}

#left-column {
	width:440px;
	padding-right:20px;
	float:left;
	margin-top:20px;
}

#left-column .margin-top {
	margin-top:30px;
}

#left-column h3 {
	font-family:Tahoma, arial, sans-serif !important;
	margin-top:30px;
	font-size:28px;
}

#right-column {
	width:460px;
	float:left;
	margin-top:20px;
}

#right-column .margin-top {
	margin-top:30px;
}

#right-column p {
	font-size:26px;
	font-family:Tahoma, Arial, sans-serif;
	margin-top:44px;
	text-align:center;
}

.signupnow {
	width:321px;
	height:0;
	padding-top:66px;
	overflow:hidden;
	display:block;
	margin:15px auto;
	background:url('../images/jottercms/signup.gif') no-repeat;
}


#signupform {
	width:350px;
	margin:10px auto;
	padding:10px;
	background-color:#ffc44e;
	border:1px solid #ef8d01;
	-moz-border-radius:6px;
}

#signupform h2 {
	margin:0 0 10px 0 !important;
	font-size:2em !important;
	font-weight:bold !important;
}

#signupform h3 {
	margin:0 0 10px 0 !important;
	font-size:1em !important;
	font-weight:bold !important;
}

#signupform .submit {
	background:url(../images/new/button2.gif) repeat-x top;
	border:1px solid #ef8d01;
	-moz-border-radius:4px;
	margin:5px 0 0 0;
	padding:3px 6px;
	color:#333;
	font-weight:bold;
}

#signupform input,
#signupform select {
	margin: 1px 0px 1px 5px;
}

#signupform label {
	padding: 3px 0px;
	line-height: 1.6em;
}

#footer {
	background:#f89624 url('../images/jottercms/footer.png') repeat-x top center;
}

#footer p {
	margin:20px 0 0 0;
	text-align:center;
	color:#000;
}

#footer p a {
	color:#000;
	text-decoration:underline;
}

#footer p a:hover {
	text-decoration:none;
}

#footer .inner {
	position:relative;
	margin:0 auto;
	padding:30px 0 0;
	width:960px;
	top:-20px;
}

#footer .column {
	width:370px;
	height:275px;
	float:left;
	text-align:center;
	background:url('../images/jottercms/transparent.png') no-repeat;
}

#footer .column .callback {
	width:300px;
	margin:10px auto;
	padding:0;
}

#footer .column .button {
	width:161px;
	float:left;
	margin:0 0 0 17px;
	display:inline;
}

#footer .column .button a {
	width:161px;
	height:40px;
	padding:13px 0 0 0;
	display:block;
	background:url('../images/jottercms/button.png') no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#333;
}

#footer .column .button a:hover {
	text-decoration:underline;
}

#footer .column-small .button-wide {
	width:225px;
	margin:15px auto;
}

#footer .column-small .button-wide a {
	width:225px;
	height:40px;
	padding:13px 0 0 0;
	display:block;
	background:url('../images/jottercms/button2.png') no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:center;
}

#footer .column-small .button-wide a:hover {
	text-decoration:underline;
}

#footer .column-small {
	width:240px;
	height:275px;
	margin:0 0 0 15px;
	padding:0px 20px;
	float:left;
	text-align:center;
	background:url('../images/jottercms/transparent2.png') no-repeat;
	font-size:16px;
	text-align:left;
}

#footer .column-small p {
	margin:10px 0;
	text-align:left;
}

#footer .column-small h2 {
	margin:15px 0;
	font-weight:bold;
}

#footer .column-small .brochure {
	width:153px;
	margin:20px auto 0 auto;
}

.floatleft {
	float:left;
	margin-right:20px;
}

.floatright {
	float:right;
	margin-left:20px;
}

.addheight {
	height:250px;
}

form.enq table {
	border-color: #767676 !important;
}

form.enq table * {
	color: #000000 !important;
}

form.enq table .heading3 td {
	background-color: #afafaf;
}

form.enq table td {
	background-color: #cfcfcf;
}