/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }



/* Remove inconsistent (among browsers) default padding or margin */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }



/* prevent blue linked image borders */

a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* root selectors */ 
body { background:url("../images/bg.gif") repeat-x top left #FBF5E5; text-align:center; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#351900; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height:16px; }
p,pre,blockquote { margin-bottom:8px; }
a:link,a:visited { color:#351900; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }
h1 { font-size:15px; }
h2 { font-size:14px; }
h3 { font-size:13px;margin-bottom:15px; }

/*
form { width:150px; padding:10px 0 15px 22px; }
input, textarea { background-color:#482716; border:1px solid #000; width:150px; height:18px; margin-bottom:4px; padding-top:2px; padding-left:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B9A085; }
textarea { height:70px; overflow:auto; }
*/
/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:.01em; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.submit, .submit-main-contact { width:60px; cursor:pointer; padding:0; }
.submit-main-contact { margin:85px 0 0 217px; }


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/wrap-bg.gif") repeat-y; width:758px; margin:0 auto; text-align:left; }
 #mast-head { background:url("../images/mast-head.jpg") no-repeat; height: 324px; }

 
 #nav { background:url("../images/nav.jpg") no-repeat; width:769px; height:92px; position:relative; }
 #nav li { position:absolute; top: 0; }
 #nav li, #nav a { height:40px; display:block; }
 #nav span { display:none; }

 #nav-01 { width: 98px; left: 196px; }
 #nav-02 { width: 124px; left: 294px; }
 #nav-03 { width: 131px; left: 418px; }
 #nav-04 { width: 130px; left: 549px; }
 
 #nav-01 a:hover { background: transparent url("../images/nav.jpg") -196px -92px no-repeat; }
 #nav-02 a:hover { background: transparent url("../images/nav.jpg") -294px -92px no-repeat; }
 #nav-03 a:hover { background: transparent url("../images/nav.jpg") -418px -92px no-repeat; }
 #nav-04 a:hover { background: transparent url("../images/nav.jpg") -549px -92px no-repeat; }

 
 #column-left { 
 	background: url(../images/column-left-bg.gif) repeat-y;
	width:249px; 
	float:left; 

	}
    
	
    #column-left-header-contact { background: url("../images/column-left-header.gif") no-repeat top left; height:205px; }
	#column-left-content { padding-left:45px; padding-right:35px;}
	#column-left-content a:link, #column-left-content a:visited, #column-left-content p { color:#0E4478; text-decoration:none; }
	#column-left-content a:hover, #column-left-content a:active { text-decoration:underline; }
	
	#column-left-bottom { background: url("../images/column-left-footer.gif") no-repeat bottom left; height:41px; }
	
	
	
  
 #column-right { background:url("../images/column-right-bg.gif") repeat-y; width:485px; float:left; }
 	
	#header-welcome { background: url("../images/header-welcome.gif") no-repeat; width:485px;height:90px;  }
	#header-services { background: url("../images/header-services.gif") no-repeat; width:485px;height:90px;  }
	#header-products { background: url("../images/header-products.gif") no-repeat; width:485px;height:90px;  }
	#header-contact { background: url("../images/header-contact.gif") no-repeat; width:485px;height:90px;  }
	#header-thankyou { background: url("../images/header-thankyou.gif") no-repeat; width:485px;height:90px;  }
	
	#column-right-content { background:url("../images/column-right-footer.jpg") no-repeat bottom left; padding:0 30px 200px 30px; }
	#column-right-content ul.items { margin-left:15px;}
	#column-right-content li.items { margin-left:10px;}

	#product-list ul { margin:0 auto;  }
	#product-list a:link, #product-list a:visited, #product-list p { text-decoration:none;  }
    #product-list a:hover, #product-list a:active { text-decoration:underline; }
	#product-list li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid; font-weight:bold; }
	#product-list li.first { border: none; }

  	
  
 #bottom { background:url("../images/bg-footer.jpg") no-repeat; width:769px; height:297px; clear:both; overflow:hidden; }



/* inside framework
 * ------------------------------------------------------------------------- */



/* footer
 * ------------------------------------------------------------------------- */
#footer { width:760px; text-align:center; margin:0 auto; padding-top: 20px;}
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#6A5B4F; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#footer ul { margin-bottom:5px; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #6A5B4F; font-weight:bold; }
#footer li.first { border: none; }


/*  contact forms
 * ------------------------------------------------------------------------- */


form { 
	width:150px; 
	padding:10px 0 15px 0; 
	}



form label	{ 
	font-size:11px; 
	color:#000;
	}



form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  



input, textarea, select { 
	background-color:#fff; 
	border:1px solid #000;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:11px;
	}

	

select { 
	width:150px; /* same width as form !important */
	padding:0;
	}



textarea { 
	height:90px; 
	overflow:auto; 
	}

	

input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0; 
	}



input.submit-contact-main { margin:85px 0 0 242px; }





/* ----- main contact form ----- */ 

 

#contact-main { 
	padding:20px 0 10px 0; 
	}

	

#contact-main label { 

	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	color:#000;

	}

	

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

	

#contact-main label select {
	width:205px;
	}

	

#contact-main label textarea { height:100px; }