/*
Theme Name: MasonrySystems.Org
Theme URI: http://wordpress.org/
Description: MasonrySystem.Org Custom Theme.
Version: 1.6
Author: Gary Evans and Travis Beck
Author URI: http://wholewheatcreative.com/


	wholewheatcreative v3


	This theme was designed and built by Gary Evans and Travis Beck,
	whose blog you will find at http://www.simpleapplications.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { font-size: 100.01%; }

html { font-size: 62.5%; }

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	background:#bababa url(/images/body-bg.gif) repeat-x;	
	font:100% Verdana, Arial, Helvetica, sans-serif;
	min-width:900px;
}

img{
	border:none;
}
#main-container {
	overflow:hidden;
	min-height:100%;
	position:relative;
	z-index:100;
}
fieldset{
	border:none;
}
* html #main-container {height:100%; overflow:visible; margin:0;}

a:active, a:link, a:hover, a:visited{
  outline: none;
}
/* header */
#header {
	position:absolute;
	top:0;
	left:0;
	z-index:7;
	width:100%;
	height:43px;
	background:#305f74;
}
#header h2 {
	float:left;
	width:324px;
	height:61px;
	margin:0 0 -18px;
	position:relative;
	background:url(/images/logo.png) no-repeat;
}
#header h2 a {
	float:right;
	width:317px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 0;
}

/* container */
#container {
	margin:0 auto;
	clear:both;
	height:1%;
	position:relative;
	top:43px;
	z-index:100;
	padding:15px 5px;
	max-width:1050px;
}
div.home-page {width:777px !important;}

/* top-nav */
.top-nav {
	position:absolute;
	top:7px;
	float:right;
	right:35px;
	height:36px;
	background:url(/images/top-nav-bg.gif) no-repeat;
	z-index:8;
}
div.home-page .top-nav {right:10px;}
.top-nav ul {
	float:left;
	height:31px;
	padding:5px 0 0;
	margin:0;
	list-style:none;
	background:url(/images/top-nav-right-bg.gif) no-repeat 100% 0;
}
.top-nav ul li {
	float:left;
	padding:0 10px;
	background:url(/images/top-nav-separator.gif) no-repeat 100% 0;
	line-height:28px;
}
.top-nav ul li.last {
	float:left;
	padding:0 10px;
	background:none;
	line-height:28px;
}
.top-nav ul li.last {background:none;}
.top-nav ul li a {
	color:#fff;
	text-decoration:none;
}
.top-nav ul li a:hover {text-decoration:underline;}

/* tabset */
.tabset {
	width:100%;
	height:41px;
}
.tabset a.tab {
	float:left;
	height:29px;
	display:inline;
	margin:0 2px -1px 0;
	color:#f0a10a;
	cursor:pointer;
	text-decoration:none;
	outline: none;
}

.tabset a.tab span {
	font-size:18px; 
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	display: block;
}

.tabset a.tab .sub-text {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	padding:0;
	height:14px;
	margin:-3px 0 -3px;
	position:relative;
	z-index:100;
	display:none;
}
.tabset a.active .sub-text {
   display:inline;
   margin-top: 1px;
}
.tabset a.active {position:relative; z-index:100;}
.tabset .t1 {background:url(/images/tab1-bg.png) no-repeat; width:238px; padding:12px 0 0 15px;}
.tabset .t2 {background:url(/images/tab2-bg.png) no-repeat; width:237px; padding:12px 0 0 15px;}
.tabset .t3 {background:url(/images/tab3-bg.png) no-repeat; width:238px; padding:12px 0 0 15px;}


/* tabs */
div.tab {
	padding:0;
	width:100%;
	margin:0 0 0px;
	position:relative;
}
div.tab .tab-inf {
	overflow:hidden;
	clear:both;
	width:100%;
}
.tab .top-bg {
	float:left;
	display:inline;
	margin:-7px 0 0 0;
	height:15px;
	width:100%;
	overflow:hidden;
}
.tab .rtbg {
	float:right;
	width:15px;
	height:15px;
	position:relative;
}
.tab .tbg {margin:0 15px 0 7px; height:15px;}
* html .tab .tbg div {margin:0 -3px 0 0; padding:0 3px 0 0; overflow:hidden;}

.tab .bot-bg {
	/*float:left;
	NOTE: removed because the dock wasnt jutting up to the top of the section in ie 6/7 doesnt appear to have broken anything
	*/
	display:inline;
	height:13px;
	width:100%;
	position:relative;
}
.tab .rbbg {
	float:right;
	width:12px;
	height:13px;
}
.tab .bbg {margin:0 12px 0 0; height:13px;}
* html .tab .bbg div {
	margin:0 -3px 0 0; 
	padding:0 3px 0 0; 
	height:13px; 
	float:right; 
	width:100%;  
	position:relative;
}
.tab .bot-bg span {
	float:right;
	display:inline;
	position:relative;
	margin:-15px 22px 0 0;
	background:url(/images/botton-num-bg.gif) no-repeat;
	width:46px;
	height:7px;
}
* html .tab .bot-bg span {margin:-17px 22px 0 0;}
#tab2 .bot-bg span {background:url(/images/botton-num-bg2.gif) no-repeat;}
.tab .tbg div {
	float:right; 
	width:100%; 
	height:15px; 
	position:relative;
}
.tab .lbg {
	float:left;
	width:7px;
	background:url(/images/tab-l-bg.png) repeat-y;
	padding:0 0 9999px;
	margin:0 0 -9999px;
}
.tab-lbg {
	position:absolute;
	top:56px;
	left:5px;
	width:7px;
	overflow:hidden;
	background:url(/images/tab-l-bg.png) repeat-y;
	height:8px;
}
.tab .rbg {
	float:right;
	width:7px;
	background:url(/images/tab-r-bg.png) repeat-y;
	padding:0 0 9999px;
	margin:0 0 -9999px;
}
#tab1 .rtbg {background:url(/images/tab1-tr-bg.png) no-repeat;}
#tab1 .tbg div {background:url(/images/tab1-t-bg.png) repeat-x;}
#tab1 .rbbg {background:url(/images/tab1-br-bg.png) no-repeat; position: relative; z-index: 2;}
#tab1 .bbg div {background:url(/images/tab1-b-bg.png) repeat-x;}
.style-tab12 .rbbg {background:url(/images/tab12-br-bg.png) no-repeat !important;}
.style-tab12 .bbg div {background:url(/images/tab12-b-bg.png) repeat-x !important;}

#tab2 .rtbg {background:url(/images/tab2-tr-bg.png) no-repeat;}
#tab2 .tbg div {background:url(/images/tab2-t-bg.png) repeat-x;}
#tab2 .rbbg {background:url(/images/tab2-br-bg.png) no-repeat; position: relative; z-index: 2;}
#tab2 .bbg div {background:url(/images/tab2-b-bg.png) repeat-x;}

