/**********************************************************************************
* 
* © 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 JSM Woodworks website
*
***********************************************************************************/

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

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


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

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

body
	{
	background:#b0b0ff url(/sitegraphics/jsm-sitebg01.gif) repeat-x;
	}


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

img
    {
    border:none;
    }

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

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

.imageleft img, .imageright img
    {
    }

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


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

#container
	{
	margin:0px auto;
	width:782px;
	}


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

#masthead
    {
    float:left;
    width:780px;
    height:110px;
    background:url(/sitegraphics/jsm-mastheadbg01.jpg) no-repeat;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    }

#logo
    {
    display:none;
    }


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

#main 
	{
	float:left;
	width:780px;
	background:#dedeff url(/sitegraphics/jsm-footerbg01.jpg) repeat-y;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	}


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

#sidepane
    {
    float:left;
    width:160px;
    /*background:#d6daeb url(/sitegraphics/jsm-sidepanebg.gif) repeat-x;*/
    }

/* Main navigation
----------------------------------------------------------------------------------*/

#nav
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	/*ackground:url(/sitegraphics/jsm-navbg01.jpg);*/
	}


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

#content 
	{
	float:left;
	width:580px;
	margin:0px;
	padding:20px 20px 0px 20px;
	background:url(/sitegraphics/jsm-mainbg02.jpg) top right no-repeat;
	}
	
#imageinit
	{
	float: left;
	width: 100%;
	}


/* Sub navigation
----------------------------------------------------------------------------------*/

#subnav-cap-left
	{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 6px;
	height:23px;
	background:url(/sitegraphics/jsm-subnavleftbg01.gif) left top no-repeat;
	}
	
#subnav-cap-right
	{
	float:left;
	height:23px;
	background:url(/sitegraphics/jsm-subnavrightbg01.gif) right top no-repeat;
	}

#subnav
	{
	float:left;
	margin:0px 0px 0px -0px;
	padding:0px 7px 0px 0px;
	}


/* Thumbnail viewer
----------------------------------------------------------------------------------*/
	
#thumbnailviewer
	{
	float:left;
	width:580px;
	height:77px;
	margin:0px 0px 1em 0px;
	padding:0px;
	border:1px solid #000000;
	}
	
/* star hack to fix margin discrepencies between IE6 and IE7 */

* html #thumbnailviewer
	{
	height:76px;
	width:578px;
	}
	
#thumbnailviewer img
	{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100px;
	height:77px;
	}
	
#PicStrip
	{
	width: 580px;
	}
	
* html #PicStrip
	{
	width: 578px;
	}


/* Main gallery - image area
----------------------------------------------------------------------------------*/
	
#mainimage
	{
	float:left;
	width:420px;
	margin:0px;
	padding:0px 0px 10px 0px;
	}

#loadarea
	{
	float:left;
	width:580px;
	margin:0px;
	padding:0px;
	}
	
#loadarea img
	{
	width:580px;
	border:1px solid #000000;
	}
	
#caption1
	{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px;
	}
	
#description
	{
	float:left;
	width: 100%;
	margin:0px 0px -10px 0px;
	}


/* Main gallery - sidepane
----------------------------------------------------------------------------------*/
	
#gallery-sidepane
	{
	float:left;
	width:135px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	}


/* Specifications
----------------------------------------------------------------------------------*/
	
#specifications
	{
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
	
#specs
	{
	margin:0px;
	padding:0px;
	}


/* Documents
----------------------------------------------------------------------------------*/
	
#documents
	{
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	}


/* Categories
----------------------------------------------------------------------------------*/
	
#categories
	{
	float:left;
	margin:0px;
	padding:0px;
	}


/* Box backgrounds
----------------------------------------------------------------------------------*/

.boxheader
	{
	float:left;
	width:142px;
	height:32px;
	margin:0px;
	padding:0px;
	background:url(/sitegraphics/jsm-boxheaderbg01.gif) no-repeat;
	}
	
.boxmain
	{
	float:left;
	width:142px;
	margin:0px;
	padding:0px;
	background:url(/sitegraphics/jsm-boxmainbg01.gif) repeat-y;
	}
	
.boxfooter
	{
	float:left;
	width:142px;
	height:8px;
	margin:0px;
	padding:0px;
	background:url(/sitegraphics/jsm-boxfooterbg01.gif) no-repeat;
	}


/* Footer
----------------------------------------------------------------------------------*/
		
#footer 
	{
	float:left;
	width:770px;
	height:24px;
	padding:8px 0px 0px 10px;
	background:#dedeff url(/sitegraphics/jsm-footerbg01.jpg) repeat-y;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	}