/**********************************************************************************
* 
* © 2011 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: layout.css
* Description: Layout for the D.C. & H. website
*
***********************************************************************************/

/* Auxiliary style sheets
----------------------------------------------------------------------------------*/

@import url(type.css);
@import url(forms.css);


/* Body 
----------------------------------------------------------------------------------*/

*
    {
    margin:0px;
    padding:0px;
    }

body
	{
	background:#e5e5e5/*#b0ac84*/;
	}


/* Images 
----------------------------------------------------------------------------------*/

img
    {
	border:none;
    }

.imageleft, .imageright
    {
    border:1px solid #000000;
    clear:both;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    }

.imageleft img, .imageright img
    {
    }

.imagefull
    {    
    display:block;
    margin:0px 0px 1em 0px;
    clear:both;
    }


/* HTML 5 element fixes
----------------------------------------------------------------------------------*/

header, nav, section, article, aside, footer, time
    {
    display:block;
    }


/* Container
----------------------------------------------------------------------------------*/

#container
	{
    margin:10px auto;
	width:920px;
	}


/* Masthead
----------------------------------------------------------------------------------*/

#header
    {
    float:left;
    width:920px;
    background:url(/sitegraphics/dch-topcap.gif) no-repeat;
    }

#mast
    {
    float:left;
    width:880px;
    padding:0px 20px;
    background:url(/sitegraphics/dch-mainbg.gif) repeat-y;
    }

#menu
    {
    float:left;
    width:880px;
    padding:0px 20px;
    background:url(/sitegraphics/dch-mainbg.gif) repeat-y;
    }

#logo
    {
    float:left;
    width:860px;
    height:100px;
    padding:10px;
//    border-top:10px solid #e51837;
    border-bottom:10px solid #e51837;
    }

#logo img
    {
	display:none;
    }

#header-supplemental
    {
    float:right;
    width:400px;
    }


/* Navigation background
----------------------------------------------------------------------------------*/

#nav
    {
    float:left;
    width:880px;
    height:54px;
    border-bottom:10px solid #e51837;
    text-align: center;
    }


/* Banner
----------------------------------------------------------------------------------*/

#banner
    {
    float:left;
    width:920px;
    }


/* Main background
----------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:920px;
    padding:20px 0px 20px 0px;
    background:url(/sitegraphics/dch-mainbg.gif) repeat-y;
    }


/* Flash animation
----------------------------------------------------------------------------------*/

#flashanimation
    {
    }


/* Content
----------------------------------------------------------------------------------*/

#content
	{
	float:left;
	width:599px;
	margin:0px -1px 0px 0px;
	padding:10px 20px 0px 30px;
	border-right:1px solid #cccccc;
	}

#popup-container
    {
    margin:1em;
    }


/* Gallery container and thumbnails
----------------------------------------------------------------------------------*/

#gallery
	{
	float:left;
	width:559px;
	margin:1em 0px 0px 0px;
	padding:1em 0px 0px 0px;
	border-top:1px solid #000000;
	}

#lightbox_container
    {
    padding:0px 0px 1em 0px;
    }

#lightbox_container img
    {
    margin:0px 10px 10px 0px;
    background:none;
    border:1px solid #000000;
    }

#lightbox_container a
    {
    background:none;
    border:none;
    }


/* Google map
----------------------------------------------------------------------------------*/

.map
    {
    width:427px;
    margin:0px 0px 1em 0em;
    clear:both;
    }

.map iframe
    {
    width:425px;
    height:350px;
    margin:0px 0px 0.2em 0px;
    border:1px solid #000000;
    }


/* Sidepane
----------------------------------------------------------------------------------*/

#supplemental
    {
    float:left;
    width:220px;
    padding:10px 30px 0px 20px;
    border-left:1px solid #cccccc;
    }


/* Contact information
----------------------------------------------------------------------------------*/

#contactinfo
    {
    width:180px;
    }


/* Sidepane content
----------------------------------------------------------------------------------*/

#reservationinfo
    {
    }


/* Footer
----------------------------------------------------------------------------------*/

#footer
    {
    float:left;
    width:860px;
    padding:0px 30px 20px 30px;
    background:url(/sitegraphics/dch-footerbg.gif) bottom left no-repeat;    
    }

/* Mailing list form
----------------------------------------------------------------------------------*/

#frm-mailinglist
    {
    margin-bottom:1.5em;
    }

#frm-mailinglist ol
    {
    padding-left:0;
    font-size:1em;
    list-style:none;
    }

#frm-mailinglist label
    {
    display:block;
    margin-top:0.5em;
    font-size:0.75em/*0.875em*/;
    }

#frm-mailinglist .textbox, #frm-mailinglist select
    {
    margin:0 0 1em;
    font-size:0.75em/*0.875em*/;
    background:#fff;
    -moz-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    -webkit-box-shadow:inset -1px 1px 0.125em #e5e5e5;
    box-shadow:inset -1px 1px 0.125em #e5e5e5;
    border:1px solid #c0c0c0;
    -moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
    }

#frm-mailinglist .textbox
    {
    width:198px;
    padding:0.25em;
    }

#frm-mailinglist select
    {
    width:198px;
    padding:0.25em 1px;
    }

#frm-mailinglist select option
    {
    padding-right:0.5em;
    }

#frm-mailinglist .button
	{
	margin:0 8px 1.5em 0;
	padding:0 3px;
	font-size:0.875em;
	overflow:visible; /* correct IE6/IE7's incorrect padding on buttons */
	}


/* Horizontal rules
----------------------------------------------------------------------------------*/

hr
	{
	display:none;
	}

.hr
	{
	margin:0px 0px 1em 0px;
	border-top:1px dotted #000000;
	}


/* Miscellaneous
--------------------------------------------------------------------------------*/

.warning, .errorText
    {
	font-weight:bold;
	color:#f30;
    }

.basicform fieldset .warning-border, #frm-mailinglist .warning-border
    {
    border-color:#f30;
    }

.normal
    {
	font-weight:normal;
    }

.success
    {
    font-weight:bold;
	color:#37af37;
    }

.hidden
    {
    display:none;
    }/* CSS Document */