#tab3 .rtbg {background:url(/images/tab3-tr-bg.png) no-repeat;}
#tab3 .tbg div {background:url(/images/tab3-t-bg.png) repeat-x;}
#tab3 .rbbg {background:url(/images/tab3-br-bg.png) no-repeat; position: relative; z-index: 2;}
#tab3 .bbg div {background:url(/images/tab3-b-bg.png) repeat-x;}
#tab1, #tab2, #tab3{
	position:absolute;
    top:-9999px;
}
/* three-promo-block */
.three-promo-block {
	width:777px;
	float:left;
	width:100%;
	position:relative;
	padding:15px 0 0;
	margin:0 0 45px;
	background:url(/images/tpb-top-bg.png) no-repeat;
}
.three-promo-block .tpb-bg1 {
	float:left;
	width:100%;
	background:url(/images/tpb-bg.png) repeat-y;
}
.three-promo-block .tpb-bg2 {
	float:left;
	width:100%;
	background:url(/images/tpb-bg2.gif) repeat-y;
}
.three-promo-block .tpb-bg3 {	
	float:left;
	width:100%;
	position:relative;
	background:url(/images/tpb-bg3.gif) no-repeat 0 165px;
}
.three-promo-block .tpb-bottom-bg {
	float:left;
	width:100%;
	height:15px;
	background:url(/images/tpb-bottom-bg.png) no-repeat;
}
.three-promo-block .col1 {
	float:left;
	width:234px;
	padding:0 0 57px 10px;
}
* html .three-promo-block .col1 {padding:0 0 47px 10px;}
.three-promo-block .col2 {
	float:left;
	width:234px;
	padding:0 0 57px 27px;
}
* html .three-promo-block .col2 {padding:0 0 47px 27px;}
.three-promo-block .col3 {
	float:left;
	width:234px;
	padding:0 0 57px 28px;
}
* html .three-promo-block .col3 {padding:0 0 47px 28px;}
.three-promo-block img {
	display:block;
	border:none;
	margin:-5px 0 0;
	position:relative;
}
.three-promo-block .tpb-inf {
	overflow:hidden;
	padding:14px 10px 0 12px;
}
.three-promo-block .tpb-inf p {
	margin:0 0 10px;
	color:#fff;
	line-height:180%;
}
.three-promo-block .tpb-inf h2 {
	margin:0 0 6px;
	font:19px Arial, Helvetica, sans-serif;
}
.three-promo-block .tpb-inf span {
	color:#F1B746;
}
.three-promo-block .more {
	float:right;
	color:#f1b746;
	margin:0;
	font-size:110%;
	text-decoration:none;
}
.three-promo-block .more:hover {text-decoration:underline;}
.three-promo-block .bottom-link {
	width:218px;
	height:43px;
	padding:12px 8px 0;
	display:block;
	position:absolute;
	bottom:-5px;
	left:0px;
	color:#f1b746;
	text-decoration:none;
}
.three-promo-block .bottom-link:hover {text-decoration:underline;}
.three-promo-block .col1 .bottom-link {left:10px; background:url(/images/tpb-col1-bg.gif) no-repeat;}
.three-promo-block .col2 .bottom-link {left:271px; background:url(/images/tpb-col2-bg.gif) no-repeat;}
.three-promo-block .col3 .bottom-link {left:533px; background:url(/images/tpb-col3-bg.gif) no-repeat;}


/* content */
#cr1, #cr2, #cr3{
	height:auto;	
	overflow:hidden;
	min-height:500px;
}
#cr1-inner, #cr2-inner, #cr3{
	height:auto;	
}
form {padding:0; margin:0;}
.you-content {height:500px; overflow:hidden;}
.content {
	margin:0 7px;
}
.content .con-bg {
	float:left;
	width:100%;
	position:relative;
	min-height:500px;
}
#tab1 .content .con-bg {background:#74372f url(/images/tab1-gradient.gif) repeat-x;}
#tab2 .content .con-bg {background:#66583e;}
#tab3 .content .con-bg {background:#316076;}

/* top-links */
.top-links {
	padding:0;
	margin:5px 0 0;
	overflow:hidden;
	list-style:none;
	background:#670c00;
	border:solid #340100;
	border-width:1px 0;
	line-height:23px;
	height:1%;
	letter-spacing:-1px;
}
.style-tab12 .top-links {border:none;}
#tab2 .top-links {
	background:#816023;
	border-top:solid 1px #b47604;
	border-bottom:solid 1px #462202;
}
#tab3 .top-links {
	background:#2a7090;
	border-top:solid 1px #138cc5;
	border-bottom:solid 1px #1a4357;
	}

.top-links li {
	float:left;
	display:inline;
	background:url(/images/top-links-separator.gif) no-repeat 0 50%;
	padding:2px 15px 5px 16px;
	margin:0 0 0 -1px;
	font-size:90%;
}
.top-links li.close {
	float:right;
	background:none;
}
.top-links li.close a {background:none}
.top-links li.close a:hover {text-decoration:underline;}
.top-links li.close img {
	float:left;
	border:none;
	display:inline;
	margin:4px 4px -4px 0;
}
.top-links a {
	color:#f0a10a; 
	text-decoration:none; 
	float:left; 
	line-height:16px;
	background:url(/images/dots.gif) repeat-x 0 100%;
}
.top-links a:hover {background:none;}

/* search-form */
.search-form {
	height:31px;
	padding:9px 0 0 15px;
	position:relative;
	z-index:100;
	background:url(/images/form-bg.gif) repeat-x;
}
.search-form .search {
	float:right;
	margin-right: 15px;
}
.search-form .text {
	float:left;
	width:194px;
	height:12px;
	border:none;
	margin:1px 10px 0 0;
	padding:4px 0 4px 7px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:url(/images/textinput-bg.gif) no-repeat;
}
.search-form .submit {
	float:left;
	display:inline;
	margin:0 0 0 4px;
}


.ino-search-form {
	text-align:center;
	height:31px;
	padding:5px 0 0 29px;
	position:relative;
	z-index:100;
	background:url(/images/form-bg.gif) repeat-x;
}

.ino-search-form .search {
	float:right;
	width:693px;
}

.ino-search-form input.text {
	float:left;
	width:594px;
	height:15px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	color:#816023;
	border:2px solid #816023;
	margin:0;
	padding:4px 0 4px 7px;
}
.ino-search-form input:focus.text {
	border:3px solid #dba114;
}
.ino-search-form .submit {
	float:right;
	display:inline;
	margin:0 0 0 4px;
}



* html .search-form .text {background-attachment:fixed;}
.search-form .select {
	float:left;
	position:relative;
	padding:0 13px 0 0;
	height:21px;
	line-height:21px;
}

/* prodg-inf */
.prodg-inf {
	overflow:hidden;
	height:1%;
}
.pic-box {
	float:right;
	width:506px;
	padding:13px 0 0;
}
.main-pic img {
	float:left;
	border:none;
	padding:6px;
	background:url(/images/img-border-corner.gif) no-repeat 100% 100%;
}
.main-pic span {
	float:left;
	background:url(/images/img-border-right.gif) no-repeat 100% 0px;
}
.main-pic span span {
	float:left;
	background:url(/images/img-border-bottom.gif) no-repeat 0px 100%;
}
.main-pic {
	float:left;
	background:url(/images/img-border-top.gif) no-repeat;
}
.pic-box ul {
	float:left;
	width:100%;
	padding:0 0 22px;
	margin:0;
	list-style:none;
}
.pic-box ul li {
	float:left;
	margin:13px 15px 0 0;
	display:inline;
}
.pic-box ul li.last {margin:13px 0 0 0;}
.pic-box ul img {
	float:left;
	border:none;
	padding:6px;
	background:url(/images/photo-frame.gif) no-repeat 100% 100%;
}

