/* Design44 Base HTML/CSS  -  Written By: Lucas Kwasnik  -  Last Updated: 2007-10-09 */
/* ====================== Page Formatting  ========================*/
* {
	margin: 0px;
	padding: 0px;
}
body, html {
	color: #888888;
	font-size: 13px;
	font-family: /*Tahoma, Verdana, */Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	height: 100%;
}
form, #bodyId { height: 100%; }
table {font-size: 13px;}
td {vertical-align: top;}
input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4, h5, h6, h7 {
	font-size: 12px;
	color: #b2b2b2;
}
h1 {
	color: #808080;
	font-size: 44px;
	padding-bottom: 20px;
	letter-spacing: -2px;
	font-weight: normal;
}
.home h1 {color: #b2b2b2;}
h1 span { color: #d5dd23; }
h2 {
	font-size: 36px;
	font-weight: normal;
	padding-bottom: 15px;
	letter-spacing: -1px;
	color: #808080;
}
.home h2 {font-size: 22px;}
h2 span { color: #d5dd23; }
h3 {
	font-size: 21px;
	color: #808080;
	letter-spacing: -1px;
	font-weight: normal;
	padding-bottom: 20px;
}
.home h3 {
	font-size: 17px;
	color: #666666;
	font-weight: bold;
}
ul, ol {
	padding-bottom: 15px;
	padding-left: 20px;
}
p {padding-bottom: 20px;}
p span { color: #d5dd23; }
hr {
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	height: 2px;
	margin-bottom: 20px;
}
a {
	color: #d5dd23;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

/* ====================== layout & columns ========================*/
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	min-height: 100%;
	position: relative;
}
* html #container {
	height: 100%;
}
#albumContainer {
	background: #ffffff;
	position: relative;
	z-index: 0;
}
#main {
	clear: both;
	width: 768px;
	padding: 10px 16px 5px;
	padding-bottom: 100px;	/* Height of the footer */
}
.home #main {padding-top: 45px;}
#breadcrumbs {
	text-align: right;
	padding-right: 16px;
	color: #d5dd23;
	font-size: 11px;
	text-transform: lowercase;
}
.crumbsBottom {
	position: absolute;
	top: -35px;
	right: 16px;
}
#breadcrumbs a {
	text-decoration: none;
	color: #b2b2b2;
}
#content {
	width: 736px;
	padding: 25px 0px 20px;
	float: left;
	margin-right: 16px;
	margin-left: 16px;
}
#content table {
	position: relative;}
* html #content {
	margin-left: 8px;
	margin-right: 8px;
}
img.contentImage {
	padding-left: 30px;
}
.calloutsPage #content {
	padding: 25px 0px 0px;
}
.home #content {
	width: 379px;
	background: url(../Img/balance-contentBar.gif) repeat-x left bottom;
	padding-top: 0px;
	padding-bottom: 3px;
}
* html .home #content {
	margin-right: 16px;
}
.home #content img { padding-left: 30px; }
.home #content h1 img { padding-left: 0px; }
#homePhoto {
	float: left;
	height: 327px;
	width: 327px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
}
#homeCallouts {
	clear: both;
	background: url(../Img/balance-contentBar.gif) repeat-x left bottom;
	padding: 20px 0px;
	font-size: 11px;
	width: 736px;
	margin-right: 16px;
	margin-left: 16px;
}
.calloutsPage #homeCallouts { padding: 0px 0px 20px; }
.homeCallout {
	width: 232px;
	padding-right: 20px;
	float: left;
}
.lastHomeCallout { padding-right: 0px; }
.homeCallout img { padding-bottom: 5px; }
.homeCallout p { padding-bottom: 5px; }
#bottomCallout {
	clear: both;
	padding-top: 20px;
	font-size: 14px;
	padding-right: 16px;
	padding-left: 16px;
}
.portfolioTable {
	background: #f5f5f5;
	color: #B3B3B3;
	font-size: 11px;
}
.portfolioTable td {padding: 10px;}
.portfolioTable a {
	color: #B3B3B3;
	text-decoration: none;
}
.portfolioTable a:hover { color: #333333; }
#calloutContainer {
	float: right;
	padding-left: 30px;
}

/* ====================== Header & Footer ====================== */
#header {
	padding-top: 17px;
	padding-left: 32px;
	padding-right: 32px;
}
#headerRight {
	float: right;
	padding-top: 10px;
	text-align: right;
	font-size: 10px;
}
#headerRight ul {
	padding: 0px 0px 25px;
	list-style-type: none;
}
#headerRight a {
	color: #d5dd23;
	text-decoration: none;
}
#headerRight a:hover { text-decoration: underline; }
#headerRight p { padding-bottom: 8px; }
#footer {
	position: absolute;
	bottom: 0px;
	background: #4d4d4d;
	border-top: 1px solid #797979;
	padding: 12px 32px 20px;
	color: #f2f2f2;
	width: 736px;
	clear: both;
	height: 47px;
}
#footer p {
	font-size: 9px;
	padding: 0px;
}
#footerLeft {
	width: 350px;
	float: left;
}
#footerRight {
	width: 383px;
	padding-right: 3px;
	float: left;
	text-align: right;
}
#footer ul {
	padding: 0px 0px 35px;
	list-style-type: none;
}
#footer li {
	float: left;
	padding-right: 12px;
}
#footer li a {
	color: #f2f2f2;
	text-decoration: none;
}	
#footer li a:hover { color: #d5dd23; }

