/* Start of CMSMS style sheet 'CAM: CSS main' */
/* CSS by Allan Scott */

/*---[ undohtml ]-------------------------- */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

body	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#444;
font-size:0.625em;
background-color:#E6E6E6;
background-image:url(images/layout/body-bg.jpg);
background-repeat:repeat-x;
/*text-align:center;*/
}

#wrapper	{
margin:0 auto;
overflow:hidden;
width:980px;
background-image:url(images/layout/wrapper-bg.jpg);
background-repeat:no-repeat;
text-align:left;
}

#wrapper .inside	{
padding:0;
}

#branding	{
width:100%;
height:90px;
/*background: aqua;*/
}

#branding h2	{
text-indent:-999px;
height:60px;
margin:0;
}

#tagline	{
height:50px;
/*background:#eee;*/
}

#tagline h2	{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:normal;
font-size:24px;
color:#E10916;
text-align: center;
margin:0;
}

#tagline h3	{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:normal;
font-size:18px;
color:#E10916;
text-align: center;
margin:0;
}

/*-- contact --*/
#contact	{
/*height:40px;*/
font-size:14px;
font-weight:normal;
color:#112F72;
text-align: center;
padding:10px 0;
}

#contact a {
color:#112F72;
font-weight:normal;
}

#contact a:hover {
color:#E10916;
font-weight:normal;
}


#header	{
width:100%;
height:460px;
padding:0;
margin:0;
/*background-image:url(images/layout/header.jpg) no-repeat;*/
}

#slides	{
height:250px;
padding:0px 40px;
margin:5px 0 0 0;
}

hr.border	{
color:#ccc;
background-color:#ccc;
height:4px;
border:none;
padding:0;
margin:0;
}

/*-- content area --*/
#content	{
/*float:left;*/
overflow:hidden;
width:100%;
padding:0 20px 10px 20px;
margin:0;
background-image:url(images/layout/content-bg.jpg);
background-repeat:repeat-y;
}

#content_main	{
float:left;
width:620px;
margin:0 0px 0 0;
/*background: #666;*/
}

#content_main .inside	{
padding:0 0 0 40px;
}

#content_sub	{
float:left;
display:inline;
width:240px;
margin:0 0 0 50px;
}

/*
* html #content_sub	{
position:absolute;
}
*/

#content_sub .inside	{
padding:0px 0px 0 0px;
}

#content_sub h3	{
color:#112F72;
font-size: 2.0em;
font-weight:normal;
padding:0 0 0 30px;
margin:0 0 5px 0;
background-image: url(images/layout/icon-square.gif);
background-position: left center;
background-repeat: no-repeat;
}

#site_info	{
clear:both;
width:980px;
height:60px;
margin:0px auto;
padding:0px;
text-align:right;
background-image:url(images/layout/footer-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
color:#666;
font-weight:normal;
}

#site_info p	{
padding:35px 45px 0 0;
font-size:10px;
color:#666;
}


#site_info p a	{
font-size:10px;
color:#666;
font-weight:normal;
}


/* additional LAYOUT ----------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* formatting -------------------------------*/
h1	{
font-size:2.2em;
font-weight:bold;
margin:0px 0 20px 0;
/*color:#F15A24;*/
/*color:#0b74c7;*/
color:#112F72;
}

h2	{
font-size:2.0em;
color:#112F72;
font-weight:bold;
margin:10px 0 10px 0;
}

#content_sub h2	{
font-size:2.0em;
color:#112F72;
font-weight:bold;
border-bottom:1px solid #ccc;
margin:20px 0 0px 0;
}

h3	{
font-size:1.6em;
color:#112F72;
font-weight:bold;
margin:0px 0 0px 0;
}

h4	{
font-size:1.4em;
color:#112F72;
font-weight:normal;
margin:20px 0 5px 0;
}

p, li	{
font-size:1.3em;
line-height:1.4em;
margin:0 0 10px 0;
}

a:link, a:visited	{
font-weight:bold;
text-decoration:none;
color:#E10916;
}

a:hover	{
text-decoration:underline;
color:#E10916;
}

/*---[ block quotes ]----------------------------------*/

blockquote {
/*float:right;*/
/*width: 250px;*/
margin:20px 0px;
padding:0px 10px;
background:url(images/layout/quote-start.jpg) top left no-repeat;
/*position: relative;*/
}

#sidebar-2 .inside > blockquote {
margin-right: 30px;
}

