/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0px 0px 1em 0px;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */ li, dd, blockquote {
        margin-left: 3em;
        margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
label {
	display: block;
	float: left;
	width: 140px;
	height: 26px;
}
fieldset {
	border: none;
}
input, select, textarea {
        font-size: 100%;
}
img {
	border: 0px none;
}

/** begin custom **/

.button {
	cursor: pointer;
	border: 0px none;
	height: 18px;
}
.largeHeading {
	margin-top: 2em;
	font-weight: bold;
}
#body {
	background: url(/custom/images/bg-shadow-bottom.jpg) repeat-x bottom;
}
a {
	color: #434343;
}
#wrapper_plain {
	background: url(/custom/images/bg-plain.jpg) repeat-x top;
}
#wrapper_stage {
	background: url(/custom/images/bg-stage.jpg) repeat-x top;
}
#container {
	width: 980px;
	margin: 0 auto;
	background: url(/custom/images/bg-shadow.png) repeat-y;
}
.header_plain {
	background: url(/custom/images/bg-plain-shadow.jpg) no-repeat top left;
}
.header_stage {
	background: url(/custom/images/bg-stage-shadow.jpg) no-repeat top left;
}
#content_headerBackground {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top;
}
.headerContent {
	width: 947px;
	height: 365px;
	overflow: hidden;
	margin-left: 16px;
	position: absolute;
}
#header {
	height: 364px;
	width: 983px;
}
#headerItems {
	position: absolute;
	top: 27px;
	margin-left: 48px;
	width: 925px;
}
#logo {
	float: left;
	width: 103px;
	height: 39px;
	background: url(/custom/images/logo.png) no-repeat;
	cursor: pointer;
}
#navBar {
	float: left;
}
#navBarLeft {
	width: 10px;
	height: 40px;
	float: left;
	background: url(/custom/images/nav-bar-left.png) no-repeat;
}
#navBarBg {
	float: left;
	width: 802px;
	height: 40px;
	background: url(/custom/images/nav-bar-bg.png) repeat-x;
	overflow: hidden;
}
.navBarLink, .navBarLinkOn {
	float: left;
	display: block;
	padding: 0 10px;
	line-height: 40px;
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
	margin-top: 6px;
	position: relative;
}
.navBarLink:hover, .navBarLinkOn {
	background: url(/custom/images/nav-over.gif) repeat-x;
}

#subNav {
	background: url(/custom/images/sub-nav-bg.png) repeat-x;
}
.subNav {
	position: absolute;
	top: 329px;
	height: 38px;
	width: 899px;
	margin-left: 16px;
	padding-left: 48px;
	overflow: hidden;
}

.subNavItemOn, .subNavItem {
	float: left;
	cursor: pointer;
	/*position: relative;*/
}
.subNavItemOn a, .subNavItem a {
	color: #5a5a5a;
	font-size: 8pt;
	text-decoration: none;
}
.subNavItemOn .subNavTabLeft {
	background: url(/custom/images/tab-left.png) no-repeat;
}
.subNavTabLeft, .subNavTabRight {
	width: 10px;
	height: 35px;
	float: left;
}
.subNavItemOn .subNavTabRight {
	background: url(/custom/images/tab-right.png) no-repeat;
}
.subNavTabBg {
	height: 35px;
	line-height: 44px;
	text-indent: 1px;
	overflow: hidden;
	float: left;
}
.subNavItemOn .subNavTabBg {
	background: url(/custom/images/tab-bg.png) repeat-x;
}

.dropDownTop {
	background: url(/custom/images/ddm-shadow-top.png) no-repeat;
	width: 140px;
	height: 4px;
	overflow: hidden;
}
.dropDownNavItems {
	background: url(/custom/images/ddm-bg.png) repeat-y;
	width: 140px;
	padding: 2px 0;
}
.dropDownBottom {
	background: url(/custom/images/ddm-shadow-bottom.png) no-repeat;
	width: 140px;
	height: 4px;
	overflow: hidden;
}
.dropDownNav {
	font-size: 8pt;
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 2px 0;
	text-indent: 12px;
	margin-left: 4px;
	width: 133px;
	position: relative;
}
.dropDownNav:hover {
	background-color: #767670;
}
.dropDown {
	position: absolute;
	display: none;
	width: 140px;
}

#contentArea {
	width: 894px;
	margin-left: 16px;
	padding-left: 53px;
	background: url(/custom/images/contentbg.jpg) repeat-x top;
	position: relative;
}