/* inf */

.inf {margin:12px 516px 0 13px; color:#fff;}
.inf a, .inf span {
	color:#f1b746;
	text-decoration:none;
}
.inf a:hover {text-decoration:underline;}
.inf h2 {

	margin:0 0 1px;
	padding:0;
	font:18px Arial, Helvetica, sans-serif;
}
.inf h2 span {display:inline; padding:0; margin:0;}
.inf h3 {
	margin:0 0 1px;
	font-size:100%;
	color:#f1b746;
}
.inf ul {
	padding:0;
	margin:12px 0 12px;
	list-style:none;
	font-size:100%;
}
.inf h4 {
	margin:0;
	font-size:100%;
	color:#f1b746;
}
.inf p {
	margin:0;
	font-size:100%;
}
.inf .votes {
	overflow:hidden;
	margin:35px 0 0;
}
.inf .votes span {
	float:left;
	width:60px;
	height:59px;
	background:url(/images/votes.gif) no-repeat;
	color:#583a3a;
	font:16px/65px Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
.inf .votes ul {
	float:left;
	font-weight:bold;
	padding:0 0 0 10px;
	margin:0 0 35px 0;
	list-style:none;
}
.inf .votes ul li {
	padding:0 0 3px 9px;
	background:url(/images/bullet.gif) no-repeat 0 3px;
}

/* num-page */
.num-page {
	background:#670c00;
	border:solid #340100;
	border-width:1px 0;
	overflow:hidden;
	height:31px;
	padding:0 15px 0 0;
}
#tab2 .num-page {
	background:#816023;
	border-top:solid 1px #b47604;
	border-bottom:solid 1px #462202;
}
#tab3 .num-page {
	background:#2a7090;
	border-top:solid 1px #138cc5;
	border-bottom:solid 1px #1a4357;
}
.num-bottom {
	height:1%;
	border-bottom:none;
}
.num-page img {
	float:right;
	border:none;
	position:relative;
}
.num-bottom img {margin:0 0 -5px;}
.num-page p {
	color:#f0a10a;
	font-size:110%;
	margin:0;
	padding:0 11px 0 0;
	line-height:21px;
	float:right;
}
.num-bottom p {margin:0 0 -5px;}

.num-page label {
	float:left;
	padding:4px 0 0 13px;
	color:#f0a10a;
	font-size:90%;
}
.num-page label .chb {
	float:left;
	padding:0;
	margin:0;
	display:block;
	width:12px;
	height:12px;
	display:inline;
	border:1px solid #622e00;
	margin:0 6px 0 0;
}

/* pic-list */
#pic-list {
	overflow:hidden;
	padding:15px 0 12px 26px;
	margin:0;
	height:1%;
	position:relative;
	list-style:none;
}
#pic-list li {
	float:left;
	width:214px;
	padding:0 24px 0 0;
}
#pic-list li img {
	display:block;
	border:none;
	padding:7px;
	background:url(/images/pic-shadow.gif) no-repeat;
}
#pic-list li img.noBg {
	background:none;
}
#pic-list li p {
	overflow:hidden;
	text-align:right;
	padding:6px 1px 0;
	margin:0;
	height:41px;
	font-size:90%;
	color:#f0a10a;
}
#pic-list li p a {
	float:left; 
	text-align:left; 
	color:#f0a10a; 
	text-decoration:none;
}
#pic-list li p a:hover {text-decoration:underline;}
#pic-list li a span {
	position:absolute;
	top:10px;
	left:-9999px;
}
#pic-list li a span img {
	margin:0 0 0 -50%;
	padding:4px;
	position:relative;
	background:#fff;
}

/*TODO Gary find a better way to do this still.
#pic-list li a:hover span, #pic-list li a.hover span {
	left:50%;
}
*/
/* list */
#list {
	padding:0 0 33px;
	margin:0;
	overflow:hidden;
	height:1%;
	font-size:90%;
	/*color:#f0a10a;*/
	color:#fff;
	list-style:none;
}
#list li {
	background:#ddd;
	float:left;
	width:100%;
	margin:0 0 5px;
	padding:6px 0;
	position:relative;
	border-top:solid 1px #888;
	border-bottom:solid 1px #111;
}
#list li.odd{
   background: #fff;
}
#list li:hover, #list li.hover {
   background:#555555;
}

#list li:hover p, #list li.hover p{
   color: #ddd;
}
#list li:hover a, #list li.hover a{
   color: #F0A10A;
}
#list p {
	margin:0 100px 0 75px;
	line-height:160%;
	width:70%;
	color: #333;
}
div.topic{
	background:url(/images/icons/chat.png) no-repeat left top;
	margin:0 0 0 25px;
	padding:0 100px 0 77px;
	min-height:77px;
}
#list p.synopsis-cc{
	background:url(/images/icons/comment.png) no-repeat left center;
	margin:0 100px 0 50px;
	line-height:160%;
	width:70%;
	color: #333;
   	padding: 25px 25px 25px 50px;
}
#list em{
   font-size: 10px;
}
#list .img {
	float:left;
	width:70px;
}
#list img {
	display:block;
	margin:0 0 0 17px;
	border:none;
	}
#list li a{
	text-decoration:none;
	color:#316076;
}
#list li a.link {
	position:absolute;
	right:10px;
	bottom:8px;
} 
#list li a.link1 {
	position:absolute;
	right:10px;
	bottom:21px;
}
#list li a.link4 {
	position:absolute;
	right:10px;
	top:7px;
}
#list li a.link2 {
	position:absolute;
	right:25px;
	bottom:8px;
}
#list li a.link3 {
	position:absolute;
	right:10px;
	bottom:4px;
} 

a.quickLook{
   margin-top: 10px;
   display: block;
   text-indent: -9000px;
   overflow: hidden;
   outline: none;
   background: url(/images/layout/preview_btn.png) top left no-repeat;
   width: 85px;
   height: 15px;
}
a.quickLook:hover{
   background-position: top right;
}
a.quickLook.active{
   background-position: bottom left;
}
a.quickLook.active:hover{
   background-position: bottom right;
}
p.synopsis{
   padding: 20px;
}

div.expandable{
   overflow: hidden;
   height: 0px
}

#list li a:hover {text-decoration:underline;}

	
	
	
/*start list 3*/	
#list3 {
	padding:10px 0 33px;
	margin:0;
	overflow:hidden;
	height:1%;
	font-size:90%;
	color:#f0a10a;
	list-style:none;
}
#list3 li {
	background:#2a7090;
	float:left;
	width:100%;
	margin:0 0 2px;
	padding:6px 0 2px;
	position:relative;
	border-top:solid 1px #138cc5;
	border-bottom:solid 1px #1a4357;
}
#list3 li:hover, #list3 li.hover {background:#006192;}
#list3 p {
	margin:4px 100px 0 75px;
	line-height:160%;
	width:75%;
}
#list3 .img {
	float:left;
	width:70px;
}
#list3 img {
	display:block;
	margin:0 0 0 17px;
	border:none;
	}
