/*
Theme Name: A New Image Exteriors Spring 09
Theme URI: http://www.anewimageexteriors.com
Description: Custom template for A New Image Exteriors
Author: Len Hendricks
Author URI: http://www.lenhendricks.com
Version: 0.2
*/


/* ----> GLOBAL <---- */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #4a3e2c url(images/bodyBKGslice.jpg) repeat-x;
}

#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/wrapperBKGslice.jpg) repeat-x 0 250px;
	height: 100%;
}

a img {
	border-style: none;
}

/* @group links */

a {
	color: #5A0E0E;
	text-decoration: none;
}

a:hover {
	color: #5A0E0E;
	text-decoration:underline;
}

/* @end */

/* ----> TOP <---- */

#top {
	background: url(images/topBKGslice.jpg) repeat-x right top;
	width: 900px;
}

#logo {
	float: left;
	position: relative;
	left: 15px;
}

#top .right {
	border-style: none;
	padding-top: 20px;
	padding-bottom: 17px;
	margin: 0;
	padding-right: 10px;
	float: right;
}

#top .right img {
	margin-right: 10px;
}

.promo {
	margin-right: 20px;
}

/* ----> Menu <---- */

#link {
	padding: 5px 0 0 10px;
	float: left;
}

#navleftend {
	width: 10px;
	background: url(images/menu-left-rnd-crnr.jpg) no-repeat right bottom;
/*	border-right: 1px solid #000;*/
	height: 35px;
	float: left;
}

#topnav {
	float: right;
	background: black url(images/menu-right-rnd-crnr.jpg) no-repeat right bottom;
	margin: 0 20px;
	z-index: 99;
	/*width: 620px;*/
}

#topnav .menu, #topnav #tabbar {
	background: url(images/menuslice.jpg) repeat-x;
	height: 35px;
}

#topnav-links {
	margin: 0 10px;
}

#topnav-links ul {
	list-style-type: none;
	padding-top: 5px;
}

#wrapper #top #topnav #topnav-links li a {
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	list-style-image: none;
}

/*#wrapper #top #topnav #topnav-links li  {
	display: inline;
	padding: 3px 10px 5px;
}*/

#wrapper #top #topnav #topnav-links li a#last {
	border: none;
}

#wrapper #top #topnav #topnav-links li a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #f4efde;
	text-decoration: none;
}

#wrapper #top #topnav #topnav-links li.current_page_item {
	color: #f4efde;
	background: #000 url(images/btn-lt-rnd-crnr.jpg) no-repeat left top;
}

#wrapper #top #topnav #topnav-links li.current_page_item a {
	background: url(images/btn-rt-rnd-crnr.jpg) no-repeat right top;
}

#wrapper #top #topnav #topnav-links li li.current_page_item a {
	background: none no-repeat right top;
}


#wrapper #top #link a {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

#wrapper #top #link a:hover {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

/* @group DROPDOWN */

#topnav #suckerfishnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	background: url(images/menuslice.jpg) repeat-x;
}

#topnav #suckerfishnav,
#topnav #suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:20px;
	/*padding:0;*/
	margin:0 0 1px 0;
	/*width:100%;*/
	border-style: none;
}

#topnav #suckerfishnav a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding: 3px 10px 5px;
}

#topnav #suckerfishnav li {
	/*float:left;*/
	padding:0
}

#topnav #suckerfishnav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	/*width:130px;*/
	font-weight:normal;
	margin:0;
	line-height:1;
	-moz-opacity:1;
	opacity:1;
	khtml-opacity:1;
	z-index: 99;
	padding: 5px;
}

#topnav #suckerfishnav li li {
	padding-right:0px;
	display: block;
	border-bottom: 1px none #333;
}

#topnav #suckerfishnav li li a {
	padding: 5px 10px
}

#wrapper #top #topnav #topnav-links  #suckerfishnav li li.current_page_item  {
	color: #f4efde;
	background: #000 url(images/menuslice_down.jpg) repeat-x 0 -2px;
}


#topnav #suckerfishnav li ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topnav #suckerfishnav li ul li a {
	font-size:13px; 
	color:#999
}

#topnav #suckerfishnav li:hover ul li a {
	color:#fff
}

#topnav #suckerfishnav li ul ul {
	margin:-20px 0 0 131px
}

#topnav #suckerfishnav li ul li:hover {
	background: #333
}

#topnav #suckerfishnav li ul li:hover a {
	color:#fff
}

#topnav #suckerfishnav li ul li:hover li a {
	color:#fff
}

#topnav #suckerfishnav li ul li li:hover a {
	color:#fff
}

#topnav #suckerfishnav li ul li ul li:hover ul li a {
	color:#fff
}

#topnav #suckerfishnav li ul li ul li:hover ul li:hover a {
	color:#fff
}

#topnav #suckerfishnav li:hover ul ul, 
#topnav #suckerfishnav li:hover ul ul ul, #topnav #suckerfishnav li.sfhover ul ul, 
#topnav #suckerfishnav li.sfhover ul ul ul {
	left:-999em
}

#topnav #suckerfishnav li:hover ul, 
#topnav #suckerfishnav li li:hover ul, 
#topnav #suckerfishnav li li li:hover ul, #topnav #suckerfishnav li.sfhover ul, 
#topnav #suckerfishnav li li.sfhover ul, 
#topnav #suckerfishnav li li li.sfhover ul {
	left:auto;
	background: #000
}

#topnav #suckerfishnav li:hover, 
#topnav #suckerfishnav li.sfhover {
	background: transparent
}

#topnav #suckerfishnav li:hover a, 
#topnav #suckerfishnav li.sfhover a {
	color:#fff
}

