/**********************************************************************************
* 
* © 2009 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 Comstock Construction website
*
***********************************************************************************/

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

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


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

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

body
	{
	background: #054623;
	}


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

img
    {
	border:none;
    }

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

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

.image-caption-left, .image-caption-right
    {
    width:318px;
    }

.imagethumb
    {
    float:left;
    width:auto;
    padding:0px 0.4em 1em 0px;
    /*border:1px solid #2d0092;*/
    }

.imageleft img, .imageright img, .image-caption-left img, .image-caption-right img, .imagethumb img
    {
    float:left;
    width:auto;
    }

.image-caption-left div, .image-caption-right div, .imagethumb div
    {
    float:left;
    width:100%;
    margin:0px 0px 0.4em 0px;
    clear:both;
    }

.imagethumb div
    {
    text-align:center;
    }

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

.image-logos
    {    
    float:right;
    margin:0px 0px 1em 0px;
    clear:both;
    }
    


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

#container
	{
	margin:5px auto;
	width:900px;
	}


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

#masthead
    {
    float:left;
    width:900px;
    height:100px;
    background:url(/sitegraphics/comstock-headerbg01.gif) no-repeat;
    }

#search
    {
    }

#search .text
    {
    }

#search .button
    {
    }

#logo img
    {
    display:none;
    }


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

#nav-container
    {
    }

#nav-topcap
    {
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #nav-topcap
    {
    }

#nav
    {
    float:left;
    width:900px;
    height:25px;
    background:url(/sitegraphics/comstock-navbarbg01.gif) no-repeat;
    }

#nav-left
    {
    float:left;
    width:532px;
    }

#nav-right
    {
    float:left;
    width:328px;
    }

#nav-bottomcap
    {
    }


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

#main-topcap
    {
	float:left;
    width:900px;
    height:11px;
    margin:10px 0px 0px 0px;
	background:url(/sitegraphics/comstock-maintopbg01.gif) no-repeat;
    }
    
#main-bottom
    {
	float:left;
    width:900px;
    height:11px;
	background:url(/sitegraphics/comstock-mainbottombg01.gif) no-repeat;
    }
    
.headerimage
    {
    margin-top: -20px;
    padding-bottom: 10px;
    }


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

#sidepane
    {
    float:left;
    width:245px;
    margin:0px -4px 0px 0px;
    padding:0px 20px 0px 20px;
    text-align:right;
    border-right:4px solid #c53232;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #sidepane
    {
    }

.home
    {
    background:url(/sitegraphics/sidepane-home.jpg) 14px 44px no-repeat;
    }

.carpet
    {
    background:url(/sitegraphics/sidepane-carpet.jpg) 0px 50px no-repeat;
    }

.hardfloor
    {
    background:url(/sitegraphics/sidepane-hardfloor.jpg) 20px 50px no-repeat;
    }

.quote
    {
    background:url(/sitegraphics/sidepane-quote.jpg) 0px 60px no-repeat;
    }

.employment
    {
    background:url(/sitegraphics/sidepane-employment.jpg) 10px 50px no-repeat;
    }

.about
    {
    background:url(/sitegraphics/sidepane-about.jpg) 20px 50px no-repeat;
    }

.contact
    {
    background:url(/sitegraphics/sidepane-contact.jpg) 0px 50px no-repeat;
    }


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

#contactinfo
    {
    float:left;
    width:222px;
    padding:0px 12px 0px 0px;
    }


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

#banner
    {
    }


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

#flashanimation
    {
    }


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

#content
    {
    float:left;
    width:875px;
    padding:20px 10px 0px 15px;
    background: #ffffcc;
    color:#000000;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #content
	{

	}

/* Content
----------------------------------------------------------------------------------*/	
.collage_row
	{
	float:left;
	width:100%;
	}

.collage_cell01
	{
	float:left;
	width:290px;
	}

.collage_cell02
	{
	float:left;
	}

.collage_row_left
	{
	float:left;
	}

.collage_cell03
	{
	width:580px;
	}

.collage_row_right
	{
	float:left;
	}

.collage_cell04
	{
	width:290px;
	}

.collage_cell_slogan01
	{
	float:left;
	padding:2em;
	font:bold italic 2em Georgia, "Times New Roman", Times, serif;
	line-height:2em;
	color:#006600;
	text-transform:uppercase;
	}

.collage_cell_slogan02
	{
	float:left;
	padding:2em 0em 2em 1.5em;
	font:bold italic 1.5em Georgia, "Times New Roman", Times, serif;
	line-height:2em;
	color:#006600;
	text-transform:uppercase;
	}


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

#gallery
	{
	}

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

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

#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 #0c480a;
    }    

.map small
    {
    font:0.6875em Verdana, Arial, Helvetica sans-serif;
    line-height:1.8em;
    }


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

#reservationinfo
    {
    }


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

#footer
    {
    float:left;
    width:900px;
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    border-top: 1px solid #4c9345;
    background: #ffffcc;
    }


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

hr
	{
	display:none;
	}

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


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


/* Special Gallery Formatting
----------------------------------------------------------------------------------*/

#projects ul li
	{
	line-height:1.8em;
	list-style:none;
	}
	
#leftcol
	{
	float:left;
	width:270px;
	margin:10px 0px 0px 0px;
	}
	
#rightcol
	{
	float:left;
	width:270px;
	margin:10px 0px 0px 0px;
	}
	
#piccol
	{
	float:right;
	width:320px;
	margin:10px 0px 0px 0px;
	}
	
#gallery
	{
	float:right;
	width:320px;
	margin:10px 0px 0px 0px;
	}
	
#gallerydesc
	{
	float:left;
	width:400px;
	margin:0px 0px 20px 0px;
	}

#gallery-control
	{
	position:relative;
	left:-26px;
	float:left;
	width:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	clear:both;
	}
	
#gallery-control li
	{	
	float:left;
	padding:0px 8px 0px 0px;
	}

#gallery-images
    {
    float:left;
    width:100%;
    }