#list3 li a{
	text-decoration:none;
	color:#f0a10a;
}
#list3 li a.link {
	position:absolute;
	right:10px;
	bottom:8px;
} 
#list3 li a.link1 {
	position:absolute;
	right:10px;
	bottom:21px;
}
#list3 li a.link2 {
	position:absolute;
	right:25px;
	bottom:8px;
}
#list3 li a.link3 {
	position:absolute;
	right:10px;
	bottom:4px;
} 




#list3 li a:hover {text-decoration:underline;}

	
	
	
/* footer */
#footer {
	float:left;
	width:100%;
	min-width:900px;
	height:42px;
	margin:-42px 0 0;
	background:#305f74 url(/images/bar-bg.gif) repeat-y;
	position:relative;
	font-size:110%;
	z-index:1;
}
#footer p {
	margin:16px 0 0;
	color:#fff;
	float:right;
	padding:0 22px 0 0;
}
#footer p a {color:#fff; text-decoration:none;}
#footer p a:hover {color:#fff; text-decoration:underline;}

.home {
	float:right;
	display:inline;
	position:relative;
	z-index:0;
	width:964px;
	height:593px;
	margin:-35px 0 0 -184px;
	/*background:url(/images/home.png) no-repeat;*/
}

/*sifr start*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

object, embed{
	display: block;
	margin: 0;
	padding: 0;
}
#sIFR-flash{
/*GARY: added to fix the tabs*/

}
/*sifr end*/

/* TOOLTIP CSS */
#toolTip{
   width: 297px;
   z-index: 1000;
   position: absolute;
   top: 50px;
   left: 50px;
   padding: 0;
   margin: 0;
}

#toolTip-top{
  background: url(/images/tooltip-top.png) no-repeat;
  width: 297px;
  height: 17px;
}
#toolTip-bottom{
   background: url(/images/tooltip-bottom.png) no-repeat;
   width: 297px;
   height: 17px;
}
#toolTip-content{
   background: url(/images/tooltip-content.png) top left no-repeat;
   min-height: 31px;
   width: 297px;
}
#toolTip-content p{
   padding-left: 9px;
   padding-right: 9px;
   padding-top: 2px;
   line-height: 14px;
   font-size: 11px;
   margin: 0;
   color: #666;
}
/* DOCK */
.cleaner{height: 0px; clear:both;}
#dockholder{
   padding-left: 8px;
   padding-right: 8px;
   margin-bottom: 45px;
   height: 25px;
   margin-top: -8px;
   position: relative;
   z-index: -1;
}
#dock{
   display:none;
   width: 100%;
   height: 200px;
   margin: 0;
   padding: 0;
   margin-top: -8px;
   float: left;
   z-index: 1;
   position: relative;
   z-index: -1;
   top: -194px;
}
#dock-left{
   position: absolute;
   left: 0;
   top: 0;
   width: 10px;
   height: 100%;
   background: url(/images/dock-l.png) no-repeat bottom left;   
}
#dock-content{
   width: auto;
   height: 100%;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 0px;
   background: #fff;
   background: url(/images/dock-middle.png) no-repeat bottom left;
   position: relative;
   z-index: 5;
}
#dock-right{
   position: absolute;
   right: 0;
   top: 0;
   width: 10px;
   height: 100%;
   background: url(/images/dock-r.png) no-repeat bottom right;   
}

#dock-btn{
   width: 100%;
   text-align: center;
}

#dock-btn a{
   display: block;
   width: 101px;
   height: 20px;
   text-indent: -2000px;
   background: url(/images/dock-btn.png) no-repeat;
   margin-left: auto;
   margin-right: auto;
   margin-top: -3px;
   z-index: 4;
   position: relative;
   outline-style: none;
}

.dockItemHolder{
	display:block;
	height:16px;
	width:254px;
	padding:4px 0 0 0;
}
.dockItemHolder a.dockremovelink img{
	border:none;
}
.dockItemHolder a.dockremovelink{
	display:block;
	height:19px;
	width:11px;
	float:left;
	padding-left:3px;
}
.dockItemHolder a.dockItem{
	padding-top:3px;
	padding-left:3px;
	display:block;
	height:16px;
	width:237px;
	float:right;
	text-decoration:none;
	color:#ff9900;
	
}
.dockItemHolder a.col1{
		background:#4e1f19;
}
.dockItemHolder a.col2{
		background:#6f5a35;
}
.dockItemHolder a.col3{
		background:#2a7ea6;
}

.dockItemHolder a:hover.col1{
		background:#7c2f26;
}
.dockItemHolder a.col2{
		background:#7b5f2b;
}
.dockItemHolder a.col3{
		background:#0a6b9b;

}


.dockcol{
   margin: 0;
   width: 25%;
   height: 100%;
   margin-left: 6.25%;
   float: left;
   margin-top: -4px;
   overflow:hidden;
}
#dock-col1{background:#66433E;}
#dock-col2{background:#66583E;}
#dock-col3{background:#316076;}

#dock-col1 .header{
   background:#513531 url(/images/dock-header-bg.gif) repeat-x top;
   height: 30px;
   position: relative;
}
#dock-col2 .header{
   background:#524632 url(/images/dock-header-bg.gif) repeat-x top;
   height: 30px;
   position: relative;
}
#dock-col3 .header{
   background:#264c5e url(/images/dock-header-bg.gif) repeat-x top;
   height: 30px;
   position: relative;
}
.header .capLeft, .capRight{
   width: 7px;
   height: 15px;
}
.header .capLeft{
   position: absolute;
   left: 0;
   top: 0;
}
.header .capRight{
   position: absolute;
   right: 0;
   top: 0;
}

#dock-col1 .header .capLeft{background: url(/images/dock-col1-tl.png) repeat-x top;}
#dock-col2 .header .capLeft{background: url(/images/dock-col2-tl.png) repeat-x top;}
#dock-col3 .header .capLeft{background: url(/images/dock-col3-tl.png) repeat-x top;}
#dock-col1 .header .capRight{background: url(/images/dock-col1-tr.png) repeat-x top;}
#dock-col2 .header .capRight{background: url(/images/dock-col2-tr.png) repeat-x top;}
#dock-col3 .header .capRight{background: url(/images/dock-col3-tr.png) repeat-x top;}


