/*  
Theme Name: watercc
Theme URI: http://water.cc/
Description: This is version 1.0 of watercc.
Version: 1.0
Author: Gary Evans
Author URI: http://wholewheatcreative.com/

	watercc v1.0

	This theme was designed and built by Gary Evans and Travis Beck

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

*/



/* Begin Typography & Colors */
html{
	font-size: 100%;
}

body{
	margin:0;
	padding:0 10px;
	min-width: 892px;
	background-repeat: repeat-y;
}

/* End Typography & Colors */



/* Begin Structure */
fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
.page-content p, .page-content table{
/*	font:1.3em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; */
	line-height:1.3em; 
	font:1.3em Arial, Helvetica, sans-serif;
	padding:0 10px;
	color:#4e4e4e;
	text-align:left;

}
#pagewidth{
	position:relative;
	margin: 0 auto;
}

#footer{
	width:100%;
	height:40px;
	text-align:40px;
}
.copyright{
	float:left;
	width: 300px;
	margin: 5px 0 0 -1px;
	padding: 0 11px 0 13px;

}
.copyright a{
	color:#000;
	text-decoration:none;
}
.copyright .active a,.copyright a:hover{color:#fff;text-decoration:none;}

.social{
	float:right;
	width:300px;
	margin:0 0 0 -1px;
	padding:0 11px 0 13px;

}

#footer p {
	margin: 0;
	}
/* End Structure */



/* Begin Images */
p img {
	max-width: 100%;
   	background: #eee;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	font-size:1.2em;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	border: 1px solid #999;
	background: #eee;
}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
	
a.srssfetcher-link{
   color: #555;
}
.srssfetcher-timestamp{
   font-size: 10px;
   color: #00ADEF;
   font-weight: bold;
}
/* End Sidebar */

/* Begin Tables */

table.styleTable {
  border-collapse: collapse;
  width: 50em;
  border: 1px solid #999;
}

table.styleTable caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

table.styleTable col {
  border-right: 1px solid #ccc;
}


table.styleTable thead {
  background: #333;
  color: #00ADEF;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  font-weight: bold;
  font-size: 12px;
}

table.styleTable th {
  font-weight: normal;
  text-align: left;
}


table.styleTable th, table.styleTable td {
  padding: 0.1em 1em;
}

table.styleTable tr.odd {
  background-color:#bbb;
}

table.styleTable tr:hover {
  background-color:#3d80df;
  color: #fff;
}

table.styleTable thead tr:hover {
  background-color: transparent;
  color: inherit;
}


/* End Tables */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	/*text-align: center;*/
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 21px;
	}
span.highlight{
   color: #00ADEF;
}
/* End Various Tags & Classes*/


/*CUSTOM SELECTORS START */


#search-box{
	display:block;
	position:absolute;
	z-index:1000;
	top:0;
	left:16px;
	width:350px;
	height:43px;
	background:url(images/layout/search.png) no-repeat;

}
.blue{
	color:#00adef;
}
img{display:block;border:none;}
a{color:#ffb202;text-decoration:none;}
a:hover{text-decoration:underline;}
/* top box (shade) */
.box{margin:2px 0 0;}
.t{
	padding:0 8px;
	overflow:hidden;
	height:8px;
}
.t .c,.t .l,.t .r{
	width:8px;
	height:8px;
	float:left;
	margin:0 0 0 -8px;
	overflow:hidden;
	display:inline;
	background:url(../img/bg-t-l.png);
}
.t .r{
	float:right;
	margin:0 -8px 0 0;
	background:url(../img//bg-t-r.png);
}
.t .c{
	width:100%;
	margin:0;
	background:url(../img/bg-t-c.png);
}
/* bottom box (shade) */
.b{
	padding:0 8px;
	overflow:hidden;
	height:11px;
}
.b .c,.b .l,.b .r{
	width:8px;
	height:11px;
	float:left;
	margin:0 0 0 -8px;
	overflow:hidden;
	display:inline;
	background:url(../img/bg-b-l.png);
}
.b .r{
	float:right;
	margin:0 -8px 0 0;
	background:url(../img/bg-b-r.png);
}
.b .c{
	width:100%;
	margin:0;
	background:url(../img/bg-b-c.png);
}
.m{
	padding:0 5px 0 5px;
}
.m:after{
	content: ".";
	overflow: hidden;
	height: 0;
	text-indent: -9999px;
	display: block;
	clear: both;
}
* html .m{
	height: 1%;
}
.m .r,.m .l{
	display:inline;
	width:5px;
	float:left;
	margin:0 0 0 -5px;
	background:url(../img/bg-m-l.png);
}
.m .r{
	float:right;
	margin:0 -5px 0 0;
	background:url(../img/bg-m-r.png);
}
.m .center{
	width:100%;
	float:left;
	background:#000;
	margin: 0 0 -5px;
}

.top{
	width:100%;
    height: 78px;
	background:none;
}
/* right navigation */
#account-box {
	display:block;
	height:43px;
 	right:16px;
	position:absolute;
	top:0;
	width:206px;
	z-index:1000;
	background: url(images/layout/account-out.png) top left no-repeat;
	padding:0 0 0 55px;
	font-size: 12px;
   	font-weight: bold;
	color:#00ADEF;
	line-height:39px;
}

#account-box.in{
   background: url(images/layout/account-in.png) top left no-repeat;
}
#rnav-wrapper{
position:absolute;
width:100%;
top:0;
left:0;
z-index:9000;
}
.rnav{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	padding-top: 1px;
}
.rnav li{
	float:left;
	margin:0 0 0 -1px;
	padding:0 5px 0 5px;
	background:url(images/layout/small-nav-bg-left.png) no-repeat left;
	height: 20px;
}
.rnav li img {
	float:left;
	margin:0 0 0 -1px;
	padding:0 5px 0 5px;
	background:none !important;
	height: 20px;
   
}
.rnav li a.give {
   display: block;
   width: 125px;
   height: 38px;
   background: url(images/layout/give-btn.png) top left no-repeat;
   outline: none;
   overflow: hidden;
   padding: 0;
   margin: 0;
   text-align: center;
   line-height: 39px;
   margin-left: 212px;
   color: #FFB202;
   font-size: 12px;
   font-weight: normal;
   text-transform:uppercase;
   text-indent:-5000px;
   
}
.rnav li a.give:hover{
   background-position: bottom left;
}