p.quotebody {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
/*color: #363636;*/
/*font-size:1.2em;*/
line-height: 1.5em;
font-weight:normal;
font-style:italic;
padding:10px 30px 0px 30px;
text-align:left;
background: url(images/layout/quote-end.jpg) bottom right no-repeat;
}

p.quotecite {
color: #0099cc;
font-size: 125%;
font-weight:bold;
text-align:left;
padding:10px 0px 15px 30px;
margin-bottom: 0;
}

/* pullquote */
blockquote.pullquote {
float:right;
width:300px;
margin:10px 0px;
padding:0px 10px;
background:url(images/layout/quote-start.jpg) top left no-repeat;
position: relative;
}

#sidebar-2 .inside > blockquote {
margin-right: 30px;
}

p.pullquotebody {
font-family:Georgia, "Times New Roman", Times, serif;
color:#0b74c7;
font-size:1.4em;
line-height: 1.6em;
font-weight:normal;
font-style:italic;
padding:0px 30px 0px 30px;
text-align:left;
background: url(images/layout/quote-end.jpg) bottom right no-repeat;
}

p.quotecite {
/*color: #e13d00;*/
color: #8cb13f;
font-size: 125%;
font-weight:bold;
text-align:left;
padding:10px 0px 15px 30px;
margin-bottom: 0;
}


/*---[ basiclists ]---------------------------*/

ul.basiclist	{
margin:10px 0;
list-style-type:square;
}

ul.basiclist li	{
margin-left:20px;
margin-top:5px;
}

ul.basiclist ul	{
margin-left:50px;
margin-top:10px;
}

ul.introlist	{
margin:10px 0;
list-style-type:square;
}

ul.introlist li	{
margin-left:20px;
margin-top:5px;
color:#fff;
}

ol	{
margin:10px 0;
padding:0;
list-style-type:decimal;
}

ol li	{
margin-left:25px;
margin-top:5px;
margin-bottom:15px;
}

ol.basicorderedlist	{
margin:10px 0;
list-style-type:decimal;
}

ol.basicorderedlist li	{
margin-left:25px;
margin-top:5px;
}

/*-- images --*/
.img_left	{
float:left;
padding:4px;
border:1px solid #ccc;
margin:0 10px 0px 0;
}

.img_right	{
float:right;
padding:4px;
border:1px solid #ccc;
margin:0 0px 0px 10px;
}

/*- Main Nav --------------------------- */

#nav_main {
width:100%;
height:30px;
font-size:14px;
line-height:normal;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}

#nav_main ul {
margin:0;
padding:0px 0px 0 10px;
list-style:none;
text-align: center;
}

/*
#nav_main ul li {
display:inline;
margin:0;
padding:0 10px;
color:#fff;
}

#nav_main ul li a {
margin:0;
padding:0;
color:#fff;
font-weight: normal;
}

#nav_main ul li a:hover {
color:#e13d00;
text-decoration: underline;
}
*/

/*---[ current menu state styles ]---------------------------*/
#home #nav-home a,
#details #nav-details a,
#booking #nav-booking a,
#rates #nav-rates a,
#reviews #nav-reviews a,
#links #nav-links a,
#terms #nav-terms a	{
text-decoration:none;
font-weight:normal;
color:#e13d00;
}


/*-- Links List --*/
.links-block	{
margin:20px 0;
}
.links-list img	{
float:left;
margin:-25px 10px 0 0;
border:1px solid #b7d3f1;
padding:4px;
}

.links-list li	{
height:80px;
padding:5px 0;
}

.links-list li a	{
font-size:1.3em;
padding:-10px 0 0 80px;
display:block;
}

/*--- [ s3SLIDER ]----------------------------*/
#s3slider {
width:900px; /* important to be same as image width */
height:250px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#s3sliderContent {
width:900px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 20px/25px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width:900px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
/*top: 0;*/
bottom: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}

.clear {
clear: both;
}


/*-- PRODUCTS --*/
.product-container	{

}

.product	{
float:left;
position:relative;
width:160px;
height:260px;
margin:10px 20px 10px 0;
padding:10px 5px 10px 5px;
background: #fefefe;
border:1px solid #ddd;
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
text-align: center;
}

.product h4	{
font-size:1.2em;
font-weight:bold;
line-height:normal;
margin:5px 0;
}

.product p	{
font-size:1.1em;
margin:0 0 5px 0;
}


.product p strong	{
color:#cc0000;
}

input.addtocart	{
position:absolute;
bottom:10px;
left:10px;
}

/*-- popup - fancybox html popup --*/
#fancy_content p, li	{
padding:0 20px 0 0;
}

/* End of 'CAM: CSS main' */