/* Cycads Guest House St Francis - Custom Website Design by Originate Media */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:none
}

article,aside,figure,footer,header,hgroup,nav,section {
display:block
}

img,object,embed {
max-width:100%
}

ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
content:none
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:none;
color:#03f
}

del {
text-decoration:line-through
}

abbr[title],dfn[title] {
border-bottom:1px dotted #000;
cursor:help
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font-size:100%
}

th {
font-weight:700;
vertical-align:bottom
}

td {
font-weight:400;
vertical-align:top
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}

input,select {
vertical-align:middle
}

pre {
white-space:pre;
white-space:pre-wrap;
white-space:pre-line;
word-wrap:break-word
}

input[type="radio"] {
vertical-align:text-bottom
}

input[type="checkbox"] {
vertical-align:bottom;
*vertical-align:baseline
}

.ie6 input {
vertical-align:text-bottom
}

select,input,textarea {
font:99% sans-serif
}

a:hover,a:active {
outline:none
}

small {
font-size:85%
}

strong,th {
font-weight:700
}

td,td img {
vertical-align:top
}

sub,sup {
font-size:75%;
line-height:0;
position:relative
}

sup {
top:-.5em
}

sub {
bottom:-.25em
}

pre,code,kbd,samp {
font-family:monospace,sans-serif
}

.clickable,label,input[type=button],input[type=submit],button {
cursor:pointer
}

button,input,select,textarea {
margin:0
}

button {
width:auto;
overflow:visible
}

.ie7 img {
-ms-interpolation-mode:bicubic
}

.ie6 html {
filter:expression(document.execCommand("BackgroundImageCache",false,true))
}

.clearfix:before,.clearfix:after {
content:"\0020";
display:block;
height:0;
overflow:hidden
}

.clearfix:after {
clear:both
}

.clearfix {
zoom:1
}

body,select,input,textarea {
color:#333;
font-family:"Open Sans",sans-serif
}

a:hover {
color:#69f
}

::-moz-selection {
background:#fcd700;
color:#fff;
text-shadow:none
}

::selection {
background:#fcd700;
color:#fff;
text-shadow:none
}

a:link {
-webkit-tap-highlight-color:#fcd700
}

ins {
color:#000;
text-decoration:none;
background:#fcd700
}

mark {
color:#000;
font-style:italic;
font-weight:700;
background:#fcd700
}

#header {
width:1280px;
margin:0 auto
}

#header #nav {
background:url(../images/navbg.png) no-repeat;
overflow:hidden;
font-family:"Marcellus SC",serif;
padding:2px 50px
}

.logoheader {
float:left;
margin:40px 0 189px
}

#header .nav.menu {
margin:0 10px
}

#header #nav li {
float:left;
padding:0 48px;
font-size:14px;
text-transform:uppercase
}

#header #nav li:last-child {
margin-right:0;
padding-right:0
}

#header #nav li:first-child {
margin-left:0;
padding-left:0
}

#header #nav li a {
color:#fff;
text-decoration:none;
text-shadow:1px 1px 3px #333
}

#header #nav li a:hover {
color:#eee
}

#contacth {
float:right;
color:#fff;
margin:5px 0;
font-size:14px;
padding:5px 0
}

#contacth p,#contacth table,#contacth .booknow {
float:left;
margin-right:5px
}

#contacth .booknow {
text-transform:uppercase;
text-align:center;
padding:5px 10px;
-webkit-border-radius:3px;
border-radius:3px;
background-color:rgba(81,99,122,.9);
font:11px "Marcellus SC",serif;
background:padding-box
}

#contacth .booknow a {
color:#fff;
text-decoration:none
}

#contacth p,#contacth table {
margin-top:3px;
text-shadow:1px 1px 3px #666
}

#slide {
width:1200px;
overflow:hidden;
height:200px
}

#slideshow {
width:100%;
overflow:hidden
}

#slide-left {
float:left;
width:360px;
background:url(../images/lefto.png) no-repeat;
height:180px;
padding:10px 0
}

#slide-right {
float:right;
width:800px;
background:url(../images/righto.png) no-repeat;
height:200px
}

#lefto a {
color:#fff
}

#lefto .nspText.tleft.fleft {
float:right;
color:#fff;
width:190px;
font:13px/1.35em "Marcellus SC",serif
}

#lefto .nspImage.tleft.fleft {
border:3px solid #666;
margin:5px
}

.nspBotInterface,.nspTopInterface {
clear:both;
float:right;
margin:0 0 5px;
overflow:hidden
}

.nspPagination li {
background:#ccc;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
cursor:pointer;
float:left;
padding:0!important;
height:6px;
margin:1px 4px 0 0!important;
text-indent:-999em;
width:6px
}

#lefto .nspArt h4.nspHeader {
font-size:10px;
margin:0;
padding:5px;
color:#fff;
width:112px
}

#righto p {
text-transform:uppercase;
color:#fff;
padding:10px 85px;
font:16px "Marcellus SC",serif
}

#righto span.obs {
font-size:31px;
margin-right:20px
}

#showpony {
width:100%;
background:#fff;
overflow:hidden
}

#intainer {
overflow:hidden;
width:1230px;
margin:-20px auto 0;
background:url(../images/background.png) no-repeat;
padding:110px 20px 0 30px
}

#contentarea {
float:left;
width:800px;
margin:0 0 0 80px;
padding:0 20px
}

#contentarea p {
font-size:17px;
line-height:1.35em;
margin-bottom:1.35em
}

#contentarea p.leading {
font-size:20px
}

#contentarea p a {
text-decoration:none;
font-weight:700;
color:#666
}