.rnav li a.profile{
   display: block;
   width: 54px;
   height: 38px;
   background: url(images/layout/user-btn.png) top left no-repeat;
   outline: none;
   overflow: hidden;
   padding: 0;
   margin: 0;
   text-align: center;
   line-height: 39px;
   margin-left: 7px;
   color: #FFB202;
   font-size: 12px;
   font-weight: normal;
   text-transform:uppercase;
   text-indent:-5000px;
}
.rnav li a.profile.loggedin{
   background-position: bottom left;
}
.rnav li a.rss {
   display: block;
   width: 54px;
   height: 38px;
   background: url(images/layout/rss-btn.png) top left no-repeat;
   outline: none;
   overflow: hidden;
   padding: 0;
   margin: 0;
   text-align: center;
   line-height: 39px;
   margin-left: 7px;
   color: #FFB202;
   font-size: 12px;
   font-weight: normal;
   text-transform:uppercase;
   text-indent:-5000px;
   
}
.rnav li a.rss:hover{
   background-position: bottom left;
}
#constant li{
   margin: 0;
   padding: 0;
   height: auto;
   background: none;
}

#constant{
	position: absolute;
	top: 0;
	right: 16px;
}
#give{
	margin-left:11px;
	display:block;
	background:url(images/icons/give.png) no-repeat 0 5px;
}
#give a{
	color:#fcb201;
	font-weight:bold;
}

