html, body {height:100%;font:normal 100% arial;/*background:#FFF url(fadingBackground.gif) repeat-x;*/}

html{height:100%;}
html>body #PortalBorder {height:auto}/*for mozilla */



/*Inner content container*/
#outerContainer {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;width:100%;}
/*Logo div*/
#Banner {background-color:#323232; width:100%; height:145px;}
.logoHolder {margin:0 auto; width:760px;}
/*MENU*/
#menu {background-color:#323232; width:100%; height:31px;}
.menuHolder {margin:0 auto; width:760px;}

#innerContainerWrap{ margin:0 auto; width: 100%; min-height:100%; margin-top:0px;}

.LeftPane {float:left;width:580px;margin:0; padding:0px 0px 0px 0px;}
.LeftPaneSingle {float:left;width:545px; margin-right:35px; }
.LeftPanePortfolio {float:left;width:750px; margin-right:35px; margin:0 auto; }

.RightPane {float:left;margin:0; width:170px;height:100%;padding:0px 0px 0px 0px;}
.homePaddedContentContainer {float:left;margin:0; width:370px;height:100%;padding:0px 0px 0px 0px;}
.contentContainer {background-color:#FAFAFA;}

.RightPane {border:none!important}
.TopPane {border:none!important}
.LeftPaneSingle {border:none!important}

.TopPane {width:760px;margin:0 auto; height:135px;}
.TopPanePortfolio {width:780px;margin:0 auto; height:135px;}

/*#TopPanelDivider {background: url(BannerFade.jpg); height:10px; width:100%; margin-bottom:15px;margin-top:0px;}*/
#TopPanelDivider {background: url(headerfade.png); height:3px; width:100%; margin-bottom:15px;margin-top:0px;}

.midWidthContentContainer {width:760px; margin:0 auto;}

.LeftPaneSingle p {color:#444444;font-family: Tahoma; text-align:justify;}
.LeftPaneSingle a {text-decoration:none; font:normal 100% Tahoma; color:#be400e; border-bottom: dashed 1px #C0C0C0;}
.LeftPaneSingle a:hover {font:normal 100% Tahoma; color:#d47d00; border-bottom: dotted 1px #d47d00;}

.footerColumn {width:220px; float:left; min-height:200px;}
.footerColumnSmall {float:left;}
.footerHeader {font:bold 90% Tahoma; color:#555555; display:block; margin:10px 0px 10px 0px;}
.contactLetter {float:left; width:10px; font:normal 80% Tahoma; color:#444444;}
.contactText {float:left; width:190px; font:normal 80% Tahoma; color:#444444;}
#innerFooter .contactText a {color:#444444; font:normal 90% Tahoma; line-height:14px;}

#PortalFooter .footerLink {font-size:90%; color:#d5cbc2;}

.copyright {font:normal 80% Tahoma; color:#444444; letter-spacing:-0.5px; }
.contactLineBreak {line-height:20px;padding:0;margin:0;}



#dnn_dnnLOGO_imgLogo {margin-top:25px;}


#PortalFooter {background-color:#d5cbc2; margin:0 auto; width:100%; min-height:200px;}
#footerBreak {background:transparent url(FooterFade.png) repeat-x; margin:0 auto; height:6px; width:100%}
#innerFooter {margin:0 auto; width:760px; }



.latestProject { padding:0px 0px 10px 0px;}
.textBodyRight h2 {margin-top:0;padding-top:0;}
.latestProjecth2 {margin-bottom:10px;}
.latestProjecth2 a {color:#6d6b5e;width:242px; padding:0;margin:0; text-decoration:none; font:normal 90% Tahoma;}
.latestProjecth2 a:hover {color:#4b4a41;border-bottom:dashed 1px #4b4a41; width:242px;padding:0;margin:0;}
.imageBorderDark {margin-bottom:5px;}

.cmsList {color:#444444; text-align: justify;}
.howweworkList {color:#444444; text-align: justify; font-family: Tahoma;}
.howweworkList li {margin-bottom:5px;}
.howweworkList h2 {font-size:120%; margin-bottom:2px; font-weight:bold;color:#54343f;}
.bespokeList {color:#444444;}

.testimonialBox {font:normal 90% Tahoma; color:#be400e; width:170px; float:left; padding:0px 10px 0px 10px; height:95px; border-right:dashed 1px #c0c0c0; margin-top:7px;}
.quoter {width:180px; float:left; padding:0px 0px 0px 10px;  font:bold 100% Tahoma; color:#464646; border-right:dashed 1px #c0c0c0;}
.bigQuote {font:normal 100% Century Schoolbook;}

/*menu div*/
#nav {width: 100%; padding: 0; list-style: none; float: left;}
#nav ul {margin:0; padding:0; list-style-type:none;}
#nav li {float: left; margin: 0; padding: 0; font-size: 80%;list-style-type:none;}
#nav a {float: left;display: block;color: #C0C0C0;text-decoration: none;margin: 0 1px 0 0;padding: 7px 18px;border: 1px solid #1C1D1F;border-bottom: 0;background: #1C1D1F url(tab-off.gif) repeat-x top left;}
#nav a:hover {color: #fff;background: #3C3F44 url(img/tab-hover.gif) repeat-x top left;}
#nav a.SelectedItem {color: #222; background: #fff url(tab-on.jpg) repeat-x top left; border-color: #fff; font-weight: normal;}


#navLevel2 {width:950px;}
#navLevel2 ul {list-style-type:none; padding-left:0px;margin-left:12px;}
#navLevel2 ul li{color:#556574; margin-right:10px; float:left; padding-top:3px; }
#navLevel2 ul li a {color:#4b4a41; font-size:80%; text-decoration:none; }
#navLevel2 ul li a:hover {color:#666666;}

/*Headings*/
.standardWebDesignTitle {color:#545141; font-size: 400%; font-family:verdana; margin:0px 0px 35px 0px; padding:0px 0px 8px 0px; width:100%;}
.standardCMSTitle {color:#f78c18; font-size: 200%; margin-top:15px;}
.standardBespokeTitle {color:#deff58; font-size: 200%; margin-top:15px;}
.standardDatabaseDevTitle {color:#2fc2ff; font-size: 200%; margin-top:15px;}
.standardEcommerceTitle {color:#49545e; font-size: 200%; margin-top:15px;}


.pMediumWebDesign {color:#e2d600; font-size: 100%; font-family:Arial;}

.homePaddedContentContainer h1 {font-family: Arial;}
.homePaddedContentContainer li {color:#49545e; font-size:100%;font-family:Arial;margin-bottom:10px;}
.homePaddedContentContainer ol {padding-left:5px;margin-left:20px;}


/*fck template styles*/
.portfolioContainer{float:left; width:300px; margin-right:70px;}
.portfolioImage{color:#000; float:left;}
.portfolioLeftColumn{color:#444444; float:left; width:280px; text-align:justify;font:normal 90% Tahoma;}
.portfolioRightColumn{color:#000; float:left; width:300px;}

.portfolioCaseLink {margin:5px 0px 10px 0px; font:normal 100% Tahoma; display:block;}
.portfolioCaseLink a{color:#54343f; text-decoration:none; font-weight:bold;}
.portfolioCaseLink a:hover{text-decoration:underline;}
.portfolioCreditText {font-size:80%; text-align:left; line-height:20px; font-weight:bold;}
.clearportfolioCase{color:#FFFFFF;}
.clearPortfolio {height:1px; clear:both; width:650px; margin:10px 0px 10px 0px; border-bottom: dashed 1px #d0d0d0;}



/*FORMS*/
div.row { clear: both; padding-top: 2px; line-height: 25px; font:normal 75% tahoma;}
.formLabel { display:block; width: 170px; float: left; line-height: 25px;font-family:tahoma;}
.dropDownList { display:block; float:left; width: 235px; color: #000; margin-right: 1em;font-family:tahoma;}
.textBox{ display:block; float: left; width: 220px; margin-right: 1em; font-family:tahoma;}
.validationControl{ display:block; width: 1px; float: left;font-family:tahoma; }
.validationsummaryControl{ float: left; color: red; font-family:tahoma; line-height:30px; width:10px;}
.radioButtons {line-height:25px;margin-top:-4px;font-family:tahoma;}
.checkBox {line-height:25px;margin-top:-4px;font-family:tahoma;}
.multiTextBox {width:280px;font-family:tahoma;}
.QuoteTitle {font:bold 130% Tahoma; color:#464646; margin-bottom:5px; display:block;}
.getQuoteButtonSubmit {margin-left:-5px; margin-top:10px;background:transparent url(getQuote.png);border-width:0;width:164px;height:48px;cursor:pointer;}
.getQuoteButtonSubmit:hover {background-position: -163px 0px;}

#hiddenRightNav { visibility:hidden; }


#LoginUserContainer {
    position:relative;
    padding-right:25px;
    /*horizontal-align:right;*/
    text-align:right;
}
A.BannerLinks:Link, A.BannerLinks:Active, A.BannerLinks:Visited
{
    font-family: Verdana ,San-Serif;
    font-size: 75%;
    font-weight:bold;
    color:#000;
	padding-left:5;
}
A.BannerLinks:hover
{
    color:#FFF;
    text-decoration:none;
}

A.Content:Link, A.Content:Active, A.Content:Visited
{
    color:#000;
    height:auto;
}
A.Content:hover {
    color:#FFF;
}

#copyright{
    text-align:left;
    width:290px;
    padding-left:20px;
}
#terms{

    left:300px;    
    width:250px;
    text-align:center;
}
#host{
    text-align:right;
    right:10px;
    width:300px;
    padding-right:10px;
}
.Head{
    font-family: Georgia,Serif;
    font-size: 95%;
    font-weight: bold;
    color: gray;

}
Input.NormalTextbox
{
    font-size:75%;
    height:1.5em;
}
.NormalSmall
{
    font-family: Verdana, San-Serif;
    font-size: 80%;
    font-weight: normal;
    color: #000000
}
.NormalSmallRed
{
    font-family: Verdana, San-Serif;
    font-size: 80%;
    font-weight: normal;
    color: #CC0000
}
.CSS01
{
    position:relative;
    top:0;
    bottom:0;
    margin:5px;
    width:100%;
    border: #333 1px solid;
}
.CSS01 #Top
{
    position:relative;
    top:0;
    left:0;
    height:34px;
    width:100%;
    background:url(Top.jpg) repeat-x top left;
}
.CSS01 .Content
{
    position:relative;
    top:0;
    left:0;
    width:90%;
    margin:5px;
    background-color:#FFF;
}
.CSS01 #Middle
{
    border-left: #333 1px solid;    
    border-right: #333 1px solid;    
}
.CSS01 #Bottom
{
    position:relative;
    top:0;
    left:0;
    padding-top:4px;
    height:25px;
 
}
/*.DivL{    position:absolute;    text-align:left;    top:2px;    left:5px;    padding-right:10px;    width:50%;}*/
.DivIcon
{
    float:left;
    text-align:left;
    top:2px;
    left:5px;
    padding-right:10px;
    width:25px;
}
/*.DivC{    position:relative;    left:0;    padding-left:5px;    padding-right:5px;    width:100%;}*/
/*.DivR{    position:absolute;    width:50%;    text-align:right;    padding-left:10px;    top:2px;    right:5px}*/

#PortalContainer
{
    background:url(PortalBannerRepeat.jpg) repeat-x top left;    
    border:1px solid #333;
    height:100%;
    margin-left:1%;
    margin-right:1%;
    width:97%;
}
#PortalBanner
{
    height:125px;
    padding-left:5px;
    background:url(PortalBanner.jpg) no-repeat top left;    
    width:100%;
}
#TopRightContainer
{
    width:100%;
    text-align:right;
    padding-top:1px;
    padding-right:10px;
    padding-left:10px;
}




.ControlPanel
{
BORDER-RIGHT: #003366 1px solid;
BORDER-TOP: #003366 1px solid;
BORDER-LEFT: #003366 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #003366 1px solid;
HEIGHT: 64px;
BACKGROUND-COLOR: #ffffff;
}
.Head
{
FONT-WEIGHT: bold;
FONT-SIZE: 90%;
COLOR: #333333;
FONT-FAMILY: Georgia,Serif;
}
.SubHead
{
FONT-WEIGHT: bold;
FONT-SIZE: 85%;
COLOR: #3333FF;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.SubSubHead
{
FONT-WEIGHT: bold;
FONT-SIZE: 80%;
COLOR: #3333FF;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.Normal
{
FONT-WEIGHT: normal;
FONT-SIZE: 80%;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
TD.Normal
{
  FONT-SIZE: 80%;
}
TD.NormalTextBox
{
  FONT-SIZE: 80%;
}
TD.NormalBold
{
  FONT-SIZE: 80%;
}
.NormalBold
{
FONT-WEIGHT: bold;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.NormalRed
{
FONT-WEIGHT: bold;
COLOR: #ff0000;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}
.NormalTextBox
{
FONT-WEIGHT: normal;
FONT-FAMILY: Tahoma, Arial, Helvetica;
}