/*---------------------------------------------
<-----------DEFINITION LISTS------------------>
----------------------------------------------*/
dl.collapsibledl{
   display: block;
   position: absolute;
   width: 950px;
   margin: 0;
   padding: 0;
   z-index: 20;
   left: 0;
   margin-top: 20px;
   margin-bottom: 40px;
}
dl.collapsibledl dt{
   font-size: 14px;
   display: block;
   width: 270px;
   text-align: right;
   padding: 0;
   margin: 0;
   line-height: 20px;
   margin-bottom: 5px;
   cursor: pointer;
   padding-right: 30px;
   letter-spacing: 0;

}
dl.collapsibledl dd{
   display: block;
   position: absolute;
   top: 7px;
   left: 311px;
   width: 500px;
   text-align: left;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: -20px;
   font-size: 12px;
}
dl.collapsibledl dt.over{
   background: url(/images/dtbg-arrow.png) no-repeat right 2px;
   color: #971300;
}
dl.collapsibledl dt.overL{
   background: url(/images/dtbg-arrow-overL.png) no-repeat right 1px;
   color: #971300;
}
dl.collapsibledl dt.active{
   background: url(/images/dtbg-arrow-active.png) no-repeat right 2px;
   color: #971300;
}
dl.collapsibledl h3{
   font-size: 15px;
   letter-spacing: -1px;
   color: #66433e;
   font-weight:bold;
   padding:0 0 11px 0;
   margin:0;
}
dl.collapsibledl dd h1, dl.collapsibledl dd h3{
	width:464px;
}
#defListBG{
   display: block;
   position: absolute;
   z-index:11;
   width: 550px;
   float: left;
   margin-left: 280px;
   margin-right: 15px;
   margin-bottom: 10px;
   margin-top: -20px;
}
#defListBGTop{
   width: 100%;
   height: 9px;
   background: url(/images/dtbg-top.png) no-repeat;
}
#defListBGrpt{
   width: 100%;
   height: 380px;
   background: url(/images/dtbg-rpt.gif) repeat-y;
}
#defListBGBottom{
   width: 100%;
   height: 9px;
   background: url(/images/dtbg-bottom.png) no-repeat;
}

div.gradientBG{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin-top: 5px;
   padding: 20px;
   background : url(/images/gradient-bg.png) no-repeat top center;
   min-height:450px;
}
#wsBG{
 min-height:599px;
}
div.fullWidthGradient{
   padding: 9px;
}
div.gradientBG p, div.gradientBG h1, div.gradientBG h2{
	padding-left:20px;
}
div.gradientBG p{
	font-size:11px;
}

div.gradientBG dd ul, div.gradientBG dd p{
	margin:0;
	padding:10px 20px 10px 20px;
	width:auto;

}


div.gradientBG dd strong{
	color: #66433e;
	font-weight:bold;
}
div.gradientBG dd ul li{
	margin:0 5px 0 5px;
}
div.gradientBG dd ul{
	margin:0 10px 0 10px;
	padding:10px 20px 10px 20px;
}
div.two-col-full{
   margin-top: 10px;
   margin-left:10px;
   width:660px;  
}
div.two-col-full div.bg{
   padding-top:55px;
   padding-left:20px;
 }
div.two-col-full div.bg div.fauxlabel{
	text-align:left;
	float:none;
}
div.two-col-full div.bg textarea{
	width:550px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:11px;
}
div.two-col-full div.bg input{
	width:550px;	
	margin-bottom:11px;
}
div.two-col-full div.bg select{
	margin-bottom:11px;
	float:none;
	
}
div.two-col-full div.bg.ann{
   background: url(/images/blue-sqAnn.png) no-repeat;
   height:365px;
}
div.two-col-full div.bg.ask{
   	background: url(/images/blue-sqAsk.png) no-repeat;
    height:365px;
}

div.two-col-left{
   margin-top: 20px;
   float: left;
   width: 49%;
   text-align: center;
   height: 330px;
}


div.two-col-right{
   margin-top: 20px;
   float: right;
   width: 49%;
   text-align: center;
   height: 330px;
}

div.two-col-right div.bg, div.two-col-left div.bg{
   text-align: left;
   width: 388px;
   height: 320px;
   background: transparent url(/images/brown-sq.png) no-repeat 0 0;
   margin-left: auto;
   margin-right: auto;
   padding: 20px;
   padding-top: 0px;
   text-align: right;
}
div.two-col-left div.bg{
 padding-top: 77px;
}
div.two-col-right div.bg{

}
div.two-col-left div.bg.blue{
 padding-top: 5px;
}
div.two-col-left div.bg a.sr{
	display:block;
	margin-top:0;
	height:50px;
}
div.two-col-left div.bg a.ws{
	display:block;
	margin-top:50px;
	height:50px;
}
div.two-col-right div.bg{
	  background: transparent url(/images/brown-sq2.png) no-repeat 0 0;
}

div.two-col-left div.bg.red{
   background: transparent url(/images/red-sq.png) no-repeat 0 0;
}
div.two-col-right div.bg.red{
	 background: transparent url(/images/red-sq2.png) no-repeat 0 0;
}

div.two-col-right div.bg.redlog div.fauxlabel, div.two-col-left div.bg.redlog div.fauxlabel{
   float: left;
   font-size: 14px;
   line-height: 20px;
   color: #d18f14;
   clear: both;
   width: 177px;
   text-align: left;
   padding-left:10px;
   margin-bottom:25px;
}
div.two-col-right div.redlog input, div.two-col-left div.redlog input, div.two-col-left div.redlog select{
   float: right;
   width:160px;
   margin:0 30px 0 0;
   margin-bottom:25px;
   
}
div.two-col-left div.redlog select{
	 width:165px;
}
div.two-col-left div.bg.red a.feature{
	display:block;
	height:150px;
	width:390px;
	margin:0 0 15px 0;
}
div.two-col-right div.bg.red a.showcase{
	display:block;
	height:100px;
	width:390px;
	margin:5px 0 15px 0;
}
div.two-col-right div.bg.red a.submit{
	display:block;
	height:100px;
	width:390px;
	margin:5px 0 15px 0;
}
/*BLUE DEFAULT */


div.two-col-left div.bg.blue{
   background: transparent url(/images/blue-sq.png) no-repeat 0 0;
}
div.two-col-right div.bg.blue{
	 background: transparent url(/images/blue-sq2.png) no-repeat 0 0;
}

div.two-col-left div.bg.bluelog{
   padding-top:100px;
   background: url(/images/blue-sq-reg.png) no-repeat;
}
div.two-col-right div.bg.bluelog{
	  padding-top:100px;
	  background: url(/images/blue-sq-log.png) no-repeat;
}

div.two-col-right div.bg.bluelog div.fauxlabel, div.two-col-left div.bg.bluelog div.fauxlabel{
   float: left;
   font-size: 14px;
   line-height: 20px;
   color: #d18f14;
   clear: both;
   width: 177px;
   text-align: left;
   padding-left:10px;
   margin-bottom:25px;
}
div.two-col-right div.bluelog input, div.two-col-left div.bluelog input, div.two-col-left div.bluelog select{
   float: right;
   width:160px;
   margin:0 30px 0 0;
   margin-bottom:25px;
   
}
div.two-col-left div.bluelog select{
	 width:165px;
}
div.two-col-left div.bg.blue a.df{
	display:block;
	height:75px;
	width:390px;
	margin:5px 0 15px 0;
}
div.two-col-full a.aaq{
	display:block;
	height:50px;
	width:100px;
	margin:-27px 0 0 525px;
}
div.two-col-right div.bg a.mb{
	display:block;
	height:107px;
}
div.two-col-right div.bg a.cc{
	display:block;
	height:107px;
}
div.two-col-right div.bg a.kb, div.two-col-left div.bg a.kb{
	display:block;
	height:107px;
}
div.two-col-right h1, div.two-col-left h1{
   padding: 0;
   margin: 0;
   text-indent: 0;
	margin: 0 0 5px 31px;
   color: #8f2316;
   text-align:left;
}
div.two-col-right h1.wsr, div.two-col-left h1.wsr{
	margin: 0;
}
#wallSystemForm h1{
/*	margin: 0 0 5px 31px;*/
}
div.bg div.select{
   float: right;
}
div.fauxlabel{
   float: left;
   font-size: 14px;
   line-height: 20px;
   color: #d18f14;
   clear: both;
   width: 240px;
   text-align: right;
}
div.margin20{
   margin-top: 12px;
}
div.margin40{
   margin-top: 0px;
}
a.rightArrow{
   color:#990000;
   display: block;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   text-align: right;
   margin-right: 60px;
   padding-right: 20px;
   margin-top: 10px;
   background: url(/images/red-arrow.png) right no-repeat;
}