#contentarea h2,#contentarea h1 {
color:#222;
margin:0 0 30px;
font:400 50px "Champignon"
}

#left {
float:left;
width:280px
}

#left_mod {
text-align:right
}

#left h3 {
margin:0 0 30px;
color:#222;
font:400 50px "Champignon"
}

#left_mod h4 {
text-transform:uppercase;
font-size:15px;
font-weight:600
}

#left_mod p {
font-size:15px
}

#left dl#nac-90 dt {
background:url(../images/accordionbg.png) repeat-x;
color:#FFF;
margin-top:2px;
font-size:14px;
height:32px;
line-height:26px;
text-transform:uppercase;
padding-left:5px;
font-weight:100
}

dl#nac-90 p {
font-size:11px;
color:#fff;
line-height:1.2em;
margin-bottom:1.5em
}

dl#nac-90 img {
padding:15px;
border:1px solid #ccc
}

#left_mod a {
color:#51637a;
font-weight:700
}

#right {
float:right;
width:660px
}

#right dl#nac-98 dt {
background:url(../images/accordionheadbg.png) repeat-x;
color:#FFF;
margin-top:2px;
font-size:14px;
height:32px;
line-height:26px;
text-transform:uppercase;
padding-left:5px
}

#right dl#nac-98 dd {
background:url(../images/accordioncontentbg.png);
color:#333;
font-size:12px;
padding:15px
}

#network {
clear:both;
width:1280px;
margin:55px auto;
float:left
}

#net {
margin:0 auto;
width:1090px
}

#footer {
clear:both;
background:#222;
overflow:hidden;
font-size:13px;
padding:5px;
margin-bottom:10px
}

#footer .instep {
margin:0 auto;
width:1200px
}

#footer_logo {
float:left;
margin-top:5px
}

#footer a {
text-decoration:none;
color:#fff
}

#footer #nav {
float:right;
margin:15px 10px 10px 80px
}

#footer #nav li {
float:left;
padding:0 7px;
border-right:1px solid #fff
}

#footer #nav li:last-child {
margin-right:0;
border:0
}

#copyright {
float:right;
color:#fff
}

#copyright p {
margin:8px 10px 10px 0;
color:#fff;
text-align:right;
line-height:1em
}

#copyright span.om {
padding:0 5px;
-webkit-border-radius:3px;
border-radius:3px;
margin-left:3px;
color:#fff;
-moz-transition:background-color 500ms linear,color 500ms linear;
-o-transition:background-color 500ms linear,color 500ms linear;
-webkit-transition:background-color 500ms linear,color 500ms linear;
transition:background-color 500ms linear,color 500ms linear;
background:padding-box red
}

#copyright a {
margin:5px 0 10px;
font-family:"Pacifico",cursive;
color:#fff;
text-decoration:none
}

#chronoform_contact img {
border:none
}

#chronoform_contact {
color:#666
}

form.Chronoform label {
font-weight:100;
color:#b3a693
}

#chronoform_enquiryform .ccms_form_element {
margin:0;
padding:0
}

.ccms_form_element select {
padding:3px;
border:1px solid #d3d3d3;
min-width:100px;
margin:0 26px 8px
}

#chronoform_enquiryform h2.enq {
text-align:center;
color:#fff;
line-height:1em;
font-size:40px;
font-weight:100;
text-transform:uppercase;
margin-bottom:30px
}

form.Chronoform input {
width:250px;
font-size:12px;
color:#666;
padding:2px!important;
margin:0 26px 8px
}

form.Chronoform input.chrono_captcha_input {
width:100px
}

#submit_container_div {
margin-left:150px
}

form.Chronoform textarea {
width:250px;
height:50px;
font-size:12px;
color:#666;
padding:2px!important;
margin:0 26px 8px
}

form.Chronoform input#submit {
width:300px;
background:#51637a;
color:#fff;
font-size:16px;
font-weight:700;
border:none;
padding:5px 30px
}

form.Chronoform input#submit:hover {
background:#ccc;
color:#fff
}

.Chronoform #contactright {
float:right;
width:150px;
background:url(../images/footerbg.png);
padding:20px;
color:#fff
}

form.Chronoform fieldset {
border:1px solid #ccc;
padding:20px
}

.ccms_form_element {
margin-bottom:10px;
position:relative;
padding:5px 0 0 5px;
clear:none;
float:left
}

#contentarea .chronoform a {
display:none
}

#copyright span.om:hover,#copyright span.om:focus {
color:red;
background:#fff
}

#left a,#right a {
text-decoration:none
}

#xmap li a {
color:#51637a;
text-decoration:none
}

.cat-children h3 {
display:none
}

#contentarea span.item-title a {
color:#fafafa;
text-decoration:none
}

#language {
float:right;
font-family:"Marcellus SC",serif;
background:padding-box #102440;
-webkit-border-radius:5px;
border-radius:4px;
padding:5px;
margin:10px 0 10px 650px;
background-clip:border
}

#language a {
color:#fff;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:0
}

#language li.lang-active a {
background:padding-box #51637a;
padding:0 10px;
line-height:1em;
-webkit-border-radius:2px;
border-radius:2px;
background-clip:border
}

.ratescard {
border:1px solid #333;
padding:10px
}

.ratescard h3 {
color:#425162;
padding:3px 10px;
font:400 23px "Marcellus SC",serif
}

.ratescard table td {
background:#b9c0c4;
color:#fff;
padding:3px 10px;
font:23px "Marcellus SC",serif
}

.ratescard table {
border-collapse:separate;
border-spacing:5px
}

ul.terms {
margin:20px 0
}

ul.terms li {
list-style:inside circle
}