@charset "UTF-8";
/* CSS Document for Rookery Business Finance */

/* Author: Pragmatic Design Ltd - www.pragmaticdesign.co.uk */

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
table {border-collapse: collapse;border-spacing: 0;}
img {border:none;}

/* Typography */

body {font-family: 'Merriweather Sans', sans-serif; line-height: 24px; font-size:16px; color:#263746; font-weight:300; background-color:#ededed;}
b, strong {font-weight:700;}
i, em {font-weight:300; font-style:italic;}
.blue {color:#001970;}
.white {color:#fff;}
small {font-size:12px; line-height:normal;}
h1, h2, h3, h4, h5, h6 {line-height:normal; font-weight:700;}
h1 { font-size:52px;}
h2 { font-size:32px;}
h3 {font-size:28px;}
h3 small {font-size:20px; color:#263746;}
h4 { font-size:22px;}
h5 {}
h6 {}

/* Layout */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.inner {width:960px; margin:auto;}

#head {height:110px; clear:both; overflow:hidden;}
#head .logo {width:232px; height:80px; margin:15px 0 15px 0; float:left;}
#head .right {margin: 20px 0; text-align:right;}
#head h3 {color:#001970;}
#head li {float:left; list-style:none; padding-left:10px; font-weight:700;}
#head li a {color:#263746; text-decoration:none;}
.current a {color:#001970 !important;}

/* Banner */

#hban h1 {width:500px; margin-top:70px; font-weight:800;}
#hban {height:400px; background:url(../images/bg-hban.jpg) no-repeat;}
#hbanin {height:340px; border-top:2px #001970 solid; border-bottom:2px #001970 solid;}
#hbanpic {width:480px; height:400px; position:absolute; z-index:99; top:100px; padding-left:480px;}
#hbanpic img {max-width:480px; max-height:400px; height:auto; float:right;}

#iban h1 {width:500px; margin-top:30px; font-weight:800;}
#iban {height:240px; background:url(../images/bg-iban.jpg) no-repeat;}
#ibanin {height:200px; border-top:2px #001970 solid; border-bottom:2px #001970 solid;}
#ibanpic {width:480px; height:250px; position:absolute; z-index:99; top:100px; padding-left:480px;}
#ibanpic img {max-width:480px; max-height:250px; height:auto; float:right;}

/* Main */

#main {width:555px; padding-right:30px; float:left; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

blockquote {font-style:italic; padding:0 20px 0 20px; background:url(../images/quotes.png) no-repeat;}

/* Sidebar */

#date { text-align:right; margin-bottom:20px;}

#side {width:375px; float:right; margin-top:10px;}
#services {border-left: #c6c6c6 1px dotted; width:364px; padding-left:10px; text-align:center;}
#services .item {padding:0; margin:5px; height:165px; width:105px; overflow:hidden; display:inline-block; font-size:12px; line-height:14px; vertical-align:top; font-weight:700; /* IE 7 start */ zoom: 1; *display: inline; /* IE 7 end */}
.item img {height:80px; width:80px; border: solid #fff 3px; border-radius:40px;}
#services a {color:#263746; text-decoration:none;}

#contact {height:230px; width:315px; overflow:hidden;background:url(../images/bg-contact.png) no-repeat; padding:10px 10px 10px 50px; margin:10px 0 10px 0;}
#contact a {text-decoration:none; color:#000;}

/* Footer */

#footer {background-color:#706f6f; clear:both; padding:20px 0; color:#c6c6c6;}
#footer .left, #footer .right {width:50%;}
.end {font-size:10px; clear:both; text-align:right;}
.end a {color:#c6c6c6;}

/* ICONS */

a[href$=".pdf"], a[href$=".PDF"], a.pdf {padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_acrobat.png) no-repeat left center;}
a[href$=".doc"], a[href$=".DOC"], a.doc {padding: 2px;padding-left: 20px;background: url(../images/icons/page_word.png) no-repeat left center;}
a[href$=".xls"],a[href$=".XLS"],a.xls {padding: 2px;padding-left: 20px;background: url(../images/icons/page_excel.png) no-repeat left center;}
a[href$=".gz"],a[href$=".GZ"],a[href$=".gzip"],a[href$=".GZIP"],a[href$=".zip"],a[href$=".ZIP"],a.archive {padding: 2px;padding-left: 20px;background: url(../images/icons/page_white_zip.png) no-repeat left center;}
a[href$=".exe"], a[href$=".EXE"], a.application {padding: 2px;padding-left: 20px;background: url(../images/icons/application.png) no-repeat left center;}

/* TABLE STYLING  */
table {margin: 0 0 18px 0;color: #666;border-collapse:collapse;}
td {border:1px solid #999; padding:5px;}

/* WYSIWYG EDITOR ALIGNMENT CLASSES  */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

/* IMAGES  */

img.right {float: right;margin-left: 20px;}
img.left {float: left;}
img.leftAlone {float: left;margin-right: 100%;}
img.center {float: none;margin-left: auto;margin-right: auto;display: block;}

/* FORMS */

fieldset {border: 0;}

input.action {padding: 2px;}
input.action:hover,input.action:focus {cursor: pointer;}

form ul {list-style: none;}
.middleColumn {display: block;margin: 5px 10px 10px 0;background: #E9E9E9;padding: 4px;width: 420px;clear: left;}
	
div.tab .field .middleColumn {clear: none !important;margin: 0 !important;width: auto;}
	
.middleColumn .middleColumn {margin-left: 0;margin-right: 0;padding: 0;}
.middleColumn .message {margin: 0;}

input.text, textarea, select {padding: 6px;border: 4px solid #888;color: #000;width: 400px;font-size: 18px;}

textarea {}
input:focus span, textarea:focus span {border: 3px solid #000;}

form .date input.month, form .date input.day, form .date input.year {width: auto;}
form .datetime .clear {clear: both;}
form .datetime .date,form .datetime .time {float: left;clear: none;width: auto;}
form .datetime .middleColumn .middleColumn {width: auto;}
form .datetime .date input,form .datetime .time input {width: auto;}

select {width: auto;}

.typography label {display: block;margin: 10px 0 -10px 0;color: #777;}

label.right {display:inline;}

ul.optionset {margin: 0;overflow: hidden;}
ul.optionset li {margin: 6px 0;clear: both;}
ul.optionset li input {float: left;margin: 0 6px;}
ul.optionset li label {margin: 0;}

.button a, .action {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none; border:none;background-color:#3aaa35; text-decoration:none; padding:7px 10px !important; border-radius:10px; color:#fff;font-size:28px; font-family: 'Raleway', sans-serif; font-weight:300; float:right;}
.button a:hover, .action:hover {text-decoration: none;background: #000;}


/* Logged in */

#loggedin {padding:10px 30px 10px 30px; position:fixed; left: 50px; bottom:50px; color:#fff; border-radius:10px; border:#fff solid 1px; background-color:#000; font-size:16px; line-height:24px; z-index:99;}
#loggedin a {background-color:#fff; padding:7px;border-radius:10px; color:#000; font-weight:bold; text-decoration:none;}
#loggedin a:hover {background-color:#0F0;}