html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video                {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
body                                    {line-height:1;font-size:0.625em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol                                   {list-style-type:none;}
blockquote, q                           {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a,a:hover                               {font-size:100%;vertical-align:baseline;text-decoration:none;}
a:visited                               {}
input, select                           {vertical-align:middle;}
a:focus                                 {}
a img                                   {border:0px;}
.wai                                    {display:block;width:0px;height:0px;text-indent:-5000px;overflow:hidden;padding:0px !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
.fl                                     {float:left;}
.fr                                     {float:right;}


/*  site's CSS */
html                                    {background:#fff;}

.skip2                                  {position:absolute;top:0px;left:0px;font-size:120%;}
.skip2 a                                {color:#eee;}
.skip2 a:hover,.skip2 a:active,.skip2 a:focus{color:#000;}

body                                    {font-family:tahoma,trebuchet ms,verdana, sans-serif;background:#ecfdfd;}
.page                                   {margin: 0 auto 0 auto;width:995px;position:relative;}

/*  the header  */
#header                                 {height:168px;width:100%;background:url("images/pattern.gif") top left;border-bottom:3px solid #C23B38;}

#logo                                   {margin:11px 0 0 0;width:336px;height:146px;background: url("images/coby-beach-logo-FINAL.png") no-repeat top left;float:left;}
#logo a                                 {text-indent:-5000px;overflow: hidden;width:339px;height:146px;display:block;}

/* main menu */
ul#mainnav                              {margin-top:68px;float:right;text-transform:uppercase;font-size:130%;font-family:arial narrow,Calibri,Candara,arial;font-weight:bold;}
ul#mainnav li                           {display:inline;float:left;}
ul#mainnav li a                         {display:block;color:#000;padding:20px 8px 0 10px;float:left;}
ul#mainnav li a:hover,ul#mainnav li a.clicked,ul#mainnav li a:focus{background:url("images/menu-hover.png") no-repeat top center;}
ul#mainnav li span:after				{content:'|';float:left;margin-top:20px;}
 
/* index stage area  */
#stage                                  {width:100%;height:446px;border-bottom:3px solid #b70c5a;background: url("images/panoramic-pic.jpg") no-repeat scroll 50% 0 / 100% auto transparent;float:left;}
#stage h1							{float:left;background: url("../assets/stay-relax-enjoy.png") no-repeat top center;text-indent:-5000px;overflow:hidden;width:315px;height:306px; margin:45px 0 0 45px;}
.roundedpic						{float:right;margin:-30px 0 0 0;}

/* main content area  */
#content                                {width:995px;padding:30px 0px;color:#000;font-size:130%;line-height:140%;margin:0 auto;clear:both;}
#content p                              {padding:10px 0;}

#content h1,#content h2,#content h3,#content h4,#content h5{font-family:Gill Sans,arial narrow,trebuchet;line-height:130%;font-weight:normal;}
#content h1                             {font-size:155%;padding:15px 0 0 0; text-transform:uppercase;}
#content h2                             {font-size:155%;padding:15px 0 5px 0;text-transform:uppercase;}
#content h3                             {font-size:155%;padding:15px 0 5px 0;}

#content a                              {color:#000;text-decoration:underline;}
#content a:hover                        {text-decoration:none;}

#content ul.content-list                {margin:0 0 0 15px;}
#content ul.content-list li             {padding:3px 0 3px 15px;background: url("images/listpic.png") no-repeat scroll left 8px transparent;}
#content a:focus                        {background-color:#fffebb;color:#000;}

#content article					{}
#content .readmore a				{text-align:right;float:right;text-decoration:none;color:#930a0a;margin-bottom:20px;}
#content .readmore					{padding-bottom:0;}

.vcard							{float:right;margin:-10px 0 0px 0;}
.email							{background: url("images/mail-icon.png") no-repeat left center;padding-left:23px;text-decoration:none !important;}
.telwrapper						{display:block;background: url("images/phone-icon.png") no-repeat left center;padding-left:23px;}

/*#content .specialevents h3			{padding-top:0px;clear:both;}*/

.actionboxes						{float:left;margin:15px 0 5px -24px;}
.actionboxes li					{float:left;width:230px;margin-left:24px;}
.actionboxes a						{text-decoration:none !important;text-transform:uppercase;font-size:120%;}
#content .actionboxes a strong		{text-align:center;background:#fff;width:180px;padding:10px 0;color:#000;display:block;margin:0 auto;margin-top:-15px;font-weight:normal; font-family:Gill Sans,arial narrow,trebuchet;} 
.actionboxes img,.actionboxes a strong	{border-radius:3px;position:relative;}
#content .actionboxes a:hover strong,#content .actionboxes a:focus strong {background:#eee;}
#content .actionboxes a:hover			{color:#8ebcde;}
.actionboxes img					{opacity:1;}
.actionboxes a:hover img,.actionboxes a:focus img{opacity:0.8;}

.indexpromo img					{float:left;margin:-30px 0 10px 0;}

.polaroid {
    border: 15px solid #FFFFFF;
    box-shadow: 5px 5px 10px #000000;
}
.pr { clear:right; float:right; margin: 0 0 30px 30px; }
.spl { float: left; margin: 20px 20px 0 0; }
.pl { clear:left; float:left; margin: 30px 30px 0 0; }


.testimonials						{float:right;background: url("images/delimiter.png") no-repeat center left;width:290px;padding:0 0 30px 30px;margin-left:30px;} 
#content .testimonials h3			{padding-top:0;}

.testimonials blockquote				{border:1px solid #d7d5d5;background: #ffffff;border-radius:5px;padding:30px 10px 20px 15px;color:#545454;font-style:italic;overflow:hidden; margin-top:5px;font-size:90%;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
-pie-background: linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
}

cite								{text-align:right;font-style:normal;color:#000;float:right;text-transform:uppercase;font-size:110%;}

/*footer style */
#footer                                 {width:100%;margin:0px auto 0 auto;padding:15px 0 30px 0;border-top:1px solid #8ebcde;color:#7a7a7a;font-size:110%;background:#fff; text-align:center;}

 
/* MOBILE DEVICES */
/* ipad portrait, android tablets portrait */
@media screen and (max-width: 768px) and (min-width: 481px) and (orientation : portrait) {
	body{-webkit-text-size-adjust:100%;}

}

/* iphone and smart smartphones portrait */
@media screen and (max-width: 580px) and (min-width: 180px) and (orientation : portrait){
	body{-webkit-text-size-adjust:100%;}

}

/* iphone and smart smartphones portrait */
@media screen and (max-width: 580px) and (min-width: 180px) and (orientation : landscape){
	body{-webkit-text-size-adjust:100%;}
}

/* print stylesheet */
@media print {
	body							{background:#fff;}
	.page						{width:100%;}
	#content						{width:100%;padding:0px 0px;}
	#content ul.content-list			{margin:0;}
	#content ul.content-list li		{padding:3px 0 3px 0px;background: none;}
	.vcard						{float:right;margin:0;}
	.email						{background:none;padding-left:0px;text-decoration:none !important;}
	.telwrapper					{display:block;background:none;padding-left:0px;}
	#content .specialevents h3		{padding-top:10px;clear:both;}
	.indexpromo img				{float:left;margin:-30px 0 10px 0;}
	.testimonials					{float:right;background:none;width:30%;padding:0 0 30px 30px;margin-left:30px;} 
	#content .testimonials h3		{padding-top:0;}
	.testimonials blockquote			{background: #ffffff;margin-top:5px;font-size:90%;}
	.actionboxes,#footer,#header,#stage,#content .readmore		{display:none;}
}

/* PIE */
.actionboxes img,.actionboxes a strong,.testimonials blockquote		{behavior:url(PIE.htc); position:relative;}