#content {
	margin-top: 30px;
	float: left;
	color: #5a5a5a;
	width: 508px;
	margin-right: 4px;
}
.pageText {
	padding-left: 1px;
}

.verticalLine, .verticalLineTall {
	width: 2px;
	margin-top: 18px;
	margin-left: 5px;
	margin-right: 2px;
	float: left;
}
.verticalLine {
	background: url(/custom/images/vertical-line.gif) no-repeat top;
	height: 370px;
	min-height: 370px;
}
.verticalLineTall {
	background: url(/custom/images/vertical-line-tall.gif) no-repeat top;
	height: 530px;
	min-height: 530px;
}
.portfolioLHS {
	margin-right: 4px !important;
}
#rhs {
	float: left;
	margin-top: 9px;
	width: 382px;
	color: #5a5a5a;
	overflow: hidden;
}
.portfolioRHS {
	background: #413f3d url(/custom/images/portfolio/rhsbgtop.gif) repeat-x top;
	margin: 0 !important;
	text-align: center;
	padding: 16px 0;
}
.portfolioRHSContainer {
	background: url(/custom/images/portfolio/rhsbg.gif) repeat-y right;
	width: 100%;
}
#rhsPortfolioContainer {
	background: url(/custom/images/rhsportfoliobg.jpg) no-repeat top;
	width: 382px;
	padding-top: 13px;
}
#rhsPortfolioButtons {
	height: 47px;
	text-align: right;
}
#rhsPortfolioButtons .button {
	cursor: pointer;
	margin-right: 7px;
}
#rhsPortfolio {
	margin-top: 0px;
	float: right;
	width: 373px;
	height: 359px;
	cursor: pointer;
}

.titleGreenLogo, .titleAllLogo, .titleRedLogo, .titleYellowLogo, .titleBlueLogo, .titleGreen, .titleAll, .titleRed, .titleYellow, .titleBlue {
	font-size: 240%;
	margin-bottom: 2px;
	font-weight: normal;
}
.titleGreenLogo, .titleAllLogo, .titleRedLogo, .titleYellowLogo, .titleBlueLogo {
	padding-left: 40px;
}
.titleGreenLogo {
	background: url(/custom/images/logo-green.gif) no-repeat left;
}
.titleGreenLogo, .titleGreen {
	color: #a6ea00;
}
.titleRedLogo {
	background: url(/custom/images/logo-red.gif) no-repeat left;
}
.titleRedLogo, .titleRed {
	color: #dd0000;
}
.titleBlueLogo {
	background: url(/custom/images/logo-blue.gif) no-repeat left;
}
.titleBlueLogo, .titleBlue {
	color: #4d85ec;
}
.titleYellowLogo {
	background: url(/custom/images/logo-yellow.gif) no-repeat left;
}
.titleYellowLogo, .titleYellow {
	color: #e7d900;
}
.titleAllLogo {
	background: url(/custom/images/logo-all.gif) no-repeat left;
}
.titleAll, .titleAllLogo {
	color: #434343;
}

.ourWorkImage {
	height: auto !important;
	height: 350px;
	min-height: 350px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	width: 373px;
}

.clearer {
	clear: both;
}

.portfolioQuote {
	text-align: right;
	font-size: 210%;
	font-style: italic;
	margin-bottom: 2px;
}
.portfolioClientName {
	text-align: right;
	font-size: 120%;
}
.portfolioLink {
	font-size: 110%;
	margin-bottom: 10px;
}

#callBackForm {
	width: 502px;
	height: 117px;
	background: url(/custom/images/call-back-bg.png) no-repeat;
	margin-top: 1em;
}
#callBackForm form {
	padding-left: 283px;
	padding-top: 29px;
	position: relative;
}
#callBackForm .formInput {
	clear: left;
	border: 1px solid #005db6;
	height: 24px;
	color: #999999;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	width: 171px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-indent: 4px;
}
#callBackForm input {
	vertical-align: top;
}


/* glossary box */
#glossaryPopup {
	background: transparent;
	border:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	width: 375px;
	height: 259px;
}

#glossaryPopupBackground { 
	background: transparent url(/custom/images/glossary-bg.png);
	position: absolute;
	width: 375px;
	height: 259px;
	z-index: -1;
}

#innerGlossaryPopup {
	padding: 10px 30px;
	text-align: right;
	color: #fff;
	z-index: 200;
}

#topGlossaryPopup {
	text-align: right;
	height: 20px;
	overflow: hidden;
	z-index: 200;
	padding: 12px 3px 0px 0px;
}
#innerGlossaryPopup a, #innerGlossaryPopup label {
	color: #fff;
}

