@charset "UTF-8";

/* em fractions: 
0.9375 | 0.875 | 0.8125 | 0.75 | 0.6875 | 0.625 | 0.5625 | 0.5 | 
0.4375 | 0.375 | 0.3125 | 0.25 | 0.1875 | 0.125 | 0.0625 */

html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	line-height: 1.5em;
	vertical-align: baseline;
}

strong { font-weight:bold; }

/* define focus style 
:focus {
	outline: 0;
}
*/
html { overflow: -moz-scrollbars-vertical !important; }

body { width:100%; height:100%; padding-top: 6px; background: #bed9dc; font-size: 100%; }

ol, ul { list-style-type: square; }

a { text-decoration:none; color: #ffffff }
a:hover { text-decoration: underline; }

img { border:0; }

div { text-align: left; float: none; }

#basis { width:990px; height:100%; margin: 0 auto; }

#Masthead { width: 988px; height: 140px; background: #1b2625 url(/images/MainNav/bgMasthead.jpg) no-repeat; }

#Logo { position: relative; float: left; top: 36px; left: 26px; width: 190px; height: 80px; }

#Tagline { position: relative; float: left; top: 36px; left: 70px; width: 255px; height: 35px; }

#SiteSearch { position: relative; float: left; top: 36px; left: 280px; width: 235px; height: 33px; background: url(/images/MainNav/bgSearchBox.jpg) no-repeat; }

#txtSearchQuery { position: relative; float: left; top: 8px; left: 11px; width: 143px; height: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	vertical-align: inherit; border: 0; margin: 0; padding: 2px 0 0 1px; background: #ffffff none; border: none; }

#btnSearch { position: relative; float: right; top: 6px; left: 0px; width: 67px; height: 22px; border:0; 
	background:url(/images/MainNav/btnSearch.jpg) no-repeat; }
#btnSearch:hover {background-position: 0px -22px;}

#MainNav { position: relative; top: 61px; left: 109px; width: 620px; height: 27px; float: left; }

#MainNav ul { list-style-type: none; margin: 0; padding: 0; width: 620px; height: 27px; float: left; }

#MainNav ul li { list-style-type: none; float: left; margin: 0; padding: 0; width: auto; height: 27px; }

#MainNav ul li a { height: 27px; float: left; }

#MainNav a span {display: none; float: left; 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

#btnRentals { position: relative; left: 0px; background:url(/images/MainNav/btnRentals.jpg) no-repeat; width: 117px; height: 27px; }
#btnRentals:hover {background-position: 0px -27px;}
#btnSales { position: relative; left: 15px; background:url(/images/MainNav/btnSales.jpg) no-repeat; width: 117px; height: 27px; }
#btnSales:hover {background-position: 0px -27px;}
#btnCustom { position: relative; left: 48px; background:url(/images/MainNav/btnCustom.jpg) no-repeat; width: 139px; height: 27px; }
#btnCustom:hover {background-position: 0px -27px;}
#btnPortfolio { position: relative; left: 86px; background:url(/images/MainNav/btnPortfolio.jpg) no-repeat; width: 139px; height: 27px; }
#btnPortfolio:hover {background-position: 0px -27px;}

.MainNavSelected { background-repeat: no-repeat; background-position: 0 -27px}

/* IE6 HACK
* html #container {
height: 100%;
}
*/

#ContentBlock { width: 979px; min-height: 447px; height: auto; background-color: #ffffff; 
	padding: 0; margin-left: 3px; border-right: solid 1px #a9c1c4; border-left: solid 1px #a9c1c4; }

#PageHeader { width: 929px; padding: 30px 20px 10px 30px; background-color: #e7e7e7; }

h1 { font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 1.3125em; font-weight: bold;
	color: #2a2a2a; line-height: 1.5em ; 
	margin: 0px; padding: 0px; width: 700px; }

h1 sup { vertical-align: top; font-family: arial, Sans-Serif; }

/* TODO - adjust fonts for PageContent and h2 */
#PageContent { overflow: auto; width: 690px; height: 100%; padding: 15px 20px 20px 30px; float: none;
color: #393939; font-family: Verdana, Arial, Helvitica, Sans-Serif; }

h2 { font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 0.8em; font-weight: bold; color: #3399dd; 
	margin: 0; padding: 3px 0 1px 0; }

h2 sup { vertical-align: top; font-family: arial, Sans-Serif; }

h3 { font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 0.75em; font-weight: bold; color: #555555; 
	margin: 0; padding: 10px 0 1px 0; }

h3 sup { vertical-align: top; font-family: arial, Sans-Serif; }

#PageContent p { margin: 0; padding: 0 0 12px 0; line-height: 1.5em; font-size: 0.75em; }

#PageContent p sup { vertical-align: top; font-family: arial, Sans-Serif; }

#PageContent ul { color: #393939; font-size: 0.75em; padding: 0px 0px 3px 0px; margin-left: 20px; }

#PageContent ul sup { vertical-align: top; font-family: arial, Sans-Serif; }
#PageContent ul li { margin: 0 ; padding: 0px 0px 6px 0px; list-style-type: square; }

#PageContent a { text-decoration: underline; color: #3399dd; }	/* 4e8a9c */
/*#PageContent a:hover { text-decoration: underline; }*/

.PageImg { padding: 7px 7px 7px 7px; background: #fffff6; border: solid 1px #cccccc; }

#PageImgRight { float: right; margin: 4px 0 10px 25px; }

#PageImgLeft { float: left; margin: 4px 25px 10px 0; }

.LinkArrow { width: 6px; height: 9px; padding: 0 3px 0 0px; }

.LinkIcon { width: 16px; height: 16px; vertical-align: bottom; padding-right: 4px; }

#PageIndustryList { float: none; }

#PageIndustryList ul { list-style-type: none; margin: 0; padding: 0 0 12px 0;  
	height: 35px; float: none; font-size: 0.75em; }

#PageIndustryList ul li { list-style-type: none; float: left; margin: 0; padding: 0; width: auto; }

.NavList { float: none; padding-top: 10px; margin-bottom: 15px; border-bottom: dotted 1px #999999; }

.NavListRow { float: none; overflow: auto; padding: 12px 0 10px 0; border-top: dotted 1px #999999; }

.NavListCopy { float: left; width: 320px; padding-right: 5px; font-size: 1.0em; }

.NavListCopyWide { float: left; width: 480px; padding-right: 10px; font-size: 1.0em; }

.NavListThumb { float: left; margin-left: 14px; }

.NavListImg { margin-bottom: 2px; padding: 3px 3px 3px 3px; display: block; 
	background: #fffff6; border: solid 1px #cccccc !important; }

.NavListEnd { float: none; padding: 10px 0 10px 0; border-top: dotted 1px #999999; }

#Sidebar { position: relative; top: -45px; left: -2px; width: 201px; float: right; }

#SbTop { width: 155px; height: 45px; padding: 0 23px 0 18px; 
	font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 0.625em; color: #ffffff; 
	background: #272727 url(/images/bgSidebar-Top.jpg) no-repeat; }

.SbShare { width: 130px; height: 15px; padding-top: 30px;
	font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 1.0em; color: #999999; }

.SbShare img { vertical-align: bottom; }

.SbShare a { font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 1.0em; color: #a0a0a0; }

#SbBody { width: 165px;  min-height: 201px;
	padding: 0 13px 10px 20px; 
	font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 0.625em; color: #ffffff; 
	background: #272727 url(/images/bgSidebar-Body.gif) repeat-y; }

#SbBody h3 { font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 1em; font-weight: bold; color: #ffffff; 
	margin: 0; padding-top: 20px; }

#SbBody h3 sup { vertical-align: top; font-family: arial, Sans-Serif; }

#SbBody p { margin: 0; padding: 5px 0 10px 0; }

#SbBody a { text-decoration: none; color: #68b8d1; }
#SbBody a:hover { text-decoration: underline; }

.SidebarImg { margin-bottom: 2px; display: block; background: #fffff6; border: solid 1px #dddddd !important; }

.sbLinkArrow { width: 5px; height: 7px; padding: 0 3px 0 0px; }

.SbList ul li { list-style-type: none; float: none; margin: 0; padding: 0; width: auto; }


#SbBtm { width: 201px; height: 19px; background: #272727 url(/images/bgSidebar-Btm.jpg) no-repeat; }

/* Styles for Portfolio Project Showcase detail page */
#ProjShowcaseCopy { width: 340px; float: left; }

.h2Bigger { font-size: 0.875em; }

#ProjShowcaseQuote p { padding: 0; font-style:italic ; }

#ProjShowcaseQuoteAuthor { padding: 5px 10px 0 0 ; text-align:right; }

#ProjShowcaseCallToAct { margin-top: 25px; border-top: dotted 1px #999999; }

#ProjShowcaseImages { float: right; padding: 0; width: 520px; height: 475px; } 

#ProjShowcaseImages p { padding: 3px 0 0 7px; }

#ProjShowcaseImgNav { height: 19px; padding: 8px 0 3px 0; }

#ProjShowcaseImgNav a { display: block; text-decoration:none; 
	font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 0.75em; font-weight: bold; color: #000000; }

#ProjShowcaseImgNav a:hover { text-decoration: none; }

.ImgNavButton { float: left; margin: 0 6px 0 0; width: 18px; height: 18px; border: solid 1px #d7d7d7; 
	background-color: #e7e7e7; text-align: center; }

.ImgNavButtonCurrent { float: left; margin: 0 6px 0 0; width: 18px; height: 18px; border: solid 1px #646464; 
	background-color: #747474; text-align: center; color: #000000; }

#ProjShowcaseImage { margin-top: 9px; padding: 7px 7px 7px 7px; display: block; 
	background: #fffff6; border: solid 1px #cccccc; }

#ProjShowcaseImgCaption { color: #555555; }

#ProjShowcaseImgList { display: none; }

/* Styles for Page Header Share component */
.PgHdrShare { position: relative; top: -27px; width: 130px; height: 15px; float: right;	padding-top: 0px;
	font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 0.625em; color: #999999; }

.PgHdrShare img { vertical-align: bottom; }

.PgHdrShare a { font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 1.0em; color: #a0a0a0; }

#SharePanel { display: none; z-index:10000; position: absolute; width: 400px; height: 300px; border:solid 1px gray; background-color: #ffffff;
	font-family: Verdana, Arial, Helvitica, Sans-Serif; font-size: 1.0em; color: #a0a0a0; }

#Footer { width: 988px; height: 53px; float: none; background: #1b2625 url(/images/MainNav/bgFooter.jpg) no-repeat; }

#Footer ul { list-style-type: none; margin: 0 ; padding: 9px 55px 0 45px; height: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; }

#Footer ul li { list-style-type: none;  float: left; margin: 0; padding: 0; width: auto; height: 15px; }

#Footer a { height: 17px; float: left; padding: 2px 25px 0 25px; }

#Footer-left { float:left; font-weight: bold; }

/* #footerAboutUs { } */
#footerContactUs { background: url(/images/MainNav/footerSep.gif) no-repeat}
#footerLinks { background: url(/images/MainNav/footerSep.gif) no-repeat}

#Footer-right { float:right; padding: 9px 18px 0px 0px; }

/* #footerPrivacy { } */
#footerTerms { background: url(/images/MainNav/footerSep.gif) no-repeat}
#footerCopyright { background: url(/images/MainNav/footerSep.gif) no-repeat}