body {font-size: 100%; margin: 0px; padding: 0px; background: url(assets/images/bg_site.jpg) top center repeat-x; font-family: arial, sans-serif;}
hr {border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left;}
a {color: rgb(93,113,0);}
a:hover, a.selected {color: rgb(247,255,210); text-decoration: none;}

.banner-image{border: none; padding: 0; margin: 0;}

.page-container {width: 1000px; margin: 0px auto; padding: 0px;}
.left-column {float: left; width: 687px; margin: 0px 0px 0px 13px; padding: 0px;}
.right-column {float: left; width: 300px; margin: 0px 0px 0px 0px; padding: 0px;}
.skyscraper {margin: 46px 0px 0px 70px;}
.skyscraper img{padding: 0px; margin: 0px; border: none;}
.centred-text{ text-align: center }

.quotes {font-size: 80%; font-style: italic; color: rgb(20, 20, 20);}

/* Centred Video */
.video{width: 687px; padding-left:143px;}

/* Login Box */
.login-links {font-size: 70%; position: relative; top: -95px; left: 66px;}
.login-links li{display: inline; list-style-type: none; padding-right: 10px;}
.login-links a {color: rgb(74,74,74); text-decoration: none;}
.login-links a:hover, .menu a.selected {color: rgb(255,255,255); text-decoration: none;}
.login-box {background-image: url(assets/images/login_top.jpg); font-size:80%; height: 69px; margin: 89px 0px 0px 0px;}
.login-box form{margin: 0px; padding: 0px; border: none;}
.login-box label {color: white; width: 60px; float: left; text-align: left; margin: 6px 20px 0px 25px; display: block}
.login-entry{width: 120px; margin: 8px 0px 0px 0px; padding: 0px; background-color: transparent; border: none;}
.login-button {border: none; background-color: transparent; color: white; margin: 0px 0px 0px 4px;}

/* Logout Box */
.logout-links {font-size: 80%; position: relative; top: -48px; left: -20px;}
.logout-links li{display: inline; list-style-type: none; padding-right: 10px;}
.logout-links a {color: rgb(74,74,74); text-decoration: none;}
.logout-links a:hover, .menu a.selected {color: rgb(255,255,255); text-decoration: none;}
.logout-box {background-image: url(assets/images/logout_top.jpg); font-size:80%; height: 69px; margin: 89px 0px 0px 0px;}
.logout-box p {padding: 7px 0px 0px 20px; color: white}

/* Reminder Box */
.reminder-box {background-image: url(assets/images/login_top_forgot.jpg); font-size:80%; height: 69px; margin: 89px 0px 0px 0px; position: relative;}
.reminder-box p {padding: 7px 0px 0px 20px; color: white}
reminder-box form {margin: 0px; padding: 0px; border: none;}
.reminder-entry{width: 150px; margin: 8px 0px 0px 0px; padding: 0px; background-color: transparent; border: none;position: absolute; left: 25px; top: 23px;}
.reminder-button1 {border: none; background-color: transparent; color: white; margin: 0px 0px 0px 0px; position: absolute; left: 180px; top: 30px;}
.reminder-button2 {border: none; background-color: transparent; color: white; margin: 0px 0px 0px 0px; position: absolute; left: 230px; top: 30px;}

.logo-bar {width: 687px; height: 120px; margin: 0px; padding: 0px;}

.menubar {float: left; width: 687px;}
.submenubar {float: left; width: 687px; height: 24px; background: url(assets/images/bg_content_tab.jpg);}
.menu {font-size:85%; margin-top: 4px;}
.menu ul {margin: 0px 0px 0px 8px; padding: 0px; float: left;}
.menu li {display: inline; list-style-type: none; padding-right: 10px;}
.menu a {color: rgb(74,74,74); text-decoration: none;}
.menu a:hover, .menu a.selected {color: rgb(255,255,255); text-decoration: none;}
.right-link {font-size:85%; float:right;}
.active a, .active a.selected {color: white; text-decoration: none;}
.pipe {padding: 0px 0px 0px 12px;}
.page-title-area {float: left; width: 687px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.page-title {margin: 24px 0px 0px 8px; padding: 0px 0px 0px 0px; font-weight: bold; font-size: 95%;}

.content {float: left; position: relative; background-color: rgb(225,227,224); width: 687px; padding-top: 6px; padding-bottom: 10px; min-height:580px; height:auto !important; height:580px;}

.content p{padding: 0px; margin: 0px; font-size: 90%;}
.content li{padding: 0px; margin: 0px; font-size: 90%;}
.content img{padding: 0px; margin: 0px; border: none;}
.content-inset{float: none; padding: 0px 14px; margin: 0px;}
.spaced-images img{float: left; padding: 20px 12px; margin: 0px;}
.floaty-gallery {position: absolute; left: 168px; top: 300px;}
.floaty-buy-button {position: absolute; left: 21px; top: 250px}
.floaty-demo-button {position: absolute; left: 21px; top: 316px}


.float-left{float: left;}
.float-right{float: right;}


.story-block-0{padding: 30px 0px 10px 10px;}
.story-block-1{height: 310px;}
p.story-block-1{position: relative; top: 100px;}
.story-block-2{height: 205px;}
p.story-block-2{position: relative; top: 20px; left: 10px;}
.story-block-3{height: 240px;}
p.story-block-3{position: relative; top: 50px;}
.story-block-4{height: 150px;}
p.story-block-4{position: relative; top: 50px; left: 20px;}
.story-block-5{height: 250px;}
.char-block{padding: 30px 0px 10px 0px;}
p.char-block{padding: 0px 0px 0px 310px;}

/* footer */
.footer {
margin: 4px 0px 0px 0px;
background-color: rgb(194,210,120); 
color: rgb(74,74,74); 
font-size: 60%; 
height: 26px;
text-align: center;}
.footer a {color: rgb(74,74,74); text-decoration: none;}
.footer a:hover, .menu a.selected {color: rgb(255,255,255); text-decoration: none;}

/* Hack for min-height */
.clear {clear:both; height:0px; overflow:hidden;}

/* MaxiGallery css */
.thumbs {padding: 0px; margin: 0px;}
.thumbs li{display: inline; list-style-type: none; padding: 0px;}
.thumbscontainer {margin: 0px 0px 20px 0px;}

/* contact form */
.contactform {font-family: arial,sans-serif; font-size: 90%; padding: 1px; }
.contactform input, .contactform textarea {border: 1px solid silver;}