.rnav li a{
	color:#aaa;
	text-decoration:none;
	background: url(images/layout/small-nav-bg-right.png) top right no-repeat;
	margin: 0;
	line-height: 19px;
	float: left;
	padding: 0 15px 0 10px;
}
.rnav li.sicon a{
	background:none;
	margin: 0;
	line-height: 19px;
	float: left;
	padding: 0 0 0 0;
}
.rnav li.sicon{
	background:none;
	padding: 0;
	margin-top: -1px;
}
.rnav li a:hover{
	color: #00adef;
}
.rnav li#give a{
	color:#fcb201;
	font-weight:bold;
}
.rnav .active a,.rnav a:hover{color:#fff;text-decoration:none;}
/* left navigation */

#lnavHolder{
	position:relative;
	top:9px;
	left:0px;
	margin:0;
	z-index:900;
	width: 950px;
	height: 34px;
}
.lnav{
	list-style:none;
	padding: 0;
	margin: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 6px;
	font-size: 70%;
}
.lnav li{
	float:left;
	margin:0 -5px 0 0;
	display:inline;
}
* html .lnav li{
	margin:0 0px 0 0;
}
.lnav li a{
	width:133px;
	height:25px;
	overflow:hidden;
	float:left;
	line-height:30px;
	font-size:1.1em;
	text-transform:uppercase;
	text-decoration:none;
	text-indent:12px;
	color:#9d9d9d;
	cursor:pointer;
	background-image: url(../img/navbuttonflip.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.lnav li.sub a{
	color:#000;
	background:url(images/layout/l-nav-active.png);
}
.lnav li:hover > a, ul.lnav li.current_page_item > a{
	color:#ffb202;
	background-position: top right;
}
ul.lnav li.is-open > a{
   background-position: top right;
}
.lnav li:hover > a{
	background-color: #CCCCFF;
	color: #000000;
}
.lnav li a.home{
	width:51px;
	background-image: url(../img/homenav.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.lnav li:hover a.home, ul.lnav li.current_page_item a.home{
	background-position: top right;
}
.lnav li.has_child:hover, ul.lnav li.has_child.current_page_item, ul.lnav li.has_child.is-open{
	/*push the breadcrumbs down*/
	margin-bottom: 30px;
}
ul.lnav li ul li.current_page_item{
   margin-bottom: 0;
}
ul.lnav li.current_page_item ul, ul.lnav li.is-open ul{
	display: block;
}
.lnav li:hover ul{
	display: block;
	z-index: 100;
}
/* SUBNAV */
.lnav li ul{
	list-style: none;
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100%;
	width: 950px;
	display: none;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9;
}
.lnav li ul li{
	margin: 0;
	padding: 0;
	text-align: center;
}
.lnav li ul li a{
	font-size: 1em;
	color: #000000;
	display: block;
	line-height: 30px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: auto;
	height: auto;
	text-indent: 0;
	background-color: #9999CC;
	background-image: none;
	border-left-style: none;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #333333;
	font-weight: bold;
	margin-top: 1px;
	padding-top: 0;
	padding-bottom: 0;
}
.lnav li ul li.last-child a, .lnav li ul li.last-child a:hover, .lnav li ul li.current_page_item.last-child a, .lnav li ul li.current_page_item.last-child a:hover{
	background-image: none;
}
li.cleaner{
	clear: both;
	width: 1px;
	height: 1px;
}
.lnav li ul li:hover{
	margin: 0;
}
.lnav li ul li:hover a, .lnav li ul li.current_page_item a{
}
/* BREADCRUMBS */

ul.breadCrumbs{
	padding: 0;
	width: 789px;
	height: 22px;
	background: url(../img/breadcrumb-bg-rpt.png) repeat-x;
	display: block;
	clear: both;
	float: left;
	list-style:none;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0px;
}
div.bottomCrumb ul.breadCrumbs{
	margin-left:0;
	padding: 0;
	margin-top: 5px;
	width: 880px;
	height: 22px;
	background: url(../img/breadcrumb-bg-rpt.png) repeat-x;
	display: block;
	clear: both;
	float: left;
	list-style:none;
	margin-bottom: 0;
}
div.bottomCrumb ul.breadCrumbs li{
	float: left;
}


#home ul.breadCrumbs{
	display:none;
}
ul.breadCrumbs li{
	padding: 0;
	margin: 0;
	line-height: 18px;
	float: left;
}

ul.breadCrumbs li a{
	background: none;
	display: block;
	line-height: 18px;
	padding-left: 20px;
	padding-right: 25px;
	width: auto;
	height: auto;
	text-indent: 0;
	text-transform: none;
	font-size:10px;
	background: url(../img/breadcrumb-link-bg-right.png) top right no-repeat;
	color: #00FF99;
	text-transform:uppercase;
}
ul.breadCrumbs li a:hover, ul.breadCrumbs li a.active{
	color: #3366FF;
	background: url(../img/breadcrumb-link-bg-right.png) top right no-repeat;
	text-decoration:none;
}
/* left column */
.left{
	float:left;
	width:496px;
	margin: 0 -500px 0 0;
	padding:6px 0 0 13px;
}
.right{
	float:right;
	width:356px;
	padding:6px 16px 0px 0;
}
.left ul{
	margin:7px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.left ul li{
	width:232px;
	height:95px;
	float:left;
	margin:0 8px 0 0;
	padding:2px 0 0 2px;
	background:url(images/layout/bg-li.gif);
}
a.work-begins{
	width:217px;
	height:87px;
	color:#c9d0d0;
	font-size:1.2em;
	font-weight:bold;
	overflow:hidden;
	padding:8px 0 0 15px;
	background:url(images/layout/image04.jpg);
	display:block;
}
a.work-begins:hover{text-decoration:none;}
a.work-begins strong{
	font-size:2em;
	display:block;
}
a.work-begins strong.summer{display:inline;}

h3.title{
	margin:0;
	color:#FEB301;
	text-transform:uppercase;
	text-align:left;
}

h2.title{
	font-size:1em;
	color:#4E4E4E;
	font-weight:normal;
	display:block;
}

h3.title strong{
	color:#feb301;
	font-weight:normal;
	font:1.3em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
}

.next-button-left{	
	position: absolute;
 	left:452px;
	margin:-3px;
	padding:0;
}

.next-button-left img{
	float: left;
	margin:0;
	padding:0;
}

.prev-button{
	display: block;
	float: left;
	width: 17px;
	height: 15px;
	outline: none;
	text-indent: -9000px;
	background: url('images/layout/arrow-prev.png') top left;
}
.next-button{
	display: block;
	width: 17px;
	height: 15px;
	outline: none;
	text-indent: -9000px;
	background: url('images/layout/arrow-next.png') top left;
	margin-left: 25px;
}
.prev-button:hover, .next-button:hover{
	background-position: top right;
}

/* right column */
.two{
	width:100%;
	overflow:hidden;
	padding:7px 0 0;
}
.two ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	line-height:12px;
	color:#7a7a7a;
	overflow:hidden;
	float:left;
	text-align:left;
	width:350px;

}
.two ul li{
	display:block;
	width:350px;
	height:40px;
	
	float:left;
	padding:0 0 15px;
}
.two ul img{
	float:left;
	padding:3px;
	margin:0 15px 0 5px;
	border:1px solid #535353;
}

.two ul p{
	margin:0 10px 3px 0;
}

.next-button-right{	
	position: absolute;
 	right:15px;
	margin:-3px;
	padding:0;
}

.next-button-right img{
	float: left;
	margin:0;
	padding:0;
}



/* visual box */
.fullWidth{
	min-height:900px;
}
.visual{
	min-height:350px;
	position:relative;
	z-index: 100;
}
/*.visual h2{
	text-transform:uppercase;
}*/
.sub-bg{
	background:#fff url(images/layout/sub-bg.png) no-repeat top left;
	color:#4e4e4e;
	padding-top: 29px;
}
.sub-bg-white{
	background:#fff;
	color:#4e4e4e;
	padding-top: 29px;
}
.sub-bg-media{
	background:#fff url(images/layout/sub-bg.png) no-repeat top left;
	color:#4e4e4e;
	height:
}
.single-page{
   background:#fff url(images/layout/sub-bg.png) no-repeat top left;
	color:#4e4e4e;
	padding: 15px;
	margin-top: 47px;
}
.single-page-no-padding{
   background:#fff url(images/layout/sub-bg.png) no-repeat top left;
	color:#4e4e4e;
	padding: 15px;
	margin-top: 18px;
}
.single-page p, .single-page-no-padding p{
   font-size: 12px;
   line-height: 18px;
}

.hidden{
	position:absolute;
	width:0;
	
	overflow:hidden;	
	z-index: 3;
}


.visual h1{
	margin:0;
	padding:45px 0 0 27px;
}
.visual h1.home{
	margin:0;
	padding:25px 0 0 27px;
	position:absolute;
	z-index:277;
	top:0;
	left:0;
}
.visual h1 a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:326px;
	height:87px;
	background:url(images/layout/logo.png);
}
.visual h1 a.white{
	background:url(images/layout/logo-white.png);
}
.visual h1 a.light-gray{
	background:url(images/logo-gray.png);
}
.visual .text{
	float:right;
	width:260px;
}
.visual h2{
	color:#4E4E4E;
	font-weight:bold;
	margin:0;
	font-size:22px;
}
.visual h2 strong{
	color:#797979;
	font-weight:normal;
	display:block;
}
#home-nav h2 strong{
	color:#797979;
}
.visual h2 span{
	color:#fff;
	font-weight:normal;
	display:block;
}
.visual h2.title span{

	font-size:1em;
	color:#4E4E4E;
	font-weight:normal;
	display:block;
	visibility:visible;
	text-transform:uppercase;
}
.question{
	float:right;
	width:226px;
	margin:-90px 0 0;
}
.visual .question h2 strong{
	color:#ffb202;
	font-size:18px;
}
.visual .question h2 strong.help{
	color:#464646;
}


.page-content{	
	padding-top:5px;
	padding-left:27px;
	padding-bottom:27px;
	width:588px;
	min-height:400px;
}

.page-content-wide{	
	padding-top:5px;
	padding-left:17px;
	padding-bottom:27px;
	width:855px;
	min-height:400px;
}

.page-content table{
	margin-bottom: 14px;
	
} 
/*HOME PAGE FEATURE TEXT LINKS*/
#home-nav{
	
	top:0;
	left:0;
	width:100%;
	min-height:477px;
	height:477px;
	position:absolute;
	z-index:777;
}