a.leftArrow{
   color:#990000;
   display: block;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
   margin-left: 0;
   padding-left: 20px;
   margin-top: 0;
   margin-bottom:25px;
   background: url(/images/red-arrow-left.png) left no-repeat;
}


div.gradientBG p{
	width:450px;

}

div.gradientBG h1{
   font-size: 17px;
   letter-spacing: -1px;
   color: #66433e;
   font-weight:bold;
}
div.gradientBG h2{
   font-size: 15px;
   letter-spacing: -1px;
   color:#990000;
   font-weight: normal;
}

div.wsThumbsHolder{
	position:absolute;
	top:100px;
	right:7px;
	width:600px;
	text-align:center;
	
}
div.wsThumbs{

}
div.wsThumbs img{
	
	display:inline;
	margin-left:10px;
	border:solid #fff 1px;
	
}
div.wsThumbs a{
	
}

span.learnLink{
   display: block;
   text-align: left;
   line-height: 20px;
   margin-bottom: 20px;
}
span.learnLink a{
   font-size: 13px;
   float: left;
   padding-right: 20px;
   background: url(/images/red-arrow-sml.png) right no-repeat;
   color: #e07f20;
   text-decoration: none;
}

span.learnLink a:hover{
   color: #ffc700;
}

span.learnLink span{
   float: right;
   color: #8c2514;
   font-weight: bold;
   margin-bottom:30px;
}
div.wall-results{
   width: 277px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }
div.wall-results span.ltype{
	font-size:12px;
}
div.wall-results h1{
}
div.wall-results img{
   border:none;
}
div.wall-results.wide{
}
.width_120{
	width:130px;
}
.mini{
	font-size:9px;
	}
div.wsList{
	text-align:center;
}
div.wsList div.cBox{
	width:245px;
	height:300px;
	float:left;
}

div.wsList div.cBox img{
	border:none;
}
div.wsList div.Box img{
	border:none;
}
div.wsList div.cBox{
	width:245px;
	height:300px;
	float:left;
}
div.gradientBG a{
	color:#990000;
	text-decoration:none;
}
div.gradientBG a:hover{
	color:#CC0000;
	text-decoration:none;
	
}

/*div.gradientBG dd ul li a:visited{
	color:#999999;
	text-decoration:none;	
}*/

div.gradientBG dd ul li a{
	color:#990000;
	text-decoration:none;	
}
div.gradientBG dd a{
	color:#3087b0;
	text-decoration:none;	
}



div.gradientBG dd ul li a:hover{
	color:#CC0000;
	text-decoration:none;	
}

ul.actionList{
	background:url(/images/actionlist.png) no-repeat top;
	list-style:none;
	position:absolute;
	bottom:10px;
	padding:0px;
	margin:0 0 0 15px;
	padding-top:40px;
	min-height:112px;
	width:356px;
}
ul.actionList li{
	padding:0;
	margin:0 0 0 35px;
	font-size:11px;
	font-weight:bold;
	color:#990000;
}
ul.actionList li a{
	color:#990000;
	text-decoration:none;
}
ul.actionList li a span{
	color:#bf0000;
}
ul.actionList li a span{
	color:#cf0000;
}
ul.actionList li a:hover{

}
div.mbList h1{
	padding:0;
	marging:10px 0 0 0;
	padding-left:15px;
	text-align:left;
	font-size:2em;
}

div.mbList ul{
	list-style:none;
	padding:0;
	marging:10px 0 0 0;
	padding-left:5px;
	text-align:left;
}

div.mbList ul li{
	font-size: 12px;
	display: block;
	text-align: left;
	padding-left: 111px;
	line-height: 15px;
	margin-bottom: 5px;
	cursor: pointer;
	letter-spacing: 0;
}
div.mbList a{
}
div.mbList ul li a{
	margin-left: 20px;
}

div.mbList{
	text-align:center;
	padding: 11px 0 0 0;
}
div.mbList div.cBox{
	width:200px;
	height:128px;
	float:left;
}
div.mbList div.Box img{
	border:none;
}
div.mbList div.cBox{
	width:200px;
	height:128px;
	float:left;
}




div.azList {
	width:100%;
	height:21px;
	line-height:21px;
	text-align:center;
	font-size:14px;
	margin:30px 0 0 0;
	background-color:#cccccc;
}

div.azList a{
	padding: 0 0 0 10px;
	
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index:200;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:15px;
  cursor:pointer;
}
	
#indicator1{
	position:absolute;
	right:290px;
	top:12px;
}
#indicator2{
	position:absolute;
	right:290px;
	top:12px;
}
#edit-panel{
	background:#305f74 url(/images/panel-bg.gif) repeat-x;
	width:100%;
	height:221px;
}
#edit-panel div.panel-content{
	margin:0 auto;
	width:750px;
	text-align:left;
	padding:77px 0 0 25px;
	color:#ffab36;
}
#edit-panel div.panel-content h3{
	margin:0 0 6px;
	font:19px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#ffab36;
	padding-left:37px;

}
#post-detail{	
	color:#000000; 
	background:#fff;
	width:100%;
	min-height:100px;
	padding-left:75px;
	padding-top:11px;
}
#post-detail h3{
	margin:0 0 6px;
	font:1.7em;
	color:#ffab36;
	font-weight:bold;
}
div.qa-anw h3{
	margin:0 0 6px;
	font:1.7em;
	color:#ffab36;
	font-weight:bold;
}

#edit-panel div.panel-content p{
	margin:0 0 6px;
	font:12px Arial, Helvetica, sans-serif;
	color:#ffab36;
	padding-left:37px;

}

#addTagsForm{
	width:630px;
	height:24px;
}
#addTagsForm label{
	width:37px;
	float:left;
	color:#ffab36;

}
#addTagsForm input.long{
	font:12px Arial, Helvetica, sans-serif;
	width:545px;
	height:17px;
	float:left;
}	
#addTagsForm input.inline-btn{
	width:24px;
	float:right;
}	
.wsImage{
	margin-top:55px;
}
img.loader{
	margin:0 10px 0 10px;
	padding:0;
}
p.loader{	
	margin:0;
	padding:0;
	font-size:1.2em;
}
div.awsList{
	width:240px;
	padding-bottom:10px;
}
div.awsList span{
	display:block;
	margin-bottom:10px;
	margin-top:10px;
	font-size:11px;

}

div.home-padding{
 	width:100%;
 	clear:both;
 	height:121px;
 }
div.masonry-index{

}
#azAnc{
	display:block;
	position:absolute;
	top:375px;
	left:0px;
	width:100%;
	z-index:300;
}
#azAnc div.az{
	height:88px;
}
div.rtop{
	width:100%;
	text-align:center;
}

