/**********************************************************************************
* 
* © 2008 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 CSS file for the Casey Jo's website
*
***********************************************************************************/

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

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


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

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

body
	{
	background:#000000;
	}


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

img
    {
    border:none;
    }

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    border:1px solid #000000;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    border:1px solid #000000;
    clear:both;
    }

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

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


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

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


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

#masthead
    {
    float:left;
    width:800px;
    height:217px;
    }
    
.masthead-home
	{
	background:url(/images/backgrounds/caseyjos-header-general02.jpg) no-repeat;
	}
	
.thanksgiving
	{
	background:url(/images/backgrounds/caseyjos-header-thanksgiv.jpg) no-repeat;
	}

.christmas
	{
	background:url(/images/backgrounds/caseyjos-header-christmas.jpg) no-repeat;
	}
	
.easter
	{
	background:url(/images/backgrounds/caseyjos-header-easter.jpg) no-repeat;
	}

#logo
    {
    display:none;
    }


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

#main
	{
	float:left;
	width:731px;
	height:393px;
	padding:0px 0px 0px 69px;
	background:url(/images/backgrounds/caseyjos-mainbg.jpg) no-repeat;
	}

/*.home
    {
    background:url(/images/backgrounds/caseyjos-mainbg-home.jpg) no-repeat;
    }

.testimonials
    {
    background:url(/images/backgrounds/caseyjos-mainbg-testimonial.jpg) no-repeat;
    }

.menu
    {
    background:url(/images/backgrounds/caseyjos-mainbg-menu.jpg) no-repeat;
    }

.contact
    {
    background:url(/images/backgrounds/caseyjos-mainbg-contact.jpg) no-repeat;
    }*/
        


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

#nav
    {
    float:left;
    width:661px;
    margin:0px 0px 0px 0px;
    text-align:center;
    }


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

#banner
    {
    }


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

#content
	{
	float:left;
	width:394px;
	height:299px;
	margin:16px 0px 16px 0px;
	padding:0px 16px 0px 16px;
	overflow:auto;
	}

.testimonial-cell
    {
    margin:0px 0px 1em 0px;
    border-bottom:1px dotted #000000;
    }


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

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

.map iframe
    {
    width:376px;
    height:299px;
    margin:0px 0px 0.2em 0px;
    border:1px solid #999999;
    }


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

#sidepane
	{
	float:left;
	width:235px;
	height:331px;
	background:url(/images/backgrounds/caseyjos-imagesbg.jpg) no-repeat;
	}

#sidepane-images
    {    
    }

#sidepane-image01, #sidepane-image02
    {
    width:199px;
    height:149px;
    }

#sidepane-image01
    {
    margin:10px 0px 0px 25px;
    background:#000000;
    }

#sidepane-image02
    {
    margin:12px 0px 0px 25px;
    background:#000000;
    }

/*.sidehome
    {
    background:url(/images/backgrounds/caseyjos-imagesbg-home.jpg) no-repeat;
    }

.sidemenu
    {
    background:url(/images/backgrounds/caseyjos-imagesbg-menu.jpg) no-repeat;
    }

.sidecontact
    {
    background:url(/images/backgrounds/caseyjos-imagesbg-contact.jpg) no-repeat;
    }*/


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

#footer
    {
    float:left;
    width:800px;
    margin:1em 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }


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

hr
	{
	display:none;
	}

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


/* Miscellaneous classes
----------------------------------------------------------------------------------*/
.warning
	{
	color:#ff0000;
	}