#hf-link{
}
#home-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;

	
}
#home-nav ul li{
	color:#ffb202;
	height: 17px;
	margin:0;
	padding:0;
	font-size: 10px;
	line-height: 17px;
}


dt{
	color:#ffb202;
	font-weight:bold;

}
dd{
	color:#fff;	
}
#subBreadCrumbs{
	color:#ffb202;
	margin-bottom:20px;
}
.listItems strong{
	color:#ffb202;
	font-weight:bold;
}

/*SUB PAGES*/
.subpage{
	position:absolute;
	top:37px;
	right:11px;
	z-index:1000;
	display:none;

}
/*PAGE NAV*/
#page-nav{
	color:#fff;
	padding-top:14px;
	padding-left:0px;
	
}
#flashimg{
	position:absolute;
	top:148px;
	right:-105px;
	z-index:9000;
	width:577px;
	height:470px;
}
p.photoflip{
	width:400px;
}
ul.photoflip{
	width: 300px;
}
#tab-btn{
	display:none;
}
#tab1{
display:none;
}
#hf-link{
}
#page-nav h2{
	margin:0;
	padding:0;
}
#page-nav ul{
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	list-style: none;

	
}
#page-nav ul li{
	color:#ffb202;
	height: 17px;
	margin:0;
	padding:0;
	font-size: 10px;
	line-height: 17px;
}
.cleaner{
	height:1px;
	width:100%;
	clear:both;
}
.breadcrumb{
	width: 100%;
	font-size: 10px;
	line-height: 26px;
	height: 26px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: url(/images/layout/x.png);
}
* html .breadcrumb{
	bottom: 0;
}
#inner.hover .breadcrumb,
#inner:hover .breadcrumb{
	display: block;
	background: url(/images/layout/x-over.png);
}
.breadcrumb a{
	
	margin: 0 2px 0 0;
}
 .breadcrumb ul li a{
 	color: #5c5c5c;
 }