/* ====================== Menu ====================== */
#navMenu {
	clear: both;
	text-align: right;
	padding-right: 31px;
}
#navMenu ul {
	padding: 0px 0px 5px 149px;
	list-style-type: none;
	float: right;
	background: url(../Img/balance-navBG.gif) repeat-x left bottom;
	margin-top: -29px;
}
#navMenu ul li {
	float: left;
	padding-left: 20px;
	padding-bottom: 6px;
	padding-top: 3px;
}
#navMenu ul li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 0px;
	height: 16px;
	display: block;
}
#navMenu ul li.navAbout a {
	background: url(../Img/nav-about.gif) no-repeat left top;
	width: 50px;
}
#navMenu ul li.navPortfolio a {
	background: url(../Img/nav-portfolio.gif) no-repeat left top;
	width: 67px;
}
#navMenu ul li.navMethod a {
	background: url(../Img/nav-method.gif) no-repeat left top;
	width: 63px;
}
#navMenu ul li.navNews a {
	background: url(../Img/nav-news.gif) no-repeat left top;
	width: 48px;
}
#navMenu ul li.navContact a {
	background: url(../Img/nav-contact.gif) no-repeat left top;
	width: 65px;
}
#navMenu ul li.navAbout a:hover { background: url(../Img/nav-about.gif) no-repeat left -16px; }
#navMenu ul li.navPortfolio a:hover {background: url(../Img/nav-portfolio.gif) no-repeat left -16px;}
#navMenu ul li.navMethod a:hover {background: url(../Img/nav-method.gif) no-repeat left -16px;}
#navMenu ul li.navNews a:hover {background: url(../Img/nav-news.gif) no-repeat left -16px;}
#navMenu ul li.navContact a:hover {background: url(../Img/nav-contact.gif) no-repeat left -16px;}
#navMenu ul li a:hover { color: #d5dd23; }
#navMenu ul ul {}

/* ====================== Display and hide second level menus ====================== */
#navMenu ul ul, #hidden {display: none;}
#navMenu .menuHome {display: none;}
#navMenu li.CurrentPage ul, #navMenu li.CurrentCategory1 ul {/*display: block;*/}

#navMenu ul li.CurrentCategory1 a { color: #d5dd23; }
.bodyPortfolio #navMenu ul li.navPortfolio a { color: #d5dd23; }

.bodyAbout #navMenu ul li.navAbout a { background: url(../Img/nav-about.gif) no-repeat left -16px; }
.bodyPortfolio #navMenu ul li.navPortfolio a {background: url(../Img/nav-portfolio.gif) no-repeat left -16px;}
.bodyMethod #navMenu ul li.navMethod a {background: url(../Img/nav-method.gif) no-repeat left -16px;}
.bodyNews #navMenu ul li.navNews a {background: url(../Img/nav-news.gif) no-repeat left -16px;}
.bodyContact #navMenu ul li.navContact a {background: url(../Img/nav-contact.gif) no-repeat left -16px;}

#navMenu li#menuHome.CurrentPage ul, #navMenu li#menuHome.CurrentCategory1 ul {display: none;} /* never display L2 menu items in Home Category */

/* ====================== search results ======================== */
#searchContainer {
	height: 37px;
	padding: 0px 0px 0px 20px;
	background: #E7B060 url(/Common/Img/logoSWBM_Header.jpg) no-repeat right top;
}
#searchBox {padding-top: 10px;}
#searchResultsPage #content {padding: 0px 15px 0px 45px;}
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #423E34;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	
.SearchResultTitle a:hover {text-decoration: underline;}
.SearchResultsHighlight {
	color: #E7B060;
	font-style: italic;
	text-decoration: underline;
}	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
#resultsSearchQty {padding-bottom: 12px;}
.selHint {background-color: #4D6177;}
#results div a span {background-color: #4D6177;}	
.ezcount {
	float: right;
	color: #E7B060;
	font-size: 9px;
}
#results {
	z-index: 99;
	width: 175px;
	display: none;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #F5F1D0;
}
#results a {color: #E7B060;}
#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;
}

/* ====================== Styling for Submit button on Login ========================*/
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #F5F1D0;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #423E34;
	border-right: 8px solid #4D6177;
}

/* PNG Background Fix for IE6 */
#idclass { behavior: url(iepngfix.htc); }

/* ================== Twitter ============= */
.twtr-hd, .twtr-ft {
	display: none;
}
.twtr-bd {
	margin-left: -10px;
}
.twtr-tweet-text {
	color: #b2b2b2;
	font-size: 21px;
	padding: 0px;
}
a.twtr-reply {
	color: #b2b2b2;
}