/* General styles for Dragon Website */
	body {
		font-family:'Comic Sans MS',Sans-serif;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
    h1 {font-size: 1.5em;}
    h2 {font-size: 1.0em;}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
        font-size:.75em;
	}
	img {
		margin:0px 0 0px;
	}
    
    .fltright img 
    {
       float:right;
       margin:0px 0px 15px 20px;
    }
    /* Contact form styles */
    
    #cform {
    
           color:#0D119B;
           text-align:left;
    
    
    
    
    }

	/* Header styles */
	#header {
        
		clear:both;
		/*float:left;*/
		width:100%;
        height:320px;
        margin:0px;
        padding:0px;
        background-color:#D8EBFC;
		/*background-image: url('images/dragon_banner.jpg');
		background-position: 100% 0%;*/ 
		
	}
	#header {
		border-bottom:1px solid #000;
	}
    
    #header img{
    
 
    
    }
    
    #header h1{font-size:2em; }
    
    #header h2{font-size:1.5em; }
    
	#header p,
	#header h1,
	#header h2 {
		padding:0em 0px 0 0px;
		margin:0;
		color:#ECE620; /*#EC8020; #0D119B;*/
		text-align:center;
 	}
	#header ul {

		width:100%;
        float:left;
		list-style:none;
		margin:0 0 0 0;
		padding:0;



	}
	#header ul li {
		/*display:inline;*/
        float:left;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#D8EBFC;
		color:#0D119B;
		
		font-size: 1em;
        font-weight: bold;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#0D119B;
		color:#fff;
	}

	#header ul li a span {
		display:block;
	}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:85%;			/* right column width */
		background:#D8EBFC;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:81%;			/* right column content width */
		left:103%;			/* 100% plus left column left padding */
		color:#0D119B;
	}
	.leftmenu .col1 ul {    /* right colum list*/
		display:block;

	}
	.leftmenu .col1 ul li {    /* right colum list item*/

        /*width:100%;*/
		display:block;
	}    

	.leftmenu .col1 p {    /* right colum text*/

		font-size:.85em;
	
	}
    
	.leftmenu .col1 img {   /* right colum image items */

		margin: 1em 20px 1em 0;	
	
	}
        
	.leftmenu .col2 {
		width:14.5%;			/* left column content width (column width minus left and right padding) */
		left:3%;			/* (right column left and right padding) plus (left column left padding) */
		color:#0D119B;
	
		
	}
	.tblock {
            display:block;
            float:right;
            
    
    
    }
    .tblockleft {
            display:block;
            float:left;
            width:50%;
   
    }
    .calltoact {
        display:block;
        border: 1em, 1em, 1em, 1em;       
        color:#0D119B;   
        /*text-align:right;*/
        float:right;
        clear:right;
       /* background-color:#D8FCFB;*/
     
    }
    .calltoact a {color:#0D119B;}
    .calltoact a:hover {
               color:#EC2026;
               background:#ECE620;
               
    }
	.calltoact h2 {
		margin:.8em 20 .2em 20;
		padding:0;
        /*text-align:center;*/
	}
    .calltoact h1 {font-size: 1.5em; }
    .calltoact h2 {font-size: 1.0em;}
	.calltoact p {
		margin:.4em 0 .8em 0;
		padding:0;
        font-size:.75em;
        /*text-align:center;*/
	}
    
    #daysailbutton {
         display: block;
         width: 208px;
         height: 60px;
         background: url('images/sailbuttonset.gif') no-repeat 0 0;

    }

    #daysailbutton:hover { 
         background-position: 0 -60px;
    }

    #daysailbutton span {
        display: none;
    }
	
    #sunsetbutton {
         display: block;
         width: 208px;
         height: 60px;
         background: url('images/sunsetbuttonset.gif') no-repeat 0 0;

    }

    #sunsetbutton:hover { 
         background-position: 0 -60px;
    }

    #sunsetbutton span {
        display: none;
    }
    
    #weekendbutton {
         display: block;
         width: 208px;
         height: 60px;
         background: url('images/weekendbuttonset.gif') no-repeat 0 0;

    }

    #weekendbutton:hover { 
         background-position: 0 -60px;
    }

    #weekendbutton span {
        display: none;
    }
    
    #keywestbutton {
         display: block;
         width: 208px;
         height: 60px;
         background: url('images/keywestbuttonset.gif') no-repeat 0 0;

    }

    #keywestbutton:hover { 
         background-position: 0 -60px;
    }

    #keywestbutton span {
        display: none;
    }
    
    
    #contactbutton {
         display: block;
         width: 208px;
         height: 60px;
         background: url('images/contactbuttonset.gif') no-repeat 0 0;

    }

    #contactbutton:hover { 
         background-position: 0 -60px;
    }

    #contactbutton span {
        display: none;
    }
    
    
    #reservationbutton {
         display: block;
         width: 208px;
         height: 60px;
         background: url('images/reservationbuttonset.gif') no-repeat 0 0;

    }

    #reservationbutton:hover { 
         background-position: 0 -60px;
    }

    #reservationbutton span {
        display: none;
    }
    
    
    
	.leftmenu .col2 ul li {
	
		list-style:none;
		display:block;	
	}

	.leftmenu .col2 ul li a {

		text-decoration:none;
		color:#0D119B;
		/*font-size: 13pt;*/
		line-height:2em;
        font-weight: bold;
	
	}	

	.leftmenu .col2 ul li a:hover {
		background:#0D119B;
		color:#fff;
	
	}	

    .highlt{color:#EC2026; }
    
    .filler{
    
            display:block;
            width:100%;
            clear:both;
    }
	.nomark{
    
            list-style-type:none;
    
    
    }
    
    .share {
           
           float:right;
           width:30%;
           margin-top:10px;
    }
 
    .share p {
           float:right;
           margin-right:4px;
    
    }   
    
    .share a {
           text-decoration:none;
           width:24px;
           height:24px;
           border:2px solid #fff;
           padding:0;
           float:right;
           display:block;
             

    }
    
    .share a img {

           position:relative;
           top:-14px;

    }
    
    .share a:hover {
           background-color:#fff;
           opacity:.75;
           border:2px solid #0D119B; 
    }    
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
		text-align:center;
	}