#innerGlossaryPopup label {
	font-size: 125%;
	padding-top: 2px;
}

#glossaryItem {
	background-color: #ffffff;
	color: #000000;
	overflow: scroll;
	width: 308px;
	height: 190px;
	text-align: left;
}

/* end glossary box */

/* login box */
#loginPopup {
	background: transparent;
	border:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	width: 375px;
	height: 259px;
}

#loginPopupBackground { 
	background: transparent url(/custom/images/login-bg.png);
	position: absolute;
	width: 375px;
	height: 259px;
	z-index: -1;
}

#innerLoginPopup {
	padding: 70px 30px;
	text-align: right;
	color: #fff;
	z-index: 200;
}

#topLoginPopup {
	text-align: right;
	height: 20px;
	overflow: hidden;
	z-index: 200;
	padding: 12px 3px 0px 0px;
}
#innerLoginPopup a, #innerLoginPopup label {
	color: #fff;
}

#innerLoginPopup label {
	font-size: 125%;
	padding-top: 2px;
}
.mask { 
	background-color:#000;
	-moz-opacity:0.75;
	opacity:.75;
	filter:alpha(opacity=75);
}
/* end login box */

#contactForm {
	margin-top: 1em;
	padding-left: 50px;
}

.formInput {
	border: 1px solid #666666;
	width: 200px;
}
textarea.formInput {
	overflow: auto;
}

#footer {
	clear: both;
	text-align: right;
	padding-top: 1em;
	padding-bottom: 4px;
	padding-right: 22px;
	font-size: 85%;
	color: #5a5a5a;
}
#footer, #footer a {
	color: #5a5a5a;
}
#footer a {
	padding: 0 4px;
}

#registeredDetails {
	clear: both;
	color: #5a5a5a;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	padding-left: 50px;
}
.addressDivider {
	padding: 0 6px;
}

#weAreHiring {
	position: absolute;
	top: -27px;
	right: 8px;
}

#portfolioItemsBannerNavLeft, #portfolioItemsBannerNavRight {
	position: absolute;
	width: 34px;
	top: 195px;
	z-index: 2;
	cursor: pointer;
}
#portfolioItemsBannerNavLeft {
	margin-left: -3px;
}
#portfolioItemsBannerNavRight {
	margin-left: 950px;
}
.portfolioItemFrame, .portfolioItemFrameSelected {
	float: left;
	width: 310px;
	height: 116px;
}
.portfolioItemFrameSelected {
	background: url(/custom/images/portfolio/frame.png) no-repeat;
}
.portfolioItemFrame img {
	border: 1px solid #ccc;
}
.portfolioItemFrameContent {
	padding: 7px;
}
.portfolioItemsBannerContent {
	padding: 0 0 0 0;
}
#portfolioItemsBanner {
	background: url(/custom/images/portfolio/bannerbg.jpg) no-repeat;
}
#portfolioItemsBannerContainerOuter {
	width: 947px;
	height: 365px;
	overflow: hidden;
}
#portfolioItemsBannerContainerInner {
	width: 9470px;
	padding: 155px 0 0 946px;
	overflow: hidden;
}
.portfolioItemsBannerContainer {
	float: left;
	width: 310px;
	height: 365px;
	overflow: hidden;
}
#portfolioItemsPagination {
	position: absolute;
	top: 300px;
	z-index: 2;
}
#portfolioItemsPagination div {
	float: left;
}
#portfolioItemsPaginationButtons {
	background: url(/custom/images/portfolio/buttonbg.png) repeat-x;
	padding: 9px 0 5px 5px;
}
#portfolioItemsPaginationButtons img {
	vertical-align: top;
}
#portfolioItemsPaginationLeft {
	background: url(/custom/images/portfolio/buttonbgleft.png) no-repeat;
	padding: 0 0 0 10px;
}
#portfolioItemsPaginationRight {
	background: url(/custom/images/portfolio/buttonbgright.png) no-repeat right top;
	padding: 0 10px 0 0;
	height: 25px;
}
.portfolioItemsPaginationButton, .portfolioItemsPaginationButtonOff {
	margin: 0 5px 0 0;
}
.portfolioItemsPaginationButtonOff {
	cursor: pointer;
}
#portfolioLargeScreenshot {
	margin-bottom: 5px;
	height: 202px;
	overflow: hidden;
}
.portfolioSmallScreenshot {
	width: 90px;
	margin-right: 5px;
}
.portfolioSmallScreenshotRight {
	margin-right: 0 !important;
}
#portfolioLogo {
	padding-top: 30px;
	text-align: center;
}