.breadcrumb li.active a,
.breadcrumb a:hover{
	color: #fff;
	text-decoration: none;
}
.breadcrumb ul{
	float: left;
	list-style: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.breadcrumb ul li{
	float: left;
	margin-right: 2px;
	margin-bottom: 0;
}
.breadcrumb strong{
	font-size: 11px;
	margin: 0 2px 0 0;
}
.breadcrumb .active strong{
	color: #ffb101;
}
.breadcrumb ul li strong a{
	color: #747474;

 }
.breadcrumb ul.active li strong a{
 	color:#ffb101;
 }
 .breadcrumb ul.active li a{
 	color:#e4e4e4;
 }
/*.breadcrumb ul li a:visited{
	color: #535353;
	text-decoration: none;
}
.breadcrumb ul li strong a:visited{
	color: #535353;
	text-decoration: none;
}
.breadcrumb ul li.active a:visited{
	color: #fff;
	text-decoration: none;
}
.breadcrumb ul.active li strong a:visited{
	color:ffb101;
}*/
 
#image-viewer{
	position:absolute;
	top:0;
	right:0;
	float:right;
	width:100%;
	height:100%;
	z-index:1;
	min-height:600px;
}
#flashBox{
	margin-top:57px;
	float:left;
}
#mainNav{
float:right;
}
.fixed-800{
	width:790px;
}
.fixed{
	width:890px;
}

.flex{
	width:100%;
}

.yellow{
	color:#ffb101;
}

.black{
	color:#000;
}


#search-input:focus, #search-input:hover {
	border-color:#ffb101;
	boarder-size:2px;
}

#search-input {
	-moz-box-sizing:content-box;
	background-color:transparent;
	border:none;
	height:14px;
	line-height:1;
	padding:2px 2px 3px;
	width:138px;
	position:absolute;
	left:30px;
	top:10px;
	color: #555;
}
input, select, textarea, button {
	font-family:inherit;
	font-size:100%;
	line-height:inherit;
}


#litResults p{
	margin-bottom:2px;
}
#litResults p.desc{
	margin-top:0px;
	margin-bottom:10px;
	font-size:1.1em;
}
#litResults b{
	color:#ffb101;
	font-weight:bold;
}
#search-submit {
	background-image:url(/images/icon/search_button.png);
	cursor:pointer;
	height:18px;
	width:18px;
	background:none;
	border:none;
	left:12px;
	position:absolute;
	top:12px;
}
#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;

}
a{
	outline: none;
}
a.fadeImage {
	display:block;
	position:absolute;
}
div#headerIndex{
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	height: 68px;
}
div#buffer{
	height: 68px;
	width: 880px;
	background: none;
}
div#scrubber{
	position: absolute;
	z-index: 11;
	height: 68px;
	width: 13px;
	background:url(images/layout/slider.png);
	position: relative;
	left: 0px;
	
}
a.key{
	font-size:.5em;
	display: block;
	float: left;
	width: 25%;
	margin-right:-1px;
	background: #fff;
	text-align: center;
	line-height: 68px;
	font-size: 12px;
	color: #000;
	border-right:1px dotted #000000;
	filter:alpha(opacity=55);
	-moz-opacity: 0.55;
	opacity: 0.55;
}
a.key span, a:hover.key span{
	filter:alpha(opacity=100);
	-moz-opacity: 3;
	opacity: 3;
}

