﻿body 
{
	margin: 0px;
	background: #ffffff url(/Images/sitegraphics/BGFade.gif) repeat-x;
}
.MasterContainer
{
	margin: 0 auto;
	background: url(/Images/sitegraphics/BG.gif);
	width: 1020px;
	height: 755px;	
}
.Header
{
	margin: 0 auto;
	width: 1000px;
	height: 77px;
}
.BodyContent
{
	margin: 0 auto;
	width: 1000px;
	height: 622px;
}
.Footer
{
	margin: 0 auto;
	width: 1000px;
	height: 45px;
}
.topNavigation
{
	position: absolute;
	margin-left: 672px;
	margin-top: 21px;
	width: 329px;
	height: 35px;
}
/* TABLE SIZES */
.tbl100{width:100%;}
.tbl90{width:90%;}
.tbl80{width:80%;}
.tbl70{width:70%;}
.tbl60{width:60%;}
.tbl50{width:50%;}
.tbl40{width:40%;}
.tbl30{width:30%;}
.tbl20{width:20%;}
.tbl10{width:10%;}
.tbl5{width:5%;}
/*  TEXT FIELDS */
.fld100
{
	font: 10pt arial;
	color: #151247;
	width: 100%;
	border: solid 1px #151247;
	background: #dad5da; 	
}
/*padding*/
.padding10{padding:10px;}
/*  FONTS  */
.Arila10
{
	font: 10pt arial;
}
.Arila10 a:active
{
	font: 10pt arial;
	text-decoration: none;
	color: #000000;
}
.Arila10 a:visited
{
	font: 10pt arial;
	text-decoration: none;
	color: #000000;
}
.Arila10 a:link
{
	font: 10pt arial;
	text-decoration: none;
	color: #000000;
}
.Arila10 a:hover
{
	font: 10pt arial;
	text-decoration: underline;
	color: #000000;
}
.Arila8
{
	font: 8pt arial;
}
.Arila8 a:active
{
	font: 8pt arial;
	text-decoration: none;
	color: #000000;
}
.Arila8 a:visited
{
	font: 8pt arial;
	text-decoration: none;
	color: #000000;
}
.Arila8 a:link
{
	font: 8pt arial;
	text-decoration: none;
	color: #000000;
}
.Arila8 a:hover
{
	font: 8pt arial;
	text-decoration: underline;
	color: #000000;
}
.whiteTransMask
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 755px;
	width: 100%;
	background: #ffffff;
	filter:alpha(opacity=00);
    -moz-opacity:.00;
    opacity:.00;
    z-index: 50;
    display: none;
}
.HeadingTXT
{
	font: 18pt arial;
	color: #636363;
}
.TitleTXT
{
	font: 11pt arial;
	color: #636363;
}
.popupContainer
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 755px;
	filter:alpha(opacity=00);
    -moz-opacity:.00;
    opacity:.00;
    z-index: 50;
	z-index: 51;
	display: none;
}
.logincloseTab
{
	margin: 0 auto;
	margin-top: 191px;
	width: 352px;
	height: 19px;
	background: url(/images/sitegraphics/loginCloseTab.gif) no-repeat right;
}
.loginCloseBtn
{
	position: absolute;
	margin-left: 250px;
	margin-top: 2px;
	font: 10pt arial;
	color: #151247;
	text-decoration: none;
}
.loginTBL
{
	margin: 0 auto;
	width: 352px;
	height: 222px;
	background: url(/images/sitegraphics/loginBG.jpg);
	margin-top: 0px;
}
.loginHeader
{
	font: bold 12pt arial;
	color: #151247;
	position: absolute;
	margin-top: 23px;
	margin-left: 12px;
}
.loginUserTXT
{
	font: bold 10pt arial;
	color: #151247;
	position: absolute;
	margin-top: 75px;
	margin-left: 19px;
}
.loginPassTXT
{
	font: bold 10pt arial;
	color: #151247;
	position: absolute;
	margin-top: 131px;
	margin-left: 19px;
}	
.txtUsername
{
	font: 10pt arial;
	color: #151247;
	position: absolute;
	margin-top: 72px;
	margin-left: 90px;
	width: 239px;
	border: solid 1px #151247;
	background: #dad5da;
}	
.txtPassword
{
	font: 10pt arial;
	color: #151247;
	position: absolute;
	margin-top: 128px;
	margin-left: 90px;
	width: 239px;
	border: solid 1px #151247;
	background: #dad5da;
}	
.ClientLoginBtn
{
	position: absolute;
	margin-top: 184px;
	margin-left: 241px;
	background: #FFFFFF;
	border: solid 1px #151247;
	font: bold 10pt arial;
	color: #151247;
	width: 89px;
	cursor: pointer;
}
.reqUser
{
	font: 10pt arial;
	color: red;
	position: absolute;
	margin-top: 92px;
	margin-left: 90px;
}
.reqPass
{
	font: 10pt arial;
	color: red;
	position: absolute;
	margin-top: 148px;
	margin-left: 90px;
}
.loginWarn
{
	font: 10pt arial;
	color: red;
	position: absolute;
	margin-top: 163px;
	margin-left: 90px;
}
.rightFooterText
{
	position: absolute;
	margin-top: 16px;
	margin-left: 775px;
}
.leftFooterText
{
	position: absolute;
	margin-top: 16px;
	margin-left: 10px;
}
.HomeTxtArea
{
	width:640px;
	height: 340px;
	position: absolute;
	margin-left: 10px;
	margin-top: 8px;
}
/* featured Work Cell */
.FeaturedWorkCell
{
	width:339px;
	height: 340px;
	border-left: solid 1px #636363;
	position: absolute;
	margin-left: 660px;
	margin-top: 8px;
}
.FeaturedHeading
{
	font: 18pt arial;
	color: #636363;
	position: absolute;
	margin-top: 9px;
	margin-left:19px;
}
.FeaturedTitle
{
	font: 11pt arial;
	color: #636363;
	position: absolute;
	margin-top: 44px;
	margin-left: 33px;
}
.FeaturedImage
{
	position: absolute;
	margin-top: 77px;
	margin-left: 33px;
	border: none;
}
.contactTextCell
{
	width:370px;
	height: 340px;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;	
}
.contactFormCell
{
	width:600px;
	height: 340px;
	border-left: solid 1px #636363;
	position: absolute;
	margin-left: 380px;
	margin-top: 0px;
}
/*services Classes */
.Services1
{
	width:333px;
	height: 340px;
	border-right: solid 1px #636363;
	position: absolute;
	margin-left: 0px;
	margin-top: 8px;
}
.Services2
{
	width:333px;
	height: 340px;
	position: absolute;
	margin-left: 334px;
	margin-top: 8px;
}
.Services3
{
	width:333px;
	height: 340px;
	border-left: solid 1px #636363;
	position: absolute;
	margin-left: 667px;
	margin-top: 8px;
}
/* Portfolio Classes */
.portfolioBG
{
	position: absolute;
	width: 1000px;
	height: 353px;
	z-index: 15;
}
.portfolioContainer
{
	position: absolute;
	margin-top: 125px; 
	margin-left: 0px;
	width: 1000px;
	height: 476px;
	z-index: 20;
}
.tdPortfolio
{
	width: 33%;
	height: 238px;
	text-align: center;
	vertical-align: middle;
}
	