/* 
CSS for Lawrence Fabrics
Designed by: Waila Skinner
July 2009
Updated by: Jim McPike
Feburary 2010
*/

#varTxt
{
    background-color: #ffffff;
    color: #000000;
}

#imgVar
{
    background-color: #282;
    color: white;
}

emf-form
{
    background-color: #ffffff;
}

#container-home
{
}

#mainContent h1
{
    width: 650px;
}

#featured-container
{
       height: 200px;
       width: 196px;
       float: right;
}

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

body
{
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background-color: #000000;
	font-size: 12px;
	font-family: "Trebuchet MS" , Tahoma, sans-serif;
	line-height: 18px;
}
.clear {
	clear: both;
}
img { border: 0; }
/* for browsers that don't suck */
#container {
  min-height:8em; 
  height:auto !important;
}

/* for Internet Explorer */
/*\*/
* html #container {
  height: 8em;
}
/**/

.clearfix
{
	display: inline-table;
/* Hides from IE-mac \*/
	height: 1%;
	display: block;
/* End hide from IE-mac */
}

html>body .clearfix
{
	height: auto;	 
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

#mainContent a:link, #mainContent a:visited,
#housekeepinglinks a:link, #housekeepinglinks a:visited {
	color: #000000;
	text-decoration:underline;
}



#mainContent a:hover, #housekeepinglinks a:hover
{ text-decoration:none; }

#container-home {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fce633;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container
{
	background-position: #FFF;
	width: 950px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto;
	text-align: left;
	
}

#header {
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 140px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 15px;
}
.logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 170px;
	margin-right: 15px;
}
#housekeepinglinks {
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	margin-bottom: 5px;
	line-height:140%;
}
#header-content {
	margin: 0px;
	padding: 0px;
	height: 100px;
	text-align: right;
}
#header h1 {
	font-size: 14px;
	font-weight: bold;
	/**margin-top: 15px; **/
	text-align: right;
	display: block;
/**	padding-top: 10px; **/
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#moveDown
{
	margin-top:3px;
}
#scroller {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	width: 948px;
	height: 165px;
	border: 1px solid #FFF;
}
#mainContent {
	padding: 0 20px;
	padding-bottom: 20px;}  /* must be same height as the footer */


.red-header {
	color: #b21c06;
	border-bottom-color: #900;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.blue-header {
	color: #003aa0;
	border-bottom-color: #003AA0;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	width: 100%;
}
.green-header {
	color: #008409;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #008409;
}
#mainContent .categories-home{
	background-image: url(images/categories-bg.jpg);
	background-repeat: repeat-x;
	padding: 3px;
	float: left;
	width: 195px;
	margin-right: 10px;
}
#featured-home {
	margin: 0px;
	padding: 2px 2px 0px 8px;
	float: right;
	width: 196px;
	border: 7px solid #fef37c;
	margin-top: 20px;
}
#mainContent h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#mainContent h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-right: 10px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

#mainContent h4 {
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#featured-home h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#featured-home p {
	margin-bottom: .5em;
	margin-top: 0.25em;
}
.categories-home, #mainContent ul {
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	padding-top: 5px;
}
#mainContent h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #b21c06;
}
.case-thumb {
	margin: 5px;
	float: right;
}
.casestudy-p {
	width: 450px;
}
.footerhome-bg {

	background-image: url(images/footer-rule.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}
#associations_box
{
    margin: 0px;
    padding: 0px;
    clear: both;
    width: 50px;
    height:63px;
}

#footer {
	background-color: #000000;
	background-image: url(images/footer-rule.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 73px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	color: #CCCCCC;
	text-align: center;
	 /*position: relative;
	margin-top: -150px; negative value of footer height */
	height: 150px;
	clear:both;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a, #footer a:visited {
	color: #FFFFFF;
}
/*Interior Pages Styles*/
ul#grid li {
	list-style: none outside;
	float: left;
	margin-right: 5px;
	margin-bottom: 20px;
	width: 220px;
	height: 150px;
	line-height: 225px;
	text-align: center;
}

#footpng
{
	margin-left:1px;
	margin-top:-50px;
}

ul#grid li img {
  vertical-align: middle;
}

.body-text {
	margin: 0px;
	padding: 0px;
	width: 400px;
}
#left {
	float: left;
	width: 460px;
	margin: 0 0 15px;
}
#contactleft {
	float: left;
	width: 530px;
	margin: 0 0 15px;
}
#Newsleft
{
		float: left;
	width: 700px;
	margin: 0 0 15px;
}
#gallery {
	float: left;
	margin: 0px;
	width: 465px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#right {
	float: right;
	width: 420px;
	margin-top: 0px;
	margin-bottom: 25px;
}
#contactright {
	float: right;
	width: 350px;
	margin-top: 0px;
	margin-bottom: 25px;
}
#mainContent p {
	line-height: 18px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img {
	margin: 0 3px 3px 0;
	padding: 2px;
	border: 2px solid #EDEAE7;
}
#right li { list-style: none; }
	#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }
	
#mailing_list {
	text-align: center;
	color: #282; 
	float: left;
	width: 500px;
	font-size: 15px;
	}
	
#mailing_list_form {
	padding: 10px;
	border: solid #282 2px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

td input
{
	margin-left: 40px;
}

#commentBox
{
	resize: none;
}

#textArea
{
	padding-left: 127px;
	margin-top: -40px;
}

.formHeader
{
	font-weight: bold;
	text-align: left;
}

.inputTxt
{
	text-align: left;
}	

.gallery-list {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.gallery-list-last {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 250px;
}
    .awning	   /* Background color for Gallery */
{
	width: 910px;
	height: 900px;
	position: inherit;
	background-color: #008409;
}
    .industrial /* Background color for Gallery */
{
	width: 910px;
	height: 900px;
	position: inherit;
	background-color: #b21c06;
}
  .exh /* Background color for Gallery */
{
	width: 910px;
	height: 900px;
	position: inherit;
	background-color: #003aa0;
}
        .style3
        {
            border: 40px solid #eee;
            position: absolute;
            left: 170px;
            top: 20px;
            height: 200px; 
			width:300px;
        }
	     .slidetext
        {
            top: 330px;
            height: 16px;
            width: 600px;
            position: absolute;
            font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            text-transform: none;
            left: 210px;
            z-index: 0;
        }
		  .lslidetext
        {
            top: 550px;
            height: 16px;
            width: 600px;
            position: absolute;
            font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            text-transform: none;
            left: 210px;
            z-index: 0;
        }
          .news
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: medium;
            font-weight: bold;
        }
        .leftnews
        {
            margin-right: 0;
            width: 100%;
        }