a:hover.key{
	text-decoration:none;
	color: #000;
	font-weight:bold;
}
a.activeKey{
	background: #FFB101;
	color: #fff;
}
#home-feature{
	position: relative;
	overflow: hidden;
	height: 477px;
}

#leftNewsHolder{
	width: 480px;
	height: 105px;
	overflow: hidden;
	position: relative;
}
#rightNewsHolder{
	width: 350px;
	height: 105px;
	margin-bottom:10px;
	overflow: hidden;
	position: relative;
}
#faderLoader{
	width: 880px;
	height: 477px;
	z-index: 100;
	position: absolute;
	background: #000;
}
#faderLoader img{
	margin-left: 416px;
	margin-top: 214px;
}
/*autocompleter*/
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color: #9fcfff;
}

#rightMove li p img{
	display:none;
}

div.post{
	margin-bottom:25px;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #ccc;*/
}
div.post h3{
	margin-bottom:1px;
}

div.post h3 a{
	font-weight:normal;
	font-size:21px;
	color:#797979;
}

div.post h3 a:hover{
	color:#00adef;
	text-decoration:none;
}

div.post p{
	margin-top:3px;
	margin-bottom:14px;
}
.blue{
	color:#00adef;
}
#issueMain{
	width:100%;
	text-align:center;
	background:#797979;
	
}

.visual h2.features span.newsletter {
	color:#4E4E4E;
	padding-bottom:7px;
	padding-left:25px;
	padding-top:7px;
	float:none;
	
}

.lgCol{
	width:800px;
}
div.widecolumn{
	width:712px;
}

#recent-comments ul li {
   background:#FFFFFF url(images/icon_comments.gif) no-repeat scroll left top;
   margin:0;
   padding:0 0 5px 18px;
}
/* Begin Comments*/
#comments{
	font-size:14px;
	font-weight:bold;
	color: #666;
}
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	text-align: justify;
	background: #eee;
	border: solid 1px #ccc;
	border-bottom: none;
}

.commentlist li {
	margin: 0;
	padding: 5px 15px 3px 40px;
	list-style: none;
	background:url(images/icons/comment.png) no-repeat top left; 
	border-bottom: 1px solid #ccc;
}
.commentlist li.alt{
   background-color: #fff;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
	.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	color: #00ADEF;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
.gallery-icon a{
	display:block;
	height:154px;
	width:154px;
	padding:0px;

}

.gallery-icon a img{
	padding:2px;
	background-color:#fff;
	border:solid 2px #00adef; 
}
.gallery-icon a:hover img{
	padding:0px;
	background-color:#fff;
	border:solid 4px #00adef; 
}
a.by-line{
	color:#fff;	
}
a:hover.by-line{
	color:#00adef;	
}
.post img{
   background: #eee;
   padding: 5px;
   border: solid 1px #ccc;
   margin: 10px;
}
#EC_ajaxLoader img{
   padding: 0;
   margin: 0;
   border: none;
   background: none;
}

.postmetadata a{
   display: block;
   float: left;
   margin: 5px;
   outline: none;
   overflow: hidden;
   padding: 0;
   border: none;
}
/*p.post-details{
   font-size: 10px;
}*/

div.post h3.archive-title, div.post h3.archive-title a{
   color: #666;
   font-size: 16px;
   font-weight: bold;
}
div.post h3.archive-title a:hover{
   color: #666;
   text-decoration: underline;
}
a.post-add-comment{
   background: url(images/icons/add-comment.png) no-repeat;
}
a.post-trackback{
   background: url(images/icons/trackback.png) no-repeat;
}
a.post-rss{
   background: url(images/icons/rss.png) no-repeat;
}
.side-bar #recent-sidebar-comments ul li{
   list-style:none;
   list-style-type: none;
   padding: 0;
   margin: 0;
   margin-top: 5px;
   font-size: 11px;
   background:transparent url(images/icons/comment2.png) no-repeat scroll left top;
   padding-left: 35px;
}
.side-bar #recent-sidebar-comments ul li a{
   font-weight: bold;
   font-size: 12px;
   text-transform: capitalize;
   padding-right: 5px;
  
  
  
  
}
div.visual-bg-no-padding{
   padding-top: 18px;
   background: #fff;
}
.related-content{
   margin-top: 10px;
   margin-bottom: 20px;
}
.related-content h3{
   margin: 0;
}
#search-options-dropdown{
   list-style: none;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 0;
   left: 153px;
   color: #ddd;
   font-size: 11px;
   font-weight: bold;
   width: 100px;
}
#search-options-dropdown li{
   cursor: pointer;
   text-transform:lowercase;
}
#search-options-dropdown li:hover ul{
   display: block;
}