#topnav #suckerfishnav li.green {
	color: #371;
}


/* @end */

/* ----> INTRO <----*/

#intro {
	height: 150px;
}

#intro .img {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ----> SIDE <---- */

#side, #side a, #side h2, #side .special {
	color: #fff;
}

#side {
	font-size: .8em;
	line-height: 140%;
	margin-bottom: 10px;
}

#side a {
	font-weight: bold;
}

#side h2 {
	text-transform: uppercase;
	font-weight: bold;
}

#side .special {
}

#side ul {
	list-style-type: none;
}

#side .widget {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C9BF9C;
}

#slidebar {
	height: 120px;
	padding-left: 0;
	padding-top: 130px;
	width: 900px;
}

*html #slidebar {
	padding-top: 0px;
}

#payment {
	text-align: center;
	padding-top: 10px;
}

/*.photos {
	width: 180px;
	height: 120px;
	margin: 0;
}*/

.photos img {
	width: 180px;
	height: 120px;
	margin: 0;
}

/* ----> CONTENT <---- */

#content {
	width: 900px;
}

*html #content {
	width: 900px;
}

.entry, .postmetadata {
	width: 580px;
}

.entry p img {
	position: relative;
	right: 15px;
	bottom: 15px;
}

#side {
	width: 220px;
	padding: 20px 0 20px 20px;
	float: left;
}

#main {
	width: 600px;
	background: #C9BF9C none 0;
	/*float: right;*/
	margin: 5px 20px 0 260px;
	padding: 15px 0 10px 20px;
}

#frontmain {
	width: 620px;
	margin: 5px 20px 0 260px;
	padding: 0;
}

h1 {
	font-size: 110%;
	color: #590e0e;
	margin-bottom: 5px;
	margin-top: 5px;
	text-transform: uppercase;
}

h2 {
	font-size: .9em;
	color: #000;
}

h3 {
	font-size: .9em;
	padding-top: 10px;
	padding-bottom: 5px;
}

h4 {
	font-size: .8em;
	margin-bottom: 10px;
}

#main p.nospace {
	margin-bottom: 0;
}

#main p, #main ul {
	font-size: .8em;
	color: #000000;
	line-height: 140%;
	margin-bottom: 10px;
}

blockquote {
	display: block;
	margin-top: 10px;
	border-bottom: 1px dotted #63543b;
}

.special {
	font-weight: bold;
	color: #590e0e;
}

#main ul {
	color: #000000;
	list-style-type: square;
	list-style-position: inside;
}

#main ul.nobullet {
	list-style-type: none;
}

.clear {
	clear: both;
}

.action {
	text-align: center;
	display: block;
	clear: both;
	margin-top: 10px;
}

.tag {
	text-align: center;
	padding-top: 3px;
	background-color: #590d0f;
	color: #fff;
	padding-bottom: 4px;
}

.alignright {
	float: right;
	margin: 5px;
	padding: 5px;
	border: 1px solid #63543b;
	position: relative;
	top: 0;
	left: 0;
}

.alignleft {
	float: left;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 0;
	border: 1px solid #63543b;
	position: relative;
	top: 0;
	left: 0;
}

.clearset {
	clear: right;
}

.thumbnail {
	width: 255px;
	text-align: center;
}

.postmetadata {
	border-bottom: 1px dotted #4a3e2c;
	padding-bottom: 10px;
}

#main table {
	font-size: .9em;
}

#main table td {
	padding: 5px;
	border: 1px solid #000;
}

.wts_title{
	clear: left;
	font-size: .9em;
}

.wts_title a.jtoggle{
    color: #2b2318;
    background: url('arrow.png') no-repeat right center;
    padding-right: 10px;
    cursor: hand;
    }
    
.wts_slidewrapper{
    display: none;
    padding: 0 10px;
	background-color: #d5cba8;
}
.jwts_slider {
	padding: 0;
	margin: 0;
}
.jwts_slidecontent {
	padding:0px;
	margin:0px;
	background:none;
	border:none;
	position: relative;
}
/* ----> FOOTER <---- */
#footer {
	width: 640px; 
	padding: 35px 0 20px;
	height: 60px;
	float: right;
	background: url(images/footerBAR.png) no-repeat 0 top;
}

#footer p {
	display: inline;
	font-size: .6em;
	color: #C9BF9C;
	text-transform: uppercase;
	float: left;
	margin: 0 20px;
}

#footer a {
	color: #a98f64;
	text-decoration: none;
	font-weight: bold;
}

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

/* ----> JQUERY CYCLE <---- */

#slideshow {
    position:relative;
    height:365px;
}

#slideshow .slide {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow .slide.active {
    z-index:10;
}

#slideshow .slide.last-active {
    z-index:9;
}

/* photos1 */

#photos1 {
	position: relative;
} 

#photos2{
	position: relative;
	left: 180px;
} 

#photos3 {
	position: relative;
	left: 360px;
} 

#photos4 {
	position: relative;
	left: 540px;
}

#photos5 {
	position: relative;
	left: 720px;
}

#photos1 .slide, 
#photos2 .slide, 
#photos3 .slide,
#photos4 .slide,
#photos5 .slide {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#photos1 .slide.active,
#photos2 .slide.active,
#photos3 .slide.active,
#photos4 .slide.active,
#photos5 .slide.active {
    z-index:10;
}

#photos1 .slide.last-active,
#photos2 .slide.last-active,
#photos2 .slide.last-active,
#photos4 .slide.last-active,
#photos5 .slide.last-active {
    z-index:9;
}

/* ----> FORMBUILDER <---- */

form.formBuilderForm,
div.formBuilderSuccess {
	clear: none;
}