#closeBtn{
	position:absolute;
	top:5px;
	left: 495px;
	display:block;
	width:60px;
	height:15px;
	line-height:15px;
}

div.ghost ul.actionList, div.ghost div.wsThumbsHolder, div.ghost h1, div.ghost p{
	-moz-opacity: 0.4;
	opacity: 0.4;
}
div.ghost dt{
	-moz-opacity: 0.9;
	opacity: 0.9;
}
div.ghost dl dt.over{
	-moz-opacity: 1;
	opacity: 1;
}
div.ghost dt.active, div.ghost dd h1, div.ghost dd p{
	-moz-opacity: 1;
	opacity: 1;
}
div.ghost div.gradientBG{
	   /*background : url(/images/gradient-bg-ghost.jpg) no-repeat top center;*/
}
.wallCostCalcImage{
   float: right;
   margin-right: 20px;
   margin-top: 10px;
}
.leftSpanWidth{
   width: 157px;  
   float: left;
}
.highlightColor{
   color: #bc3723;
}
#vOptions{
	display:none;
}
#designOptionsPane, #backupOptionsPane{
   padding-bottom: 15px;
   background: url(/images/design-options-bottom-cap.gif) left bottom no-repeat;
   margin-bottom: 15px;
}
#designOptionsTopBorder, #backupOptionsTopBorder{
   background: url(/images/design-options-bg.gif) left bottom repeat-x;
   height: 51px;
}
#designOptionsTab, #backupOptionsTab{
   display: block;
   text-indent: -5000px;
   background: url(/images/design-options-tab.png) no-repeat;
   width:166px;
   height:51px;
   margin-left: 20px;
}
#backupOptionsTab{
	  background: url(/images/backup-options-tab.png) no-repeat;

}
.designOptionsBody{
   background: white;
   min-height: 150px;
}
.designOptionsBody ul{
   list-style: none;
   margin: 0;
   padding: 0 20px 0 20px;
}
.designOptionsBody ul li{
   display: block;
   height: 26px;
   font-size: 13px;  
   line-height: 26px;
   padding-left: 30px;
   border-bottom: 1px solid #c2c2c2;
   background: url(/images/do-expander-icon.gif) bottom left no-repeat;
   cursor: pointer;
   position: relative;
}
.designOptionsBody ul li:hover{
   background: #f9d898 url(/images/do-expander-icon.gif) 0px -26px no-repeat;
}
.designOptionsBody ul li.active{
   background: #f9d898 url(/images/do-expander-icon.gif) left top no-repeat;
}
span.doTitle{
   float: left;
   font-weight: bold;
   color: #333;
}
span.doCostLabel{
   float: right;
   color: #666;
   font-size: 10px;
   font-weight: bold;
   display:block;
   width: 190px;
}
span.doPrice{
   margin-left: 15px;
}
.designOptionsBody ul.doExpander{
   padding: 0;
   margin: 0 20px;
   background: #eee;
   display: block;
   overflow: hidden;
   position: relative;
}
.designOptionsBody ul.doExpander li{
   background-image: none;
   font-size: 11px;
   padding-left: 60px;
   cursor: default;
}
.designOptionsBody ul.doExpander li label{
   display: block;
   text-align: center;
}
.designOptionsBody ul.doExpander li label input{
   display: block;
   height: 20px;
   margin-right: 4px;
   outline: none;
}
.designOptionsBody ul.doExpander li label input, span.doLabel{
   float: left;
   text-align: left;
   line-height: 26px;
}
.designOptionsBody ul.doExpander li label span.doCostLabel{
   margin-right: 33px;
}
.designOptionsBody ul.doExpander li label span.doCostLabelText{
   display: block;
   float: left;
   width: 122px;
   text-align: right;
}

.designOptionsBody ul li.active span.doDimensions{
   display: block;
}
span.doDimensions{
   display: none;
   position: absolute;
   left: 0;
   text-align: center;
   width: 100%;
   font-size: 10px;
}

.designOptionsBody ul.doExpander li label span.doDimensions{
   width: 100%;
   display: block;
}

#intSearchPrams{
	display:none;
}

div.wp-pagenavi{
margin-top:5px;
float:right;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 0 0 0 2px;
	text-decoration: none;
	border: 1px solid #F0A10A;
	color: #F0A10A;
	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
	color: #F0A10A;

}
.wp-pagenavi a:hover {	
	color: #F0A10A;
	background-color:#fff;

}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
	color: #F0A10A;

}
.wp-pagenavi span.pages {
	color:#F0A10A;
	font-size:110%;
	line-height:21px;
	margin:0;
	padding:0 11px 0 0
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	font-weight: bold;
	color: #F0A10A;
	background-color:#fff;
	border: 1px solid #F0A10A;


}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	color: #F0A10A;
}


/* INPAGE TABS */
#inpageTabs{
   background: url(/images/layout/tab-bottom-rpt.png) bottom left repeat-x;
   padding: 10px 0 7px 10px;
   height: 31px;
   overflow: hidden;
}
#inpageTabs ul{
   margin: 0;
   padding: 0;
   list-style: none;
   width: 1024px;
   position: relative;
}
#inpageTabs ul li{
   display: block;
   float: left;
   height: 31px;
   position: relative;
   background: url(/images/layout/tab-tab-left.png) left bottom no-repeat;
   padding-left: 21px;
}
#inpageTabs ul li span{
   display: block;
   height: 31px;
   background: url(/images/layout/tab-tab-right.png) right bottom no-repeat;
   padding:0 25px 0 5px;
}
#inpageTabs ul li a{
   display: block;
   font-size: 11px;
   color: #666;
   font-weight: bold;
   line-height: 40px;
   text-decoration: none;
   letter-spacing: -1px;
   text-transform: capitalize;
}
#inpageTabs ul li a.inactive{
   color: #ccc;
}
#inpageTabs ul li.active span, #inpageTabs ul li:hover span, #inpageTabs ul li.hover span{
   display: block;
   background-position: right top;
   color: #ff9900;
   font-weight: bold;
}
#inpageTabs ul li.active, #inpageTabs ul li:hover, #inpageTabs ul li.hover{
   z-index: 20;
   background-position: left top;
}
/* comments */

#comments {margin:0;  padding: 0 0 0 20px;}
#respond h2{margin-left:183px}
dl#comment_list { margin: 0 0 0 177px;}
dl#comment_list dt { padding: 0 0 33px 0; background: url(/images/comment_top.png) 0 100% no-repeat; font-size: 1.1em; line-height: 1.8182em; color: #999; }
dl#comment_list dt div.user_photo {float:left; margin-right:6px;}
dl#comment_list dt.author { background: url(/images/comment_author_top.gif) 0 100% no-repeat; }
dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
dl#comment_list dt .comment_num a:hover { color: #a90000; }
dl#comment_list dt strong {color: #000; }
dl#comment_list dt strong a, dl#comment_list dt strong a:visited { color: #000; border-bottom: 1px dotted #999; }
dl#comment_list dt strong a:hover { color: #000; border-bottom: 1px solid #a90000; }
dl#comment_list dd { width: 628px; padding: 0 20px; margin: 0 0 1.5385em; background: transparent url(/images/comment_bottom.png) 0 100% no-repeat; }
dl#comment_list dd.author { margin-top: -13px; padding-bottom: 13px; background: #6b98ae url(/images/comment_author_bottom.gif) 0 100% no-repeat; }
dl#comment_list dd.entry { margin-top: -13px; padding-bottom: 13px;}
dl#comment_list dd.entry p{background:#316076; color:#fff; height:100%; width:100%; display:block; padding:20px; margin:0 0 0 -20px;}
dl#comment_list dd.entry p:first-child{
	margin-top:10px;
}
dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }
dl#comment_list dd.author ol.code { border-color: #bbb87c; }
			
			