#search-options-dropdown li span{
   display: block;
   line-height: 39px;
   text-indent: 8px;
   background: url(images/layout/search-dropdown-arrow.png) center right no-repeat;
}

#search-options-dropdown li span.ind{
   display: block;
   line-height: 38px;
   text-indent: 0px;
   text-align:right;
   padding-right:27px;
   background: url(images/layout/search-dropdown-arrow.png) center right no-repeat;
   color:#00adef;
   height: 39px;
}

#search-options-dropdown li ul li{
   cursor: pointer;
   display: block;
   height: 24px;
   width: 100px;
   padding: 0;
   margin: 0;
}
#search-options-dropdown li ul li span{
   display: block;
   padding: 3px;
   text-indent: 5px;
   line-height: 18px;
   background: none;
}
#search-options-dropdown li ul li.active span{
   background: url(images/layout/blue-check.png) top right no-repeat;
}
#search-options-dropdown li ul li:hover{
   color: #00adef;
}

#search-options-dropdown li ul{
   list-style: none;
   padding: 0;
   margin: 0;
   display: none;
   background: url(images/layout/search-dropdown-bg.png) bottom left no-repeat;
}
.slider-index{
   position: absolute;
   z-index: 1010;
   bottom: 0;
   right: 0;
   background: #000;
   font-size: 12px;
   padding: 5px;
   color: #fff;
   font-weight: bold;
}

/* End Comments */

/* FORMS */
.styledForm{
   padding-left:40px;
   color: #555;
   font-size:1em;
   margin-top: 15px;
}
.styledForm select{
   width: auto;
}
.styledForm  *{
	font-size: 11px;
}
.styledForm #leftColumn {
	float: left;
	width: 250px;
	padding-top: 15px;
	margin-top: 10px;
}
.styledForm #rightColumn {
	float: left;
	width: 260px;
	padding-left: 58px;
	padding-top: 15px;
	margin-top: 10px;
}

.styledForm .formGroup p,
.styledForm .formGroup h5,
.styledForm .formGroup h6 {
	margin: 0px;
	min-height: 18px;
}
.styledForm .formGroup p {
	padding-bottom: 10px;
	clear: none;
}
.styledForm p input, .form-table td input {
	width: 170px;
	padding: 1px 5px;
}
.styledForm p textarea {
	width: 250px;
	padding: 3px 5px;
}
.styledForm p.fullWidth textarea{
   width: 480px;
}
.styledForm p.halfField input {
	width: 80px;
}
.styledForm p.shortField input,
.styledForm p.shortField select {
	width: 40px;
}
.styledForm #leftColumn h6,
.styledForm #leftColumn p.shortField,
.styledForm #rightColumn h6,
.styledForm #rightColumn p.shortField  {
	position: relative;
	top: -28px;
	left: 195px;
	width:20px;
	margin-bottom: -18px;
	padding-bottom: 0px;
}
.styledForm p input,.styledForm button,.styledForm select,.styledForm textarea, .form-table td input {
	vertical-align:middle;
	border: 1px solid #bbb;
	background: #f5f5f5;
}
.styledForm p input:focus, .styledForm button:focus, .styledForm select:focus, .styledForm textarea:focus, .form-table td input:focus{
   border: 1px solid #00ADEF;
   background: #fff;
}
.styledForm input.validation-failed, .styledForm select.validation-failed, .styledForm textarea.validation-failed{
   border: 1px solid red;
}
.styledForm #submit, .styledForm #submit:focus{
   background: none;
   border: none;
}
#submit-processing{
   display: none;
}

.styledForm #rightColumn h6 {
   position: relative;
	padding-right: 5px;
	top: -46px;
}
.styledForm #rightColumn h6 input {
	font-weight: normal;
	padding: 1px 2px;
}
.styledForm #rightColumn h6 label {
	
	margin-bottom: -18px;
}
.styledForm h6 label a {
   position: relative;
   font-weight: bold;
}

.styledForm #leftColumn h6 {
	top: -46px;
	margin-bottom: -18px;
}
.styledForm #rightColumn .formGroup {
   margin-bottom: 10px;
}
.styledForm label em{
   padding-left: 5px;
   font-size: 10px;
   font-weight: normal;
   letter-spacing: 0px;
   color: #999;
}
#enterInfo * {
  /* font-size: 1em;*/
}

