/* Start of CMSMS style sheet 'allseasonslayout' */
/*  
CHROME DOES NOT LIKE THE CHARSET SO I AM REMOVING
@charset "utf-8";
*/
/* CSS Document */

body
	{ 
	background: url(http://allseasonswindows.com/east-texas/images/layout/bg.gif) #F8FAAC repeat-x top center;
	background-color: #F8FAAC;
	}

#chromeFix { display: block; position: absolute; width: 1px; height: 100%; top: 0px; left: 0px; }

a
	{
	text-decoration: none;
	}

a img
	{
	border: none;
	}

a:hover
	{
	/*text-decoration: underline;*/
	color: #ffffff !important;
	}

dt
	{
	margin: 18px 0;
	font-weight: 700;
	font-size:16px
	}


dd
	{
	margin: 0 18px;
	}

h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:12px}

form#form-quote
	{
	width: 400px;
	}
label
	{
	float: left;
	width: 200px;
	}
input	
	{
	clear: right;
	}
	

.left
	{
	float: left;
	}
	
#page-wrapper
	{
	background: #F8FAAC;
	}

#menu ul li.home, #menu ul, #sidebar, #sidebar .nav, #page-wrapper, #sidebar .nav-bottom, #content-wrapper .sidebar, #footer, #under-footer, #breadcrumbs
	{
	position: relative;
	zoom: 1; 
	}

#footer, #under-footer, #page-wrapper
	{
	top: -30px;
	}
	
			
#header
	{
	height: 154px;
	background: url(/east-texas/images/layout/header-window-doors.png) no-repeat top right;
	}
#header a img
	{
	margin: 40px 0 0 0;	
	}
#menu
	{
	height: 58px;
	margin: 13px;	
	color:#F7F152;
	font: 800 normal normal 16px/24px "Arial Narrow", Arial, sans-serif;
	}

#menu a, #main-menu a
	{	
	color:#F7F152;
	}

#main-menu a
	{	
	color: #675227;
	}

#menu a:visited
	{	
	color:#F7F152;
	}
#menu a:active
	{	
	color:#DE9C02;
	}

#menu img
	{
	margin: 4px 10px;	
	}	
#menu ul, #menu ul li
	{
	display: inline;
	}
#menu ul
	{
	float: right;
	right: 38px;
	}
#menu ul li.home
	{
	right: 230px;
	}			

#breadcrumbs
	{
	left: -10px;
	width: 720px;
	height: 18px;
	background-color: #342B18;
	overflow: hidden;
	color: #F8FAAC;	
	}	
#breadcrumbs, #breadcrumbs a, #breadcrumbs div, #breadcrumbs p 
	{
	font: 400 normal normal 11px/20px  "Lucida Grande", arial, sans-serif;
	color: #F8FAAC;
	}	

#breadcrumbs a
	{
	color: #FFFFFF;
	}
	
#breadcrumbs div
	{
	margin: 0 0 0 18px;
	}	
	
#sidebar
	{
	background: url(/east-texas/images/layout/menu-bg.jpg) no-repeat top center;
	/*padding: 0 0 295px 15px;*/
	/*left: -8px;*/
	margin: 0;
	padding: 0;
	}

#sidebar .nav h4
	{
	text-transform: uppercase;
	color: #fff;
	font:normal normal bolder 15px/23px "Lucida Grande",sans-serif;
	/*padding: 15px 0 0 0;*/
	}	
	
#sidebar .nav ul li
	{
	list-style: none;
	}	
	
#menu, #sidebar .nav, #sidebar a, #sidebar .nav-bottom
	{
	color: #f7f152;
	}	
	
#sidebar .nav
	{
	margin: auto 15px;
	/*left: 15px;*/
	}
		
.nav-bottom
	{
	background: url(/east-texas/images/layout/menu-bot.jpg) no-repeat top center;
	height: 265px;
	}	
		
.nav-bottom a
	{
	height: 265px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	}	

#sidebar .nav-bottom a, #sidebar .nav-under p
	{ 
	padding-left: 15px;
	}
	
#content-wrapper
	{
	/*margin: 8px;*/
	}
	
#content-wrapper .sidebar
	{
	top: 60px;
	}

#content-wrapper .sidebar img, #content-wrapper .content img
	{
	border: 3px solid #996600 ;
	margin: 0 0 20px 0;
	}

#content-wrapper .content
	{
	/*overflow: hidden;*/
	}


#content-wrapper .content .article
	{
	width: 97%;
	}

.local
	{
	position: absolute;
	left: -999px;
	}
	
	
#footer
	{
	height: 30px;
	background: url(/east-texas/images/layout/footer.gif) repeat-x top left;
	}
	
#page-bottom
	{
	width: 100%;
	position: fixed;
	bottom: 0;
	clear:both;
	margin: 30px 0 0 0;
	z-index: 77;
	}
	
	
.container-16
	{
	margin: 0 0 60px 0;
	}

#under-footer{
	text-align: center;
	font-size: 8pt;
	color: #675227;
}

#under-footer a, #under-footer a:hover {
	color: #675227 !important;
}

#under-footer a:hover {
	text-decoration: underline  !important;
}


#under-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}
#under-footer li{
	display: inline;
	padding: 0 15px;
}
	

#main-menu
	{
	position: absolute;
	top: 230px;
	right: -300px;
	width: 300px;
	z-index: 55;
	}

#main-menu ul
	{
	margin: 0 0 5px 5px;
	}

#main-menu li
	{
	margin: 0 0 0 5px;
	}
		
/* Styles for content slider */	

#slider
	{
	margin: auto auto 18px auto;
	}
	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	



/*Make sure your page contains a valid doctype at the top*/
#slider { 
/* CSS for slider */
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 10px solid #675227;
border-left: 10px solid #8C7D2A;
border-top: 10px solid #342B18;
border-bottom: 10px solid #6A5728;
border-right: 10px solid #6A5728;
margin: 0 0 0 -10px;
}

#slider .gallerydesctext{ 
/* CSS for description DIV of Example 1 (if defined) */
text-align: left;
padding: 2px 5px;
}

/*
Description: Dynamic Menu System - Horizontal/Vertical
*/

#menuwrapper {
background: transparent;
position: relative;
z-index: 6677;
width:98%;
padding-left: 2%;
top: -7px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 500px; For KHTML*/
  list-style: none;
  height: 28px;
}

ul#navmenu li {
  margin-left:-1px;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 28px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 190px;
  list-style: none;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 190px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  background: transparent;
  padding: 5px 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: transparent;
}

#navmenu li.menuactive a{
background: transparent;
}

#navmenu .sectionheader{
  padding: 0; 
display: block;
background:  #675227;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #675227;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #675227;
}

#navmenu li.menuactive li a.menuactive {
background: #675227;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #675227;
}

#navmenu li.menuactive li.menuactive li a.menuactive {
background: #675227;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #675227;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #675227;
}

#navmenu li.menuactive li.menuactive li.menuactive li a.menuactive {
background: #675227;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #675227;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 190px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
/* End of 'allseasonslayout' */