/*---:[ comment form styles ]:---*/

#commentform { width: 678px;  margin: 0 0 0 200px;; }

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

#commentform p { padding: 0.7692em 0; }

#commentform label { padding: 0 0 0 0.83333em; font-size: 1.2em; }

#commentform .input { width: 15.3846em; padding: 0.23077em; color: #a90000; font: bold 1.3em Verdana, sans-serif; border-top: 0.15385em solid #999; border-left: 0.15385em solid #999; border-right: 0.07692em solid #eee; border-bottom: 0.07692em solid #eee; }

#commentform .input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }

#commentform textarea { width:590px; } 

#commentform fieldset { 
	color:#fff;
	width:618px; 
	background: #316076;
	border: 1px dotted #fff; 
	padding:20px;
 } 


#commentform p.subscribe-to-comments { font-size: 1.3em; }

#commentform p.subscribe-to-comments label { font-size: 1.0em; }

#commentform .form_submit { padding: 0.5em; background: url(/images/submit_bg.gif) repeat-x; color: #000; border: 0.21429em double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; }

#comment_form .form_submit:hover { color: #a90000; }


/*BREADCRUMBS*/
ul.breadCrumbs{
   padding: 0;
   margin: 0;
   list-style: none;
}
ul.breadCrumbs li{
   float: left;
   padding-left: 6px;
   background: url(/images/layout/bc-left.png) no-repeat;
   display: block;
   height: 25px;
   margin-right: 10px;
}
ul.breadCrumbs li span{
   padding: 0 20px 0 4px;
   background: url(/images/layout/bc-full.png) top right no-repeat;
   display: block;
   line-height: 25px;
   color: #555;
   font-weight: bold;
   text-transform: capitalize;
   cursor: default;
   font-size: 9px;
}
ul.breadCrumbs li span a{
   color: #555;
   text-decoration: none;
   cursor: pointer;
   display: block;
   line-height: 25px;
}
ul.breadCrumbs li span a:hover{
   color: #000;
}
#prevNext{
   height: 29px;
   line-height: 29px;
   position: relative;
}
.pnbrown{
   background: url(/images/layout/prev-next-bg-brown.png) repeat-x;
}
.pnblue{
   background: url(/images/layout/prev-next-bg-blue.png) repeat-x;
}
.pnred{
   background: url(/images/layout/prev-next-bg-red.png) repeat-x;
}
#prevNext a{
   display: block;
   width: 40px;
   height: 15px;
   position: absolute;
   top: 6px;
   text-indent: -9000px;
   overflow: hidden;
   outline: none;
}
#btnPrevious{
   background: url(/images/layout/btn-prev.png) top left no-repeat;
   left: 15px;
}
#btnNext{
   right: 15px;
   background: url(/images/layout/btn-next.png) top left no-repeat;
}
#prevNext a:hover{
   background-position: bottom left;
}

a.search-excerpt{
	background-color:#ff9900;
}
#list li.hover a strong.search-excerpt{
  background-color:#316076;
}
a:hover.search-excerpt{
	
}
.search-excerpt{
	background-color:#FF9900;
}
.num-page-left{
   float: left;
   padding: 7px 0 0 15px;
   color: #eee;
}
.num-page-left span{
   padding: 0 5px;
}

#ppage{

}

#ppage h1 {
	color:#4382AB;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:normal;
	line-height:30px;
	padding:0 0 0 20px;
}

#ppage p{
	width:75%;
}

#sitemap{
	width:77%;
}
ul.sitemap{
	width:100%;
}

ul.sitemap li{
	list-style:none;
	padding:10px;
	
}

ul.sitemap li a{
	display:block;
	font-size:1.5em;
	text-transform:uppercase;
	width:100%;
	border-bottom:1px #797979 dotted;
	
	
}
ul.sitemap li a:hover{
	text-decoration:none;
	background:#ffcc99;
	color:#797979;	
}

ul.sitemap li{
	padding:5px;

}

ul.sitemap li ul{
	margin-left:45px;
	margin-bottom:18px;
}

ul.sitemap li ul li ul{
	margin-left:45px
}

ul.sitemap li ul li a{
	font-size:1.2em;
	padding:2px;
	text-transform:uppercase;
}

ul.sitemap li ul li{
	padding:2px;
}

ul.sitemap li ul li ul li a{
	font-size:.9em;
	font-weight:normal;
	text-transform:uppercase;
}

ul.sitemap li ul li ul li{
	padding:2px;
}
div.costCC h1{
	margin-bottom:2px;
}
div.costCC h2{
	margin-top:2px;
}

div.gradientBG h1.wcc {
	color:#66433E;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-top:40	px;
}
div.wallInfo{
	float: right;
	margin: 0px 20px 0 0 ;
	width: 430px;
}
div.wallInfo img{
	float: left;
}
div.wallInfo ul, div.wallInfo h3{
	margin: 10px 0 0 25px;
	padding: 0;
}
div.gradientBG p.wcc {
	font-size:13px;
	font-weight:bold;
	width:470px;
}
#skyscraper{
	display:none;
	position:absolute;
	top:86px;
}
div.collapsibleButton{
   margin-left: 15px;
   margin-bottom: 5px;
   margin-top: 5px;
   display:block;
   width:460px;
   height: 32px;
   text-indent: 15px;
   font-size: 12px;
   line-height: 32px;
   color: #f0a10a;
   font-weight: bold;
   cursor: pointer;
   background: url(/images/btn/squeezebox-blue.png) no-repeat left top;
}
div.collapsibleButton.active{
   background-position: left bottom;
}
div.collapsibleContent{
   overflow:hidden;
   padding-left: 15px;
}
.ribbonPlatinum strong,
.ribbonSilver strong,
.ribbonBronze strong,
.ribbonGold strong{
   display:block;
   height: 75px;
   line-height: 75px;
   padding-left: 75px;
   width: 800px;
   margin-left: -20px;
   color: #fff;
}
.ribbonPlatinum strong{

   background: #555 url(/images/ribbon-platinum.png) no-repeat left top;
}
.ribbonSilver strong{

   background: #555 url(/images/ribbon-silver.png) no-repeat left top;
}
.ribbonBronze strong{

   background: #555 url(/images/ribbon-bronze.png) no-repeat left top;
}
.ribbonGold strong{

   background: #555 url(/images/ribbon-gold.png) no-repeat left top;
}
div.askBtn{
	padding:15px;
}

div.askBtn h1{
	font-size:15px;
	color:#F0A10A;
}
div.askBtn h1 a{
	color:#F0A10A;
	text-decoration:none;
}

.error{
	font-weight: bold;
	color: #F00;
}

.inpAsset{
	width: 123px;
	height: 88px;
}