#enterInfo h6 {
   font-weight: normal;
}
#enterInfo label {
   display: block;
   padding-bottom: 5px;
 
}
#enterInfo ol {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   clear: left;
}
#enterInfo ol li {
   clear: left;
   margin-bottom: 10px;
}
#enterInfo ol.formLine li {
   float: left;
   clear: none;
   padding-right: 20px;
}
#enterInfo ol.formRadioList li,
#enterInfo ol.formRadioListEs li {
 position: relative;
}
#enterInfo ol.formRadioList li input.radioButton {
 margin-right: 45px;
}
#enterInfo ol.formRadioListEs li input.radioButton {
 margin-right: 135px;
}
#enterInfo ol.formRadioList label,
#enterInfo ol.formRadioListEs label {
   display: block;
   position: absolute;
   left: 23px;
   top: 4px;
}
#enterInfo input.wideText {
   width: 135px;
}
#enterInfo input.thinText {
   width: 40px;
}
.err{
   display:none;
}
#statusLine{
	margin-top:12px;
	padding-left:60px;
	height:auto;
	width:300px;
	padding-top:25px;
	color:#FF0000;
	display:none;
	background:url(/images/icons/error_icon.gif) no-repeat;
	
}
#statusLine h6{
	display:block;
	height:17px;
	font-size:1em;
}
#statusLine h5{
	display:block;
	height:17px;
	font-size:1.2em;
}

#response{
	padding-bottom:5px;
}
#processForm{
   display:block;
   padding:20px 0 20px 500px
}

div.pointyWrapper li{
   padding: 3px;
   padding-right: 5px;
   font-weight: bold;
}
#cycnav{
   list-style: none;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 25px;
   right: 20px;
   display: block;
   padding: 15px;
   background: #666;
   min-height:99px;
   width:150px;
   background:url(images/icons/group.png) #666666 no-repeat bottom center; 
}
#cycnav li{
   line-height: 18px;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
}
#cycnav li a{
}

#accountNav{
   list-style: none;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 25px;
   right: 20px;
   display: block;
   padding: 15px;
   background: #666;
   width:75px;
   background:#666; 
}
#accountNav li{
   line-height: 18px;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
}

div.formGroup p label, .form-table th label{
   display: block;
   line-height: 18px;
   margin-bottom: 3px;
   font-weight: bold;
}
.form-table th, .form-table td{
   display: block;
   text-align: left;
}

p.userInfo{
   display:block;
   background:#666666 url(images/icons/male_user_icon.png) no-repeat top left;
   color:#FFFFFF;
   font-weight:bold;
   margin-left:40px;
   padding:10px 0 0 100px;
   width:480px;
   min-height:75px;
}
p.userInfoOut{
   display:block;
   background:#666666 url(images/icons/notlogin_user_icon.png) no-repeat top left;
   color:#FFFFFF;
   font-weight:bold;
   margin-left:40px;
   padding:10px 0 0 100px;
   width:480px;
   min-height:75px;
}
#login_error{
   color: red;
}
span.heading{
   font-weight: bold;
   font-size: 14px;
   color: #00ADEF;
}
.form-table{
   margin-bottom: 10px;
}
.searchImage{
	float:left;
	width:245px;
	height:321px;
	margin:0 15px 0 0;
	overflow:hidden;
}
.StickyWinInstance{
   width: 300px;
}
#formResponse h2{
	font-size:2em;
}
#formResponse h2.success{
	color:#009900;
}
#formResponse h2.fail, #formResponse h3.fail{
	color:#cc0000;
}
#formResponse p{
	width:600px;	
}
#formResponse p.message{
	font-size:1.3em;
}

div.report{
background:url(images/icons/report.png) no-repeat top left;
padding-left:48px;

}
div.prbox{
	height: 57px;
}
.post img.noborder{
	border:none;
	background:none;
}

a.calendar-icon{
	display:block;
	background:url(images/icons/calendar.png) no-repeat top left;
	padding:0 0 0 33px;
	height:33px;
	margin:15px 0 0 0;
	line-height:25px;
}
#lwi-fb-connect{


}

/* Sociable */

div.sociable { margin: 20px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
    display: inline;
	float: none;
	width: 20px;
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.odw-sidebar{
background-color:#fff;
min-height:3000px;
}
/* End sociable */

/*Products Page*/

#productCategories a.clistItem span.head{
   height: 39px;
   line-height: 39px;
   margin: 0 0 0 25px;
}
#products-bottom{
   background: url(images/layout/sub-bg-faux-column-left.png) no-repeat;
	border-top: 2px solid #FFB202;
	position: relative;
	padding-bottom: 20px;
}
a.md-select{
   display: block;
   width: 90px;
   height: 20px;
   text-indent: -9000px;
   margin-top: 18px;
   background: url(images/icons/select-btn.png) no-repeat left top;
}
div.md-salvador,
div.md-india,
div.md-car{
   position: relative;
   margin-bottom: 36px;
   min-height: 250px;
}
div.md-salvador img,
div.md-india img,
div.md-car img{
   position: absolute;
   top: 0;
   right: -200px;
   border: 0;
   padding: 0